How to use HTML5 to Add an Audio Player to your Webpage
By using HTML5, you can add a music player to your webpage without requiring a third-party plug-in or add-on.
You can use the information in the following topics to add an audio player similar to the Internet Explorer Test Drive HTML5 Audio Player + XML Playlist to your own webpages.
You can use the audio element to add a basic audio player to your webpage without requiring script or add-on controls .
By using the audio element or object to support multiple audio formats, you can drive more listeners from multiple browsers to your webpage.
Beginning with Windows Internet Explorer 9, any audio or video content needs the correct mime type set on the server, or the files won't play. Internet Explorer 9 supports MP3 audio, and MP4 audio and video. WebM audio and video files can be supported by installing the WebM components from The WebM project. The following table shows the required settings for your web server to host these files correctly.
|Media file to serve||Extension setting||Mime type setting|
- Getting Started with the HTML5 Audio Element
- Using Media Events to Add a Progress Bar
- HTML5 Audio and Video