/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 vote102 views1 answer
Search input html with icon
Html
0 vote167 views1 answer
Coding a classic grid in html
Html
24 votes104 views5 answers
Get data tag
Html
11 votes99 views6 answers
Bootstrap table small
Html
0 vote88 views1 answer
How to create a text that will redirect to anothe page in new tab
Html
8 votes111 views3 answers
Jquery $ is not defined
Html
0 vote99 views1 answer
Como tirar a sublinhado da tag a
Html
1 vote102 views1 answer
Dont allow user to drag image css
Html
0 vote100 views1 answer
{"errors":[], "error":{"zz":{"statuscode":"403","message":"Forbidden -- Request forbidden by administrative rules."}}}
Html
0 vote103 views1 answer
Remove active class from all li javascript
Html