Question

我正在创建一个带有HTML音频和jQuery的音频播放器。我的标记：

<ol class="playlist">
  <li>
    UNICALEGRIA
    <audio class="track" preload="none">
      <source src="<?php echo $siteroot; ?>/audio/joao/docevapor/unicalegria.ogg" type="audio/ogg">
    </audio>
  </li>
  <li>
    ausência
    <audio class="track" preload="none">
      <source src="<?php echo $siteroot; ?>/audio/joao/docevapor/ausencia.ogg" type="audio/ogg">
    </audio>
  </li>
  <li>
    TIPUMORGASMO
    <audio class="track" preload="none">
      <source src="<?php echo $siteroot; ?>/audio/joao/docevapor/tipumorgasmo.ogg" type="audio/ogg">
    </audio>
  </li>
</ol>

我的剧本：

$(function() {

  if($('.playlist')) {

    $('.playlist').find('li').prepend('<button class="control play">&#9654;</button>');

    $('.playlist').on('click', ".play", function() {

      var track = $(this).siblings('.track');

      $('.playlist .track').trigger('pause');
      $('.playlist .play').removeClass('active');

      $(this).addClass('active');
      track.trigger('load').trigger('play');

    });
  }
});

我希望当实际播放的音乐结束时，播放列表中的下一个音乐会自动启动，但我找不到任何方法或功能来执行此操作。有人可以帮忙吗？

Answer 1

您可以使用ended事件：

$('<current audio element here>').on('ended', function() {
    // start next track
});

（或使用通用处理程序并检查event.target.*以确定）。

HTML音频 - 当活动以jQuery结束时如何进入下一曲目

1 个答案: