HTML5/jQuery audio shuffle onClick

간단한 HTML5 오디오 재생 목록이 있는데 사용자가 "임의 재생"버튼을 클릭하고 오디오를 임의 순서로 재생하려고하지만 가장 좋은 방법은 알고 싶지 않습니다. HTML5 오디오에 audio.js을 사용하고 있습니다. 당신이 바이올린에서 볼 수 있듯이HTML5/jQuery audio shuffle onClick

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

는 audio.js은 상단에있는 플레이어에서 오디오 파일을 재생하기 위해 <li> 내부의 <a> 태그를 잡고. 셔플 버튼을 클릭 할 때 임의의 <li a>을 선택해야합니다.

도움이 될 것입니다. 고맙습니다!

출처

2013-07-18 jick

다음은 셔플 버튼의 논리입니다. 코드를 작성하여 재생할 트랙을 만들어야하지만 그렇게 어렵지는 않습니다. "트랙"이라는 클래스를 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/

출처

2013-07-18 21:10:28 rkatka

감사합니다. 네가 나 한테 준 바이올린에 어떤 변화도주지 않았다. 나는 당신이 준 코드를 구현하려했지만 주사위는 사용하지 않았다. 보세요. http://jsfiddle.net/F8w8r/2/ – jick

몇 가지 사소한 업데이트를했습니다. 업데이트 된 .shufflebutton 로직을 확인하십시오 : http://jsfiddle.net/F8w8r/3/ – rkatka

HTML5/jQuery audio shuffle onClick

답변

관련 문제