/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

6 votes188 views9 answers
Create a portfolio website with html css
Html
1 vote189 views1 answer
Justify-content-center react bootstrap
Html
0 vote186 views1 answer
Block media keys from html audio pause
Html
1 vote180 views1 answer
Pink floyd hey you
Html
37 votes191 views3 answers
Viewport meta tag
Html
0 vote191 views1 answer
Vue destroy listeners
Html
0 vote185 views1 answer
Simplecss.org cdn
Html
0 vote212 views2 answers
How to get image on the tab bar html
Html
6 votes161 views4 answers
How to add text in html
Html
1 vote199 views1 answer
Whatsapp hovering button css
Html