HTML5 Audio Test Page

This is a test page, while I work out how to add HTML5 audio tag support to this website. It'll be updated as I learn new stuff (so I remember it!).

In theory, you should be able to play the above song natively in Firefox 3.5+ (Ogg format), Safari 4 and Google Chrome/Chromium (MP3 format); many older browsers, and all versions of Internet Explorer and Opera should play the song using a Flash player. Browsers with Flash and/or Javascript switched off will show a warning, and a link to the MP3 file.

On my computer, Chrome is far and away the fastest browser--the file is loaded and ready to play almost instantly--followed by Firefox 3.7a1pre (AKA "Minefield").

The only problem left to solve, presumably with some JavaScript jiggery-pokery, is that some browsers (all bar Firefox 3.7a1pre, that I've tried) start loading up the audio file once the page loads, even though I've explicitly asked them not to by omitting the autobuffer attribute from the audio tag. I'm not sure if this is a bug or a feature.

In case you're interested, the source code looks like this (I'm using the this Flash audio player):

<audio controls="controls">
<source src="song.ogg" />
<source src="song.mp3" />
<p id="audioplayer_1">
It looks like you have JavaScript and/or Flash switched off:
switch them on and reload to play this file,
or <a href="song.mp3">download it here</a>.
</p>
<script type="text/javascript">  
AudioPlayer.embed("audioplayer_1", {soundFile: "song.mp3"});  
</script>
</audio>