/Html/How to stop audio when playing other in html

How to stop audio when playing other in html

How to stop html audio

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

Source: stackoverflow.com

How to stop audio when playing other in html

const audios_with_src = document.querySelectorAll('.audios')
const play = document.querySelectorAll('.fa-play')
const pause = document.querySelectorAll('.fa-pause-circle')
const stop = document.querySelectorAll('.fa-stop')
const main_player = document.querySelector('.main-audio')

for(let i =0; i < audios_with_src.length; i++) {
 play[i].addEventListener('click', (e) => {
    main_player.src = audios_with_src[i].src;
    main_player.play()   
    })

pause[i].addEventListener('click', () => {
    main_player.pause()
})

stop[i].addEventListener('click', () => {
    main_player.pause()
    main_player.currentTime = 0;  // there is no stop() function so had to do this
})


}

Source: stackoverflow.com

Similar codes

0 vote368 views1 answer
Execution time address binding in os
Html
1 vote423 views1 answer
Coreui text align center
Html
24 votes332 views2 answers
Html keywords for search engines
Html
15 votes414 views6 answers
Angular ngfor index
Html
23 votes371 views2 answers
Input field image accept type
Html
0 vote331 views1 answer
Form with checkbox
Html
19 votes326 views1 answer
Font tag html
Html
13 votes338 views3 answers
How to use variables in HTML
Html
1 vote306 views1 answer
Copy html code from website
Html
0 vote330 views1 answer
In html the color for red
Html