Sitebuilder Plus: Play Audio File Using HTML5

  • 0
  • 1
  • Article
  • Updated 2 months ago
  • (Edited)
Can I play an audio file using HTML5 in SiteBuilder?

Yes! First you will want to save, or convert your audio file to a common format such as MP3. 

1. Upload the audio file into the File Manger and publish the file using the upload button on the top menu.  Where is the file manager located?

2. Paste the following html code into your web page where you wish for the audio player controls to appear. How to add html code?

<audio controls>
  <source src="music.mp3" type="audio/mpeg">
  <source src="music.ogg" type="audio/ogg">
  Your browser does not support this audio format.
</audio>


3. Save & Publish the page

Important: Be sure to edit the name of the file name in the html code to match the name of the audio file you imported on step 1. 

When the page is published, it will produce a nice clean looking audio player like shown below. 

Chrome


Firefox


Internet Explorer


Safari
Photo of Homestead FAQ

Homestead FAQ, Employee

  • 42,636 Points 20k badge 2x thumb

Posted 2 months ago

  • 0
  • 1

Be the first to post a reply!