I'm thinking HTML5 audio tag with fallback to Flash (using WordPress Audio Player - standalone version) will give you the most compatibility.
The HTML5 audio format support in browsers is stupid, i.e. Firefox 3.6+ and Opera 10.5+ will only play Ogg Vorbis and Wave, Chrome 6+ will play Ogg Vorbis and MP3, and Safari and IE9 MP3 and Wave.
The WordPress Audio Player will only do MP3 as well, but it's better than nothing.
The code below will do the fallback for you, tested and working in Firefox, IE9 and Android Browser on 2.3.3. I don't have an iPhone to test it with, but presumably it will work with the <audio> tag.
To get this to work, you'll need to download and place the Word Press Audio Player in /audio-player/ directory of soundgems.co.uk and provide both MP4 and MP3 versions of the audio files (put them in /audio/).
code: <!DOCTYPE html>
<head>
<title>Soundgems</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<script type="text/javascript" src="/audio-player/audio-player.js"></script>
<script type="text/javascript">
AudioPlayer.setup("/audio-player/player.swf", {
width: 1,
initialvolume: 100,
transparentpagebg: "yes",
left: "000000",
lefticon: "FFFFFF"
});
</script>
</head>
<body>
<div align="center">
<img src="/soundgemsimage1.gif" width="480" height="480" title="" alt="" />
</div>
<audio controls="false" preload="auto" autobuffer autoplay id="audioplayer">
<source src="/audio/soundgems1.mp4" />
<script type="text/javascript">
var audio_player = document.createElement('audio');
if (!audio_player.canPlayType || !audio_player.canPlayType('audio/mp4')) {
AudioPlayer.embed("audioplayer", {
soundFile: "/audio/soundgems1.mp3",
autostart: "yes",
loop: "no",
animation: "no",
transparentpagebg: "yes"
});
}
</script>
</audio>
</body>
</html> |