Html & Javascript Audio Play & Stopp-Taste

-1

<!DOCTYPE html> 
<html> 
<body> 

<img id="myImage" onclick="aud_play_pause()" src="../../images/off.png" alt=""/> 

<audio id="myAudio"> 
</audio> 

<script> 
    function aud_play_pause() 
    { 
     var song = ["../Sesler/3.mp3"]; 
     var myAudio = document.getElementById("myAudio"); 
     var image = document.getElementById('myImage'); 
     myAudio.src = song; 
     if (myAudio.paused) 
     { 
      image.src = "../../images/on.png"; 
      myAudio.play(); 
     } 
     else if(image.src.match("on")) 
     { 
      image.src = "../../images/off.png"; 
      myAudio.pause(); 
     } 
    } 
</script> 

</body> 
</html>

Hallo,Html & Javascript Audio Play & Stopp-Taste

Ich konnte nicht verstehen, warum es nicht funktioniert. Es soll beginnen, wenn ich klicke (es beginnt) und es wird angenommen, wenn ich wieder klicke (tut es nicht). Ich denke, die "else if" Aussage funktioniert nicht, aber warum?

Danke,

H. Caglar

Quelle

2016-06-11 Caglar

Dies ist nicht Java, es ist Javascript. Wenn Sie den Unterschied nicht wissen, gibt es Wikis auf jedem auf der Website, um Ihnen zu helfen, –

Vielen Dank für Ihre Freundlichkeit Rachel. Ich werde deinem Rat folgen. – Caglar

Ich habe den Titel bearbeitet. Entschuldigung für Missverständnisse. – Caglar

Sie setzen den src, jedes Mal, Audio der Benutzer klicken Sie auf die Schaltfläche. Es beginnt dann direkt nach dem Laden. Bewegen Sie es außerhalb der Funktion und verwenden Sie nicht ein Array [...], sondern nur eine Saite:

myAudio.src = "../Sesler/3.mp3";

Dann wird ein else (ohne weitere Bedingung) sollte ausreichend sein, um zwischen der Wiedergabe und Pausieren zu unterscheiden:

if (myAudio.paused) { 
    image.src = "../../images/on.png"; 
    myAudio.play(); 
} else { 
    image.src = "../../images/off.png"; 
    myAudio.pause(); 
}

Quelle

2016-06-11 16:20:00

Danke für die Antwort auf Joachim. Ich habe getan, was du gesagt hast, aber es hat nicht funktioniert. Der Button-Effekt funktioniert, aber der Ton wurde nicht abgespielt. – Caglar

Haben Sie die Zuweisung zu 'myAudio.src' außerhalb der Funktion verschoben? Siehe meine Fiddle https://jsfiddle.net/1Lha66vp/, um ein funktionierendes Beispiel zu sehen. –

Es scheint irgendwie, ich habe vergessen, die Zeile, die unten in Anführungszeichen ist hinzuzufügen. Danke für deine Hilfe. Es funktioniert perfekt =) "document.getElementById (" myImage "). Onclick = aud_play_pause;" – Caglar

Html & Javascript Audio Play & Stopp-Taste

Antwort

Verwandte Themen