Html5 Audio Player Docs When you create an audio from Html5 Audio Player > Add Audio Player, you will see the standard player type is selected by default.
From here, you can change various options for the audio such as sources, options, layout(width, alignment), player skin and many more. Lets talk one by one
Sources
By this settings you can upload/change audio file and audio poster, also you can set the audio title.
Options
There are lots of options for the audio
- Muted: Turn on if you want the video output should be muted.
- Auto Play: Turn on if you want video will start playing as soon as it is ready. autoplay policy
- Repeat: Two options are available. Once or Loop. You can choose according to your needs.
- Disable Pause: Enable this option if you want user can’t pause the audio.
- Seek Time: The time, in seconds, to seek when a user hits fast forward or rewind. The default value is 10 sec.
- Preload: Specify how the video file should be loaded when the page loads.
Layout
For the layout you can change width, alignment and border-radius from here.
- Player Width: Set the player width. Height will be calculated base on the value. Left 100% for Responsive player.
- Alignment: To set the player in left, center or right.
- Border radius: Defines the radius of the Player’s corners.
Player Skin
In standard player type, there are 4 different player skin: Default, Fusion, Stamp and Wave
Default
In default skin, you can show/hide the controls buttons. Such as Restart, Rewind, Play, Fast Forwards, Progressbar, Duration, Current Time, Mute Button, Volume Control, Setting Button, Download Button
Fusion
In this skin you can show/hide the download button.
Stamp
For the stamp skin, you can set the text and control color.
Wave
In wave skin, you can set the author name, text and control and background color color.
