Audio

Overview

Integrate audios directly into your website with our Audio widget, built into Sitepad Builder.

You can easily play or pause the audio, even can control the Volume of Audio with this Widget.
audio_overview

Options

Audio

  • Audio Source : You can browse and select the audio file from Media Library with proper extension eg. .mp3, .wav, etc. 
  • Autoplay : Enable to set autoplay to your audio displayed or vice versa.
  • Repeat : Enable to repeat the audio displayed  continuously or vice versa.
  • Width : Set the width of the audio to be displayed on your web page.
  • Padding : Set the padding of the audio to be displayed on your web page.
audio_style

Play Pause Style

  • Size : You can set the size of the pause play button.
  • Color : Set the Color of the play pause button icon.
  • Space Around : Set the space around the play pause button.
  • Background Color : Set the color of the background of the play pause button.
  • Border Radius : Set the border radius of the play pause button.
audio_playpause

Duration Time Style

  • Show : Enable the toggle if you want to show the duration time.
  • Color : Set the Color of the duration time.
audio_duration

Progress Bar Style

  • Show : Enable the toggle if you want to show the progress bar.
  • Height : Set the height of the progress bar.
  • Background Color : Set the color of the background of the progress bar.
  • Loaded Color : Set the color of the progress bar when loaded.
  • Current Color : Set the current color of the progress bar.
  • Hover Color : Set the hover color of the progress bar.
  • Handle Color : Set the handle color of the progress bar.
audio_progress

Current Style

  • Show : Enable the toggle if you want to show the current time.
  • Color : Set the color of the current time.
audio_current

Volume Style

  • Size : You can set the size of the volume button.
  • Color : Set the Color of the volume button icon.
  • Space Around : Set the space around the volume button.
  • Background Color : Set the color of the background of the volume button.
  • Border Radius : Set the border radius of the volume button.
audio_volume

Volume Slider

  • Height : Set the height of the Volume Slider.
  • Width : Set the width of the volume slider.
  • Background Color : Set the color of the background of the volume Slider.
  • Current Color : Set the current color of the volume slider.
audio_volumestyle
Was this helpful to you?