/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

1 vote108 views1 answer
How to add a browser tab icon (favicon)?
Html
17 votes109 views3 answers
Required option for select tag
Html
14 votes123 views1 answer
Whitespace in html
Html
127 votes103 views6 answers
Html href new tab
Html
1 vote95 views1 answer
Iframe with html string
Html
0 vote124 views1 answer
How to remove the timeline in html video
Html
0 vote139 views2 answers
How to call one phtml file in another phtml file in magento2
Html
13 votes100 views3 answers
Bootstrap center button
Html
5 votes112 views2 answers
HTML hello world
Html
2 votes99 views2 answers
Lock the zoom html
Html