/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 vote122 views2 answers
Themeforest html templates
Html
0 vote185 views1 answer
What is ul stands for in html
Html
206 votes375 views6 answers
Link css file
Html
33 votes200 views5 answers
How to underline text in html
Html
38 votes174 views4 answers
Meta name= viewport
Html
27 votes356 views3 answers
Html code editor
Html
2 votes178 views2 answers
Scroll dropdown bootstrap
Html
1 vote179 views1 answer
Bootstrap textarea width
Html
0 vote166 views1 answer
How to use a text area for a model kendo mvc
Html
14 votes202 views6 answers
Html select placeholder
Html