Zufallsgenerator verschiedene Medien

Question

Mein Experiment besteht aus 6 verschiedenen Gruppen. Vier Gruppen erhalten Audiodateien und 2 Bilddateien. Bei meinem aktuellen Zufallsgeneratoren funktionieren die Autiogruppen perfekt, bei den Bilddatein wird unter dem Bild ein leerer Audioplayer angezeigt. Wie bekome ich den weg?

Meine Zettel sind dementsprechend: bei gleichverteiltem Ziehen (ohne zurücklegen)
1 = pro://Frau_Urner_Umweltwiss..mp3
2 = pro://Frau_Urner_Allgemeinarztin.mp3
3 = pro://Herr_Urner_Allgemeinarzt.mp3
4 = pro://Herr_Urner_Umweltwiss..mp3
5 = pro://Transkript_Boden.jpg
6 = pro://Kontrolltext_Spenden-bilder-2.jpg

Mein aktueller Code unter Inhalte anzeigen sieht wie folgt aus:

div style="text-align: center; margin: 3em 0">
img src="%random%" style= "max-width: 90%" alt="">
/div

audio id="audio" preload="auto" autoplay controls controlsList="nodownload">
source src="%random%" type="audio/mpeg" />
/audio

Schonmal vielen Dank im Voraus

Answer 1

Das wird so nicht funktionieren - der zufallsgenerator mit dem angegeben HTML-Code bindet ja immer beides ein. Den Code für ein Bild und den Code für eine Audio-Datei. Dass vom Bild in der Audio-Bedingung nichts zu sehen ist, könnte je nach Browser auch mal anders aussehen.

Binden Sie die Inhalte daher am besten nicht direkt über den "HTML-Code" im Zufallsgenerator ein, sondern z.B. wie folgt (es gäbe auh andere Möglichkeiten, mehr dazu in der Anleitung zur Randomisierung):

show('RG01');  // Ich nehme mal an, Ihr Zufallsgenerator heißt ZG01
$code = value('RG01');
$url = value('RG01', 'label');

if ($code <= 4) {
    html('
        <audio id="audio" preload="auto" autoplay controls controlsList="nodownload">
        <source src="'.$url.'" type="audio/mpeg" />
        </audio>
    ');
} else {
    html('
        <div style="text-align: center; margin: 3em 0">
        <img src="'.$url.'" style= "max-width: 90%" alt="">
        </div>
    ');
}

Comments

Vielen Dank! hat funktioniert!