HTML-Audioelement wird beim ersten Mal nicht wiedergegeben?

Question

Ich verwende das html audio Element in einem meiner Projekte, wo ich die src des Elements dynamisch mit VueJS laden, sobald die Wiedergabe-Taste gedrückt wird.

Alles scheint gut zu funktionieren, aber wenn ich den Knopf zum ersten Mal drücke, wird der Ton nicht abgespielt. Ich muss die Play-Taste ein zweites Mal klicken, damit es zu spielen beginnt. Wie kann ich das beheben?

Ich habe sogar überprüft, ob der src ist vor dem Abspielen mit console.log (Element), die das Audio mit dem SRC zeigt.

Aber es spielt nicht im ersten Versuch.

Mein Code sieht so aus.

var player = document.getElementById('player'); 
console.log(player) 
if(player.src != ""){ 
    player.play(); 
}; 

Wie kann ich das beheben? Vielen Dank. Es ist sehr nervig. Dies sollte

var player= document.getElementById('player'); 

player.addEventListener('canplaythrough', function() { 
    player.play(); 
}, false); 

außerdem sicher dazu beitragen, dass

Answer 1

ist Ereignis ausgelöst, wenn Sie die Taste drücken.