Clone Project

multiple-songs-audio

Created by
Webflowtips
Similar Projects
Oops! Something went wrong while submitting the form.

0 Comments

Be the first to leave a comment.
Loading
User is typing...
No Name
Set
4 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
No Name
Set
2 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
Load More
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More
Description:  
AI Description
Description from Webflow:  
Adding audio files on Webflow can be tricky. Here is a way to have as many audio files as you want which will play/pause every time you click a button. Follow these steps: * It only works on published sites not on the Webflow builder ** 1. Add an embed block on your project with as many audio tags as you want. You just have to change the unique "id" of each one. Example: <audio id="player1" loop src="your-song.mp3"></audio><audio id="player2" loop src="your-song2.mp3"></audio> 2. Add a button for each audio tag with a unique "id" (on the "Element Settings" section). Example: button1, button2 3. Copy the code on "Settings > Before body tag" on this project with the "id"s that you added on your players and buttons. That's it! If you have any questions feel free to comment. Sign up for the lesson: https://www.webflowtips.com/b/how-to-add-multiple-songs-on-the-same-page P.S 🙂 🙌 - Like or follow if this was useful for you. 13 of 50 -- Resources: Photos: Unsplash Songs: Pixabay
Tags from Webflow: 
audio, audioplayer, song, music, musica, tutorial, tips
.