Sitebuilder Plus: Play Audio File Using HTML5

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