Audio elements bring a rich, new texture to your web projects. From subtle sound effects to full-blown soundtracks, using audio can help build an emotional connection with your brand and make your content experience more memorable.
Vev offers native components for popular sound hosting sites like Apple Music, Soundcloud Spotify, Tidal, or a HTML5 audio widget for uploading your own files.
๐ Add an audio player to a project
From the top menu bar, click Add Menu (
Shortcut: M
)Search for and select your desired audio player (SoundCloud, Tidal, Apple Music, HTML5 Audio)
Click and drag the element onto your canvas
โ๏ธ Configuration Options
Double-clicking on the audio player elements on your canvas opens the configuration options. From here, you can add the URL, set it to autoplay, show the controls, and more, depending on the audio player you've chosen.
Apple Music
Parameter | Options |
Media link | Add the URL of your song/playlist |
SoundCloud
Parameter | Options |
SoundCloud Link | Add the URL of your song/playlist |
Classic look | Enable the SoundCloud classic preview style |
Autoplay | Make the song start playing automatically |
Player Color | Change the player's color (this feature may not work on all devices) |
Spotify
Parameter | Options |
Spotify link | Add the URL of your song/playlist |
Tidal
Parameter | Options |
URL | Add the URL of your song/playlist |
HTML5 Audio
Parameter | Options |
Upload audio file | Upload your audio file |
Add file source | Upload a file source |
Show controls | Toggle to show player controls |
Autoplay | Make the audio start playing automatically |
Loop audio | Set the audio play to play continuously |
Note: Autoplay will not work on mobile devices.