:: Buchempfehlung ::

Sebastian · #1 27.02.2015, 10:41:01

Ich tüftele derzeit an foldendem Problem:
Ich möchte einen Sound (Knistern) abspielen und nach eine zufälligen Länge (3 - 10 Sek.) einen zweiten Sound abspielen (Explosion).
Das Script funktioniert soweit auch unter Firefox. Einige Geräte (z.B. kindle fire) reagieren jedoch merkwürdig. Sie spielen zwar das Knistern ab, die anschließende Explosion aber nicht. Wenn allerdings zunächst der Sound der Explosion abgespielt wurde und anschließend das Knistern mit der anschließenden Explosion, dann funktioniert es. Ich bin ratlos.
Mein Script:

Code:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Audiotest</title>

</head>

<body>

<audio loop id="Knistern" preload="auto">
  <source src="knistern.mp3">
</audio>
<audio id="Explosion" preload="auto">
  <source src="explosion.mp3">
</audio>

<p><a href="#" onClick="start();">Knistern & Explosion</a></p>
<p><a href="#" onClick="start2();">Explosion</a></p>
<p>&nbsp;</p>
<p id="warten">Warte</p>

<script type="text/javascript">
   var audio1 = document.getElementById('Knistern');
   var audio2 = document.getElementById('Explosion');
   var warten = document.getElementById('warten');
   audio1.load()
   audio2.load()
   audio1.pause();
   audio2.pause();
   audio1.currentTime = 0;
   audio2.currentTime = 0;
   
function explode() {
audio1.pause();
audio1.currentTime = 0;
audio2.play();	
}

function start () {
	Zufall = Math.random()
	Zufallszahl =  3 + parseInt(Zufall * ( (10 + 1 ) - 3));
	var zufall = Zufallszahl*1000;
	warten.innerHTML = zufall;
	audio1.play();
	setTimeout(explode,zufall);
   }
   function start2 () {
	audio2.play();
   }
</script>

</body>
</html>

:: Buchempfehlung ::

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!