Audio Layer

You can find the Audio layer in the Slide Editor.

☝️ Note: This layer is only available in the Pro version of Smart Slider 3.

iOS Safari won't load the audio layer's file, unless the Loading type of the slider is set to Instant.

You can use this layer to place an MP3 music to your slide.

Content

General

MP3 Audio

The path to the MP3 file. You can browse one from your server or use an external file by pasting its URL.

Main Color

The main color of the audio control bar.

Secondary Color

The secondary color of the audio control bar.

Audio Settings

Autoplay

If you turn this on, your video will start playing when you go to its slide, and it will stop when you go to another.

⚠️ Warning: Browsers have severe restrictions against autoplaying sound. Learn the details.

Loop

With this option you can make your video start over when it's done.

Volume

The volume of your video.

Restart on Slide Change

If it's turned off, and you switch away from your audio, it will only pause, but if you turn this on, it will reset the video to 0 sec.

Display

Full Width

Displays the audio player in full width.

Controls

Shows the controls of the audio player.

Progress

Shows the progress bar of the audio player.

Time

Shows the time of the audio player.

Volume

Shows the volume control of the audio player.

💡 Note: On iOS devices, the audio level is always under the user’s physical control. This means that the audio layer's volume option can't be used to adjust the sound on iOS so it's hidden there starting from 3.5.1.0.

Icon Size 3.5.1.0

You can change the size of the icons ( Volume and Controls ).

Style

Responsive

Learn about the responsive options at the Layer Style documentation.

Effect

Learn more about the effect options at the Layer Style documentation.

Position

Learn about the position options at the Layer Style documentation.

Size

Learn about the size options at the Layer Style documentation.

Advanced

Learn more about the advanced options at the Layer Style documentation.

Animations

Learn about the animations at the Animation documentation.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.