HTML5/jQuery音頻隨機播放onClick

Question

我有一個簡單的HTML5音頻播放列表，我希望用戶點擊一個「隨機播放」按鈕並隨機播放音頻，但我不知道最好的方法去做這件事。我爲HTML5音頻使用audio.js。

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

正如你可以在小提琴看到，audio.js抓住<li>內<a>標籤在播放器頂部播放音頻文件。隨機播放按鈕需要在點擊時隨機選擇<li a>。

任何幫助將不勝感激！謝謝！

Answer 1

這裏是洗牌按鈕的邏輯。你必須在代碼中編寫代碼才能開始播放，但它不應該那麼困難。我在ul上添加了一個名爲「曲目」的課程。

$(".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/