0 votes
in SoSci Survey (dt.) by s089492 (120 points)

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>

1 Answer

0 votes
by SoSci Survey (302k points)

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.

Willkommen im Online-Support von SoSci Survey.

Hier bekommen Sie schnelle und fundierte Antworten von anderen Projektleitern und direkt von SoSci Survey.

→ Eine Frage stellen


Welcome to the SoSci Survey online support.

Simply ask a question to quickly get answers from other professionals, and directly from SoSci Survey.

→ Ask a Question

...