geluid automatisch stop zetten HTML AUDIO PLAYER

Door space gremlin op 10-10-2021 01:31 gewijzigd op 10-10-2021 01:32

2.573 views

Zie onder code

ik gebruik hier 2 players deze werken naar behoren.
echter wil ik dat alle het geluid stop gezet word, of op pauze gezet word.
Op het moment dat player of player2 aangeklikt word.

Hoe kan ik dit doen, ik heb diversen opties van het internet geprobeerd.
en werken helaas niet. alvast bedankt.

<?

if(!file_exists("mp3/".$cartnr2.'.mp3'))
{
}else{
$audio1 = '<audio id="player" controls loop controlsList="nodownload" >

<source src="'.HTTPS_SERVER.'/mp3/'.$cartnr2.'.ogg" type="audio/ogg">
<source src="'.HTTPS_SERVER.'/mp3/'.$cartnr2.'.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>';$audio2 = playsong ; $audio6 = playsong_msx;
}

if(!file_exists("mp3/".$cartnr2.'-nm.mp3'))
{
}else{
$audio3 = '<audio id="player2" controls loop controlsList="nodownload" >

<source src="'.HTTPS_SERVER.'/mp3/'.$cartnr2.'-nm.ogg" type="audio/ogg">
<source src="'.HTTPS_SERVER.'/mp3/'.$cartnr2.'-nm.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>';$audio4 = playsong ; $audio5 = playsong_nm;
}

>?

- Ariën -

10-10-2021 01:33

Wat heb je al geprobeerd?
Misschien zat je al op het goede (audio)spoor? ;-)

space gremlin

10-10-2021 01:35

goh ik snap je vraag, maar ik heb zoveel geprobeerd, dat het lastig is om dat hier allemaal op te noemen, want als het niet werk gooi ik het meteen weer uit mijn php code.

- Ariën -

10-10-2021 01:38 gewijzigd op 10-10-2021 01:40

Tja, het is eigenlijk de bedoeling om dan te debuggen en te kijken waarom het niet werkt.
Daar leer je tenminste van ;-)

Maar ik denk dat je met de Audio API uit Javascript wel uit de voeten kan:
https://www.w3schools.com/jsref/met_audio_pause.asp

space gremlin

10-10-2021 01:39 gewijzigd op 10-10-2021 01:42

1 voorbeeld deze werkte dus, echter toen ik deze later weer ging testen werkte deze ineens weer niet.

<?
document.addEventListener('play', function(e){
var audios = document.getElementsByTagName('audio');
for(var i = 0, len = audios.length; i < len;i++){
if(audios != e.target){
audios[i].pause();
}
}
}, true);

?>

[size=xsmall][i]Toevoeging op 10/10/2021 01:41:28:[/size]

@-Ariën-

die code ben ik dus ook bezig geweest, maar krijg het helaas niet aan de praat
terwijl je zou zeggen dat het niet zo moeilijk moet zijn hihi.

- Ariën -

10-10-2021 01:42 gewijzigd op 10-10-2021 01:43

Het zal wel een reden hebben dat het opeens niet werkt ;-)

Je hebt vermoedelijk iets gewijzigd?
Ik zou zeggen: Ga debuggen en gooi eens wat console.log()'s in de code, en kijk eens eens per if/for/while-statement of die wordt doorlopen en wat de variabelen uitspugen.

- Ariën -

27-10-2021 12:15

Topic gesloten na (verwijderde) spamkick.
Topicstarter kan na PM met crew het topic weer laten heropenen.

Reageren

Inloggen om te reageren