kann man den Timer erst nach Start der Musikdatei zum laufen bringen?

Question

kann man den Timer erst nach Start der Musikdatein zum laufen bringen und auch erst wenn die Musik startet die Textseite öffnen werden?

In unserem Fragebogen haben wir eine Seite in welchen verschiedene Wörter gezeigt werden, diese wird mit einer musikdatei kombiniert während ein Timer läuft. Allerdings wollen wir, dass der Text erst gezeigt wird, wenn die Musik läuft. Sobald die Musik läuft soll also der Timer starten und der Text erscheinen.
Kann man dass denn irgendwie einstellen, gibts dafür denn irgendwelche codes?

Comments

Sie können den Text eingangs ausblenden und mittels JavaScript überwachen, wann die Musik in einem <audio>-Element startet - und den Text dann einblenden.

Allerdings verstehe ich nicht so ganz, was der Timer damit zu tun hat, und was selbiger machen soll?

---

der timer soll erst starten wenn die Musik läuft

---

Und was soll der Timer machen?

---

Ich studiere Psychologie und wir prüfen gerade, wie sich die aufmerksamkeit verändert während Musik läuft. Wir haben eine Liste an Wörtern die sich die Leute merken sollen. Währenddessen läuft der Timer und die Musik. allerdings geht Zeit verloren wenn die Leute erst auf die Musik anmachen müssen, da diese ja nicht auf allen Geräten automatisch funktioniert. Aber wir wollen nicht, dass Zeit verloren geht, da sonst die Ergebnisse verfälscht werden können. Deshalb wollen wir das die Liste an WÖrtern und der Timer erst erscheint, sobald die Musik aktiviert wurde.

Ist dass denn möglich einzustelllen?
Also: Erst Musik aktivieren, dann erst soll der Timer laufen und die Wörter-Liste erscheinen.

---

Es geht also nur darum, dass ein Timer angezeigt wird - es geht nicht darum, dass der automatisch zur nächsten Seite leitet o.ä.

Wenn Sie kein problem damit haben, dass man durch Neu-Laden der Seite den Timer zurücksetzen kann, dann können Sie dessen start ebenfalls an das Abspielen des Videos koppeln.

Aber starten Sie erstmal mit der Anzeige des Wörter. Ich vermute, wir werden da zunächst die in oder andere Kleinigkeit klären müssen. Und für den Timer posten Sie dann bitte nochmal den kompletten Code, den Sie verwenden. Das machen wir dann in einer neuen Frage - der Übersicht halber.

---

also der timer ist schon richtig eingestellt und leitet bereits automatisch zur nächsten Seite. Ein Video haben wir gar nicht drinnen, nur eine Liste an Wörtern. Musik, Timer und Wörterliste sind auf der gleichen Seite vom Fragebogen. Wir möchten nur dass zuerst die Musik aktiviert wird und dann der Timer läuft und die Liste der Wörter erscheint. Also so dass man die Liste zuvor nicht sehen kann, erst wenn die Liste der Wörter aktiviert wurde.

Mit dem Fragebogen passt ansonsten aber alles und der Timer ist auch schon richtig eingestellt. Ich weiss nur nicht wie man das einstellen kann, dass die Liste erst dann angezeigt und der Timer erst dann läuft, sobald die Musik spielt.

Answer 1

Mit dem Fragebogen passt ansonsten aber alles und der Timer ist auch schon richtig eingestellt

Naja, er ist im Moment wohl auf den Start der Seite eingestellt - und eben nicht auf den Start der Musik. Und eigentlich hatten Sie gesagt, dass das genau nicht richtig sei.

Ich weiss nur nicht wie man das einstellen kann, dass die Liste erst dann angezeigt und der Timer erst dann läuft, sobald die Musik spielt.

Dafür lauschen Sie z.B. auf das "play" Event des <audio>-Elements, s. https://www.w3schools.com/tags/ref_av_dom.asp

Im einfachsten Fall kann da so aussehen:

<audio src="..." id="audio01"></audio>

<script>
document.getElementById("audio01").addEventListener("play", function() {
    alert("Jetzt geht es los");
});
</script>

Statt dem Alert sorgen Sie mittels style.display="" dafür, dass die Wörter, die Sie vorher ausgeblendet haben, wieder eingeblendet werden. Lesen Sie zum besseren Verständnis der böhmischen Dörfer bitte: https://www.soscisurvey.de/help/doku.php/de:create:timer-display