Nach dem Abspielen einer Audio-Datei automatisch zur nächsten Seite weiterleiten

Question

Hallo!
Ich möchte Audio-Dateien in meinen Fragebogen einbinden und es so einrichten, dass diese genau 1mal abgespielt werden können. Dazu sollte direkt, nachdem die Audio-Datei über den Player (HTML-Code: Siehe unten) abgespielt wurde, zur nächsten Seite gegangen werden. Leider kenne ich mich in HTML nicht wirklich aus und weiß nicht, wie ich das einrichten kann. Könnten Sie mir da weiterhelfen?
Vielen Dank im Voraus!

HTML-Code des Players:

<audio style="positon: absolute; left: -10000px" id="audioplayer">
  <source src="A2a_Solo_Klavier_Aufnahme.mp3" type="audio/mpeg">
</audio>
<div style="text-align: left; margin: 2em;">
  <img src="Play_Button_Grafik_1.PNG" id="playbutton">
</div>
<script type="text/javascript">
<!--
function playAudio() {
  document.getElementById("audioplayer").play();
}
SoSciTools.attachEvent(
  document.getElementById("playbutton"),
  "click", playAudio
);

</script>

Answer 1

Das <audio>-Element kennt das Event "ended", welches aktiviert wird, wenn die Datei bis zum Ende abgespielt wurde (vgl. Events in der Referenz). Entsprechend könnten Sie folgenden JavaScript-Code ergänzen.

<script type="text/javascript">
function playAudio() {
  document.getElementById("audioplayer").play();
}
SoSciTools.attachEvent(
  document.getElementById("playbutton"),
  "click", playAudio
);
document.getElementById("audioplayer").addEventListener("ended", SoSciTools.submitPage);
</script>

Ach ja ... wenn Sie den JavaScript-Code mittels <!-- beginnen (optional), dann muss er auch mit // --> enden.