Audio elements

Bring a memorable soundscape to your Vev projects

Diego Muralles avatar
Written by Diego Muralles
Updated over a week ago

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.

Did this answer your question?