Hej alla, tack för alla länktips. Jag har fått lite mer kunskap om ämnet!
Jag ska lägga upp .ogg live på mina sajter senare idag, vi får se hur det går. Tänkte dela med mig av koden jag använder. Om du litar på att alla webbläsare klarar av att hantera flash som fallback på ett audio-dokument, att användarens webbläsare har javascript-aktiverat om du använder javascript kontroller för att hantera ljudet och inte har något emot några extra rader kod kan du BORTSE från koden nedan. Denna kod skriver över flash-spelaren med ogg ENBART om användaren kör FF 3.5 och har Javascript aktiverat:
Kod:
<html><head>
<?
$ua="Firefox/3.5";
if(strpos($_SERVER['HTTP_USER_AGENT'],$ua)) { ?>
<style>
a:link {border: 0px; color: #ffffff;}
</style>
<script language="JavaScript" type="text/javascript">
function fixReplace() {
document.getElementById("playbutton").innerHTML='<a href="javascript:pausPlay()"><img src="http://www.plopmusic.com/play/buttons/custom/bPlay.png" id="playButton" border="0"></a>';
}
function pausPlay() {
var v = document.getElementsByTagName("audio")[0];
if(v.paused) {
v.play();
document.getElementById("playButton").src="http://www.plopmusic.com/play/buttons/custom/bPaus.png";
}else{
v.pause();
document.getElementById("playButton").src="http://www.plopmusic.com/play/buttons/custom/bPlay.png";
}
}
document.getElementsByTagName("audio")[0].addEventListener('ended', function () { alert('video playback finished') } );
</script>
<? } ?>
</head>
<body onload="fixReplace();">
<? if(strpos($_SERVER['HTTP_USER_AGENT'],$ua)) { ?>
<audio src="http://www.plopmusic.com/m/mp3/pontus.ogg" type="audio/ogg" >
Your browser does not support the <code>audio</code> element. This future should NOT be used for Internet Explorer!
</audio>
<? } ?>
<div id="playbutton">
// Kod för flashspelaren!
</div>
</body></html>
Kan givetvis göras MYCKET snyggare. Men det funkar och ni förstår nog tanken!
h34r: