Hallo!
Ich will für einen Fragetyp einen eigenen Audio-Player verwenden, der ausschließlich den Play-Button hat. Lokal funktioniert das bei mir, sobald ich den Code allerdings in eine SoSciSurvey-Frage einfüge, funktioniert die Audiowiedergabe nicht, da der Play-Button gleichzeitig auf die nächste Seite des Fragebogens weiterleitet.
Hier der Code, den ich unter "Anweisungen" in der Frage eingefügt habe
(editiert am 30.05.2018 -
Event Handling ist jetzt komplett in Javascript und nicht mehr redundant im button,
/div entfernt,
Variablen werden nicht mehr bei window.onload initialisiert (hat nicht richtig funktioniert)):
<audio id="audioPlayer" preload="auto" controlsList="nodownload">
<source src="pro://B03_BF_09.mp3" type="audio/mpeg" />
</audio>
<button id="playButton">Play</button>
<script type="text/javascript">
<!--
var audioPlayer = document.getElementById('audioPlayer');
var playButton = document.getElementById('playButton');
var playbackCounter = 0;
var currentlyPlaying = false;
SoSciTools.attachEvent(playButton, "click", playAudio);
SoSciTools.attachEvent(audioPlayer, "ended", audioEnded);
function playAudio() {
if(!currentlyPlaying) {
audioPlayer.play();
currentlyPlaying = true;
playbackCounter++;
}
}
function audioEnded() {
currentlyPlaying = false;
}
-->
</script>
Manchmal hört man ein kleines Bruchstück der Audiodatei, so dass mein eigenes Eventhandling korrekt gebunden ist. Die Wiedergabe wird durch die Weiterleitung verhindert.
Meine aktuelle Vermutung ist, dass irgendwie die Weiterleitungsfunktion automatisch auch an das Click-Event des Play-Buttons gebunden wurde.
Vielen Dank im Voraus für jegliche Hinweise!