Mehrere Audioplayer - aber nur einer soll abspielen

[bootsy99]

Hallo,

ich habe ein Problem mit dem Audio-Tag. Ich habe eine Webseite mit mehreren Audioplayer. Die PHP Zeile für die Player sieht so aus :

echo '<audio controls id="audio"><source src="MP3-Datei" type="audio/mpeg" /></audio>'; 

Funktioniert auch alles soweit. Aber...

Es ist im Moment möglich alle Player gleichzeitig abzuspielen. Das finde ich blöd. Wenn Player A spielt und ich Player B auch starte möchte ich eigentlich, dass Player A stoppt.

Hat jemand eine Idee wie ich das realisieren kann. Schonmal viele Dank für Eure Hilfe
Lars

[Arne Drews]

Hallo und herzlich willkommen im Forum,

Du kannst den Playern jeweils eine eindeutige ID geben und dann über das Click-Event alle anderen Player anhalten:

sound.pause();
sound.currentTime = 0;

[bootsy99]

Sorry, das verstehe ich leider nicht. Muss ich den Code an das Audio-Tag anhängen ?

[Arne Drews]

Nein, das ist Javascript. Ohne JS wirst Du die Player nicht stoppen können.

[bootsy99]

Hast Du zufällig nen Beispielscript

[Arne Drews]

Wenn reines JS das kennt, so:

var _audioTags = document.getElementsByTagName( 'audio' );

for ( x=0; x<_audioTags.length; x++ ) {

    _audioTags[x].sound.pause();
    _audioTags[x].currentTime = 0;

}

sonst per jQuery so:

$( 'audio' ).each( function() {

    $( this ).sound.pause();
    $( this ).sound.currentTime = 0;

});

Bin nicht 100% sicher, da das nur aus Kopf ist, aber die Richtugn solte es gehen.
Sonst musst Du mal die Jungs vom großen G fragen.

[hausl]

Hast Du zufällig nen Beispielscript

Hast du zufällig etwas Selbstinitiative? Auf die Schnelle einer der ersten Treffer:

https://developer.mozilla.org/de/doc...udio_and_video

etc..


[MOD: Verschoben von PHP-Einsteiger]

[bootsy99]

Danke Dir sehr. Lese mich weiter ins Thema ein. Hatte gehofft, es wäre nur ein Parameter einzusetzen. Schönen Sonntag noch