Question

38

multiple audio html : auto stop other when current is playing with javascript

rated 0 times [ 42] [ 4] / answers: 1 / hits: 32284 / 11 Years ago, tue, november 5, 2013, 12:00:00

I have 10 audio players with simple html audio tags on a html5 page.
No jquery, no special audio js plugins, etc...

Does anyone has a simple script in js to pause all other players when the current player is playing ?

I don't want to use js plugins because i want to keep a simple audio html code.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

deiong

Add To Favorites

Follow

Total Points: 15

Total Questions: 103

Total Answers: 99

Location: Sudan

Member since Thu, May 7, 2020

4 Years ago

deiong questions

1 How to allow CORS in node.js?

Mon, Nov 22, 21, 00:00, 3 Years ago

1 TypeError: Cannot read properties of undefined (reading 'cache')

Sun, Sep 26, 21, 00:00, 3 Years ago

1 check value of parameters in URL with Cypress

Tue, Jun 15, 21, 00:00, 3 Years ago

1 How to customize the tooltip of a Chart.js Line Chart?

Mon, Dec 21, 20, 00:00, 4 Years ago

1 firebase storage: storage.ref is not a function

Thu, Oct 15, 20, 00:00, 4 Years ago

View All

answered 11 Years ago nadiaa · Accepted Answer

you can use event delegation. Simply listen to the play event in the capturing phase and then pause all video file, but not the target one:

document.addEventListener('play', function(e){

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

    for(var i = 0, len = audios.length; i < len;i++){

        if(audios[i] != e.target){

            audios[i].pause();

        }

    }

}, true);