javascript - 如何知道 HTMLMediaElement 何时完成

Question

在 javascript 中，我正在播放这样的声音:

var mySound = new Audio('/my-url');
mySound.play();

有没有办法知道游戏何时结束？我见过一个 ending 属性，但我更多的是寻找一个事件、一个 Promise 或类似的东西。

谢谢

Answer 1

通过使用如下所示的 HTMLMediaElement，无论媒体是否完成播放，您都可以使用罚款

var obj = document.createElement('video');
console.log(obj.ended);

此处 HTMLMediaElement.ending 返回 bool 值，说明媒体是否已完成 (TRUE) 或未完成 (FALSE)。

但是，您需要另一种方式来处理此类事件。因此，您可以使用 jquery 事件，如下所示:

 <script>
  $(document).ready(function(){
    $('video').on('ended',function(){
      console.log('Video has ended!');
    });
  });
</script>

没有jquery:

<script>
  document.getElementById('video').addEventListener('ended',function(){
    console.log('Video has ended!');
  }, false);
</script>