Posted on

Basic Web Audio Player HTML5

Audio browser support

Basic Web Audio Player HTML5

In my opinion, to add audio to your website we should all be using HTML5.

With just a few lines of code we can have a basic audio player. My Article here.

I want to concentrate primarily on audio and keep to the basics to try to make it as easy as possible for beginners or for those that are new to this.

HTML5 is the next major version of HTML, the primary standard that determines how web content interacts with browsers. HTML5 supports audio and video playback natively in the browser, importantly without requiring a plug-in. With HTML5, you can add media to a webpage with just a line or two of code.


<audio> tag makes it simple to add your media to your website. Just include the <audio> element, use the src attribute to identify the media source, and include the controls attribute. For example.

<audio src=”mysong.mp3″ controls></audio>

The Result should look like this. View an example on a page

This player should play in Safari,Chrome and Firefox at this time of writing. (See browser support) We can add further support for more browsers by adding more audio file types. We discuss this further in my article and more details about this subject which can be seen here.

For our music production and composition please visit our website at Mootzart

Leave a Reply

Your email address will not be published. Required fields are marked *