Neue Frage (Hintergrundmusik)

Question

Da die bereits bestehende Frage schon zu unübersichtlich wurde hier nochmal von Neuem:

Ich möchte gerne, dass bei meinen 16 Fragebögen (im Prinzip 16x der Selbe, nur die Musikstücke variieren) im Hintergrund Musik läuft.
Diese soll ab einer bestimmten Seite von alleine starten (ab dem Drucker).

Ihrerseits sollte ich folgende Inhalte mit in diese Frage geben:
Den Link zum Fragebogen (Frameset!) und den PHP- und/oder HTML-Code von der Seite, wo die Hintergrundmusik starten soll.

Einer der Links: https://www.soscisurvey.de/del/Gruppe1.html

HTML-Code von der Seite, wo die Musik starten soll:

<script type="text/javascript">
<!--
top.Beispielframe.location.href = "ddl-play.html";
// -->
</script>

Braucht es noch weitere Infos?

Vielen Dank

Answer 1

Ich hatte in der vorherigen ANtwort ja schon angeteasert, dass Sie für jede Experimtenalbedingung eine eigene HTML-Datei benötigen werden.

Wenn Sie diese haben, schreiben Sie bitte alle 16 Dateinamen in einen Zufallsgenerator und ziehen Sie diesen in die Fragebogen-Seite. Jetzt speichern Sie den gezogenen Dateinamen noch als Platzhalter

replace('%datei%', 'RG01', 'label');

... wobei RG01 durch die Kennung des Zufallsgenerators zu ersetzen ist und verwenden den Platzhalter im HTML-/JavaScript-Code:

<script type="text/javascript">
top.Beispielframe.location.href = "%datei%";
</script>

Comments

Hallo

ich habe es endlich geschafft und die Musik läuft jetzt genau wie gewollt per Zufallsgenerator.

Jetzt habe ich nur noch einen Verbesserungswunsch...
Kann man den Player, welcher aktuell auf jeder Seite angezeigt wird "unsichtbar" machen und dennoch die Musik automatisch abspielen lassen?

Vermutlich muss dafür etwas im PHP Code ergänzt werden...?
Der sieht gerade so aus:

 <div style="margin: 3em; text-align: center">
         <audio controls autoplay>
            <source src="'.$lied.'" type="audio/ogg">
            <source src="'.$lied.'" type="audio/mpeg">
        </audio>
    </div>

---

Die Herausforderung ist es nicht, den Player verschwinden zu lassen. Dafür können Sie einfach das <div> außerhalb des Sichtfelds platzieren oder komplett ausblenden:

<div style="margin: 3em; text-align: center; position: absolute; left: -99999px;">

Die Herausforderung besteht darin, dass Sie auch etwas Abspielen, wenn der Teilnehmer auf dem Mobilgerät teilnimmt (gut, da macht Audio vermulich ohnehin nicht so viel Sinn - besser solche Leute filtern!) oder wenn der Browser aus anderen Gründen das Autoplay blockiert.

Hierfür kann man ein kleines JavaScript ergänzen, welches nach 1 Sekunde prüft, ob das Audio läuft. Und wenn nicht, dann wird der Player wieder angezeigt.

Falls Sie so eine Lösung brauchen, finden Sie heir den Code: https://www.soscisurvey.de/help/doku.php/de:create:media#mp3_via_html5_einbinden