Html5 Audio Player Docs

  1. Home
  2. Docs
  3. Html5 Audio Player Docs
  4. Guides
  5. ShortCode Standard- Configure

ShortCode Standard- Configure

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.

HTML5 Audio Player- ShortCode Standard Sources
HTML5 Audio Player- ShortCode Standard Sources

Options

There are lots of options for the audio

  1. Muted: Turn on if you want the video output should be muted.
  2. Auto Play: Turn on if you want video will start playing as soon as it is ready. autoplay policy
  3. Repeat: Two options are available. Once or Loop. You can choose according to your needs.
  4. Disable Pause: Enable this option if you want user can’t pause the audio.
  5. Seek Time: The time, in seconds, to seek when a user hits fast forward or rewind. The default value is 10 sec.
  6. Preload: Specify how the video file should be loaded when the page loads.
HTML5 Audio Player- ShortCode Standard Options
HTML5 Audio Player- ShortCode Standard Options

Layout

For the layout you can change width, alignment and border-radius from here.

  1. Player Width: Set the player width. Height will be calculated base on the value. Left 100% for Responsive player.
  2. Alignment: To set the player in left, center or right.
  3. Border radius: Defines the radius of the Player’s corners.
HTML5 Audio Player- ShortCode Standard Layout
HTML5 Audio Player- ShortCode Standard Layout

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

HTML5 Audio Player- ShortCode Standard Skin Default
HTML5 Audio Player- ShortCode Standard Skin Default
HTML5 Audio Player- ShortCode Standard Default Preview
HTML5 Audio Player- ShortCode Standard Default Preview
Fusion

In this skin you can show/hide the download button.

HTML5 Audio Player- ShortCode Standard Skin Default
HTML5 Audio Player- ShortCode Standard Skin Fusion
HTML5 Audio Player- ShortCode Standard Fusion Preview
HTML5 Audio Player- ShortCode Standard Fusion Preview
Stamp

For the stamp skin, you can set the text and control color.

HTML5 Audio Player- ShortCode Standard Skin Stamp
HTML5 Audio Player- ShortCode Standard Skin Stamp
HTML5 Audio Player- ShortCode Standard Stamp Preview
HTML5 Audio Player- ShortCode Standard Stamp Preview
Wave

In wave skin, you can set the author name, text and control and background color color.

HTML5 Audio Player- ShortCode Standard Skin Wave
HTML5 Audio Player- ShortCode Standard Skin Wave
HTML5 Audio Player- ShortCode Standard Wave Preview
HTML5 Audio Player- ShortCode Standard Wave Preview
Was this article helpful to you?

How can we help?