javascript - 如何捕获 HTML5 音频中的 'stop' 事件然后执行某些操作？

Question

我是 HTML5 的初学者，甚至不是 JS 的中级，但我正在尝试弄清楚如何正确使用 <audio>还有其他...所以我有这个问题...我的html:

<i class='some_icon' onclick='play();'>
  <audio src='some_mp3.mp3' id='player'></audio>
</i>

现在，当我单击图标时，我想要播放一些 mp3 文件，它可以工作，因为我写了这个 js:

function play() {
    var my = document.getElementById('player');
    if (my.paused) {
      my.play();
    } else {
      my.pause();
      my.currentTime = 0
    }
  }

但是，除此之外，我想在 mp3 文件结束时更改我的图标...我该怎么做？任何帮助将不胜感激:)

Answer 1

以下是在音频(或视频)结束时触发某些代码的代码:

var my = document.getElementById('player');

my.addEventListener("ended", function(e){
  // here goes your code to change the icon
}, false);