Inserting Audio to a Website

Lets say you want to insert an audio multitrack into your webpage.

You will start with a blank webpage that looks like this:

You will have to have a multitrack that is edited and already saved into your documents.

Go to the W3Schools ( and find HTML Media

Click on HTML Audio.

Next, find the example under “Playing Sounds in HTML”

Copy all of the text in the example and paste it under your body tag in your website

Find where all of the “song.mp3” links are and replace them with the filename of your mutlitrack. Also delete the line “source src=”song.ogg” type=”audio/ogg” because your file does not necessarily require it.

Make sure you have your multitrack saved into your Website folder that will be uploaded to your website.

Next, go to where you will upload your files and click on not only the webpage you will upload but also the actual multitrack you have recorded.

That is how you add and audio track to your webpage!


Beth Schrader

~ by bschrades on October 17, 2011.

%d bloggers like this: