Sitebuilder Plus: Play Audio File Using HTML5

  • 0
  • 1
  • Article
  • Updated 11 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?

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. 

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="audio.ogg" type="audio/ogg">
  <source src="audio.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
3. Save & Publish the page

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

  • 43,386 Points 20k badge 2x thumb

Posted 11 months ago

  • 0
  • 1

Be the first to post a reply!