Sorry, Matt (or any other web-knitters), one last question: I've got the player bar centred now and it's working on a wide range of different phones. The sound file starts automatically on Android, and needs to be clicked on iPhone (everything I've read about iPhone says that this is unavoidable). However, the play button on the page is very small on the iPhone. Is there a way I can I biggerize it?
Current state of code:
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/assets/audio-player.js"></script>
<script type="text/javascript">
AudioPlayer.setup("/audio-player/assets/player.swf", {
width: 1,
initialvolume: 100,
transparentpagebg: "yes",
left: "000000",
lefticon: "FFFFFF"
});
</script>
</head>
<body>
<div align="center">
<img src="/soundgemimages/soundgemsimage1.gif" width="480" height="480" title="" alt="" />
</div>
<div align="center">
<audio controls="false" preload="auto" autobuffer autoplay id="audioplayer">
<source src="/audio/soundgems1.m4a" />
<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>
</div>
</body>
</html>
PS. Same URL as before, http://www.soundgems.co.uk/soundgems1.htm (you can use the QR Code I attached to a previous post) and yes, BeeP, it's the same soundfile & image as before.EDITED: 11 Apr 2011 12:22 by MANTHORP