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
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.
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.