/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 vote374 views1 answer
Mimonts js
Html
0 vote265 views2 answers
How to write text on video in html
Html
9 votes284 views1 answer
2 way bind vue
Html
2 votes240 views1 answer
Regular expression to look for html tags
Html
2 votes258 views1 answer
Text inside input
Html
1 vote262 views1 answer
Jsf axonivy composite
Html
0 vote262 views1 answer
Get all href from html
Html
0 vote251 views1 answer
This src jqery
Html
5 votes199 views1 answer
How to load another page in html
Html
1 vote239 views2 answers
Html meta charset content ie edge
Html