Problem mit Audio und alert() in Chrome

[j-l-n]

Auf das wesentliche reduzierter Code-Auszug:

<button id="notify">Notify</button>
...
<script>
function playAudio(){
	function createAudio(ogg, mp3){
		var d = new Date();
		var randomString = "?" + d.getTime();
		var audio, audioSource;
		audio = document.createElement("audio");
		audio.preload = "auto";
		audioSource = document.createElement("source"); //browser with support for ogg
		audioSource.type = "audio/ogg";
		audioSource.src = ogg + randomString;
		audio.appendChild(audioSource);
		audioSource = document.createElement("source"); //browser with support for mp3
		audioSource.type = "audio/mpeg";
		audioSource.src = mp3 + randomString;
		audio.appendChild(audioSource);
		return audio;
	}
				
	var sound = createAudio("alert.ogg", "alert.mp3");
	sound.onplay = function(){
		alert("Irgendeine Meldung");
	}
	sound.play();
}
document.getElementById("notify").onclick = playAudio;				
</script>

In Firefox funktioniert dieses Skript - in Chrome hingegen wird das Audio immer erst nach dem Schließen des alert() abgespielt und manchmal sogar gar nicht. Wieso?
Fehlerkonsole ist auch leer.

 

[dbarthel]

Hast du das online oder lokal getestet?

 

[tsseh]

In Firefox funktioniert dieses Skript - in Chrome hingegen wird das Audio immer erst nach dem Schließen des alert() abgespielt und manchmal sogar gar nicht.

nagut, ein alert ist ja auch was besonderes (was im produktiveinsatz idR. auch nicht vorkommt), da diese funktion ein echten modalen dialog erzeugt.
was da im hintergrung noch läuft, ist nicht definiert und auch nicht so einfach zu entscheiden.
der ff hatte mal, ka ob das noch so ist, sogar noch weiter js abgearbeitet (aus laufenden timeouts).
der Chrome wird vermutlich auf das ende des callbacks warten und dann das abspielen beginnen. das callback kommt aber nicht zum ende, bis du den alert wegklickst.
ff startet enweder erst das abspielen oder parallel mit dem callback.

 

[j-l-n]

Hast du das online oder lokal getestet?

Sowohl als auch.
@hesst: Hast du eine Idee, wie ich auch im Chrome zuerst das Audio abspielen kann?

 

[miniA4kuser]

Hast du mal probiert den alert zu "entkoppeln" via setTimeout(function () {alert("blabla");}, 200);?

 

[j-l-n]

Hast du mal probiert den alert zu "entkoppeln" via setTimeout(function () {alert("blabla");}, 200);?

Als Timeout noch nicht, aber als eigene Funktion „entkoppelt” schon...

 

[miniA4kuser]

Als Timeout noch nicht, aber als eigene Funktion „entkoppelt” schon...

Und mal in der Zwischenzeit als Timeout ausprobiert?

 

[j-l-n]

Und mal in der Zwischenzeit als Timeout ausprobiert?

Ich bin noch nicht dazu gekommen, da ich an etwas anderem weitergearbeitet habe. Melde mich dann aber zurück, wenn ich es ausprobiere.

 

[j-l-n]

Also ich verstehe das Verhalten von Chrome an dieser Stelle überhaupt nicht... In Firefox läuft es tadelfrei - sei es mit oder ohne Timeout. Im Chromw funktioniert es zwar mit Timeout auch problemlos, allerdings erst ab ~100ms.
Es würde so schon taugen - Hauptsache, es funktioniert - aber gibt es denn keine „sauberere” Lösung?

 

[dbarthel]

Ich verstehe ehrlich gesagt eigentlich nicht ganz, wozu du während der Sounsausgabe noch ein Alert ausgibst aber ich befürchte es könnte sich um ein Chrome-spezifisches Problem handeln.

 

[miniA4kuser]

Also ich verstehe das Verhalten von Chrome an dieser Stelle überhaupt nicht...

Das wird wohl an der JS-Engine von Chrome liegen. Ist ja aber genauso wie mit dem Focus-Problem beim Firefox: Firefox/Chrome/Maxthon: focus() (elements)

 

[j-l-n]

So funktioniert es zwar jetzt. Aber gibt es denn keine sauberere Lösung?

- - - Aktualisiert - - -

Bin endlich nach langem Suchen auf die Lösung gekommen:

sound.play();
sound.onloadeddata = function(){
	alert("Irgendeine Meldung");
}

 

[mikdoe]

onloadeddata kannte ich noch nicht.