Eu preciso implementar uma alteração no meu código para que ao mudar de DIV, ou seja, deixar de visualizar a página, o som que está sendo executado pare automaticamente, conforme já acontece com os vídeos do Facebook/Instagram
nas plataformas web. Eu fiz o seguinte código:
<audio id="myAudio" src="../media_a/song3.mp3" preload="auto">
</audio>
<script type="text/javascript" charset="utf-8" async defer>
var myAudio = document.getElementById("myAudio");
var isPlaying = false;
function togglePlay() {
if (isPlaying) {
myAudio.pause()
} else {
myAudio.play();
}
};
myAudio.onplaying = function() {
isPlaying = true;
};
myAudio.onpause = function() {
myAudio.currentTime = 0;
isPlaying = false;
};
</script>
O botão ON/OFF está 100% funcional, mas quando eu chamo outra DIV, num sistema de página única, o áudio deve parar de ser executado, porém ele continua. Sendo que cada DIV tem uma audiodescrição diferente, como implemento um "listener" para que ao deixar de visualizar aquela DIV o som pare automaticamente?