Straightforward future-proof, backwards-compatible means to play audio mp3 documents in-place on the web page?
I have a website for an artist that consists of music in
mp3 layout, yet these are played via a Flash documents (xspfplayer). Certainly, without Flash this is pointless.
Exists a much better future-proof, and also sensibly backwards-compatible means to include mp3 audio fragments on a web page without compeling customers to make use of Flash, as well as additionally not compeling them to download and install the mp3 first, or to leave the web page totally?
Your best choice is to remain to make use of the Flash gamer and also make use of the HTML5 audio tag, for any kind of internet browsers that sustains it. At some point, all internet browsers will certainly sustain HTML5 and also you will certainly have the ability to exterminate the flash audio gamer.
There is a wonderful record on the HTML5 audio tag and also just how to utilize it below, http://html5doctor.com/native-audio-in-the-browser/. It appears to be exceptionally very easy to make use of.
It resembles Safari 4, and also Chrome 3 both sustain the tag AND the mp3 layout. Opera and also FF 3.5 assistance WAV layout.
I think this remedy matches your needs extra specifically :
Create an M3U playlist documents which indicates the MP3's URL, post the M3U to your web server, and afterwards create a link to the M3U documents on your web page.
When the site visitor clicks the link to the M3U documents the (little) M3U documents will certainly be downloaded and install and also she or he will certainly have the alternative to open it in the media gamer of his/her selection (i.e. whatever's currently mounted on the equipment - no demand for Flash whatsoever).
As soon as opened up, the MP3 will certainly begin streaming.
audio tag when readily available.
You can after that write your gamer in HTML/CSS/JS, and also have Sound Manager identify whether to make use of Flash or
audio tag to play the audio documents. In this manner your gamer will certainly operate in IE6 as well as additionally on the iPhone/iPad.