Auctria

How To Embed Audio Files

< Next: >

How To Embed MP3 FilesHow To Embed OGG Files

There may be cases where you would like to embed an audio file into your event website. You can do this fairly easily using either the HTML-Row  element or the HTML  column content element.

Start with inserting the HTML-Row  element, you would then edit the HTML to add in the appropriately configured <audio/> element.

img

An example borrowing heavily from the [w3schools.com - HTML Audio](https://www.w3schools.com/html/html5_audio.asp) page.

WARNING

  • The example HTML uses a src property with a publicly accessible audio file.
  • You will need to use a publicly accessible URL for your audio file.
    • Auctria does not provide a means for this in the event website.

The above example Custom HTML will display the following in an event website.

img

An example from a demonstration event.

You only need to use a source property for the specific file you are using. If you only have an mp3 formatted file, then you only need to use an appropriate reference to the mp3 file.

Continuing from the example, the <audio/> property could be configured along the following lines:

<audio controls>
  <source src="https://www.w3schools.com/html/horse.mp3" type="audio/mpeg">
</audio>

INFORMATION

You can also use this approach with the HTML  Column Content element.

Learn about related topics:

< Next: >
Last reviewed: November 2023
EmbedAudio
/how_to/websites/embed_audio/
how_to
websites
embed_audio
How To Embed Audio Files
Learn how to embed audio files on your Event website.