homestead_faq's profileBrand User

677 Messages

 • 

44.6K Points

Tuesday, July 16th, 2019 8:19 PM

Sitebuilder Plus: Play Audio File Using HTML5

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

19 Messages

 • 

412 Points

14 days ago

Does not seem to work...