So, ich habe es einmal hingebastelt - aus einem alten Thread übernommen und angepasst.
In der Frage gibst Du dem audio eine Id, um es dann später ansprechen zu können
Code:
<div>
<audio controls="" id="myaudio">
<source src="https://myserver.de/userfiles//file01.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>
</div>
Nun das javascript, welches Du im Quellcode-Modus in den Fragetext einfügst.
Code:
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
var aud = document.getElementById("myaudio");
aud.volume=0.3; // Lautstärke Adapt to your needs
// Wenn Du willst, kannst Du hiermit das Audio-Element verstecken.
//Dann kann der Teilnehmer nicht starten und mit dem Fortschrittsbalken schnell zum Ende gehen
aud.onplay = function() {
aud.controls = false;
}
// Und hier, nach dem Ende, werden die Buttons gezeigt
aud.onended = function() {
$('#ls-button-submit').show();
$('#ls-button-previous').show();
}
});
</script>
Und hier werden die beiden Buttons gleich am Anfang versteckt. Auch in den Fragetext (im Quellcode-Modus)
Code:
<style type="text/css">
#ls-button-submit,
#ls-button-previous
{
display:none;
}
</style>
Der Teilnehmer kann zwar immer noch zwischendurch Blumen gießen - aber das kannst Du sowieso nicht verhindern.
Joffm
