HTML5 / jQuery音频随机播放onClick

Question

我有一个简单的HTML5音频播放列表，我希望用户单击“随机播放”按钮并随机播放音频，但是我不知道实现此目的的最佳方法。 我正在将audio.js用于HTML5音频。

http://jsfiddle.net/HxVaj/4/

正如您在小提琴中看到的那样，audio.js抓住<li>内的<a>标记以在顶部的播放器中播放音频文件。 随机播放按钮需要在点击时随机选择<li a> 。

任何帮助将不胜感激！ 谢谢！

Answer 1

这是随机播放按钮的逻辑。 您必须编写代码来获得播放的轨迹，但这并不难。 我向ul添加了一个名为“ tracks”的类。

 $(".shufflebutton").click(function() {
        var trackCount = $(".tracks li").length;
        console.log('trackCount:' + trackCount);
         /* Pick random number between 1 and trackCount */
        var randomNum = Math.ceil(Math.random()*trackCount); 
        console.log("randomNum:" + randomNum);     
      });

完整的代码示例在这里： http : //jsfiddle.net/F8w8r/