javascript - HTML5/jQuery 音频随机播放 onClick

Question

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

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

正如您在小提琴中看到的那样，audio.js 抓取了<a>内部的标签，<li>以在顶部的播放器中播放音频文件。随机播放按钮需要<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/