jQuery循环音频

Question

我正在为我正在编写的应用程序使用 jQuery 循环插件，并且使用图像可以正常工作。例如

<img src="file1.jpg">
<img src="file2.jpg">
...etc

但是，我想使用带有声音剪辑而不是图像的插件，尽管循环网站说“幻灯片不限于图像。你可以使用任何你想要的元素。”简单地用音频标签替换 img 标签是行不通的。发生的情况是所有剪辑的自动播放一次播放，并且自动播放关闭，没有剪辑播放。 我实际上想要做的是有一个声音'幻灯片'而不是图像幻灯片。 我已经广泛搜索了这个，但没有找到使用循环插件的解决方案。谁能指出我正确的方向？

Answer 1

通过附加到 HTML5 audio 元素引发的事件，您可以很容易地编写自己的代码。试试这个：

<div class="audio-container">
    <audio src="file1.mp3">
      Your browser does not support the <code>audio</code> element.
    </audio>
    <audio src="file2.mp3">
      Your browser does not support the <code>audio</code> element.
    </audio>
    <!-- more audio elements as needed... -->
</div>

$('.audio-container audio').on('ended', function() {
    var $nextAudio = $(this).next('audio');
    if ($nextAudio.length) 
        $nextAudio[0].play();
});

$('.audio-container audio:first')[0].play();