Kugou HTML5 모바일 뮤직 플레이어_html5 튜토리얼 기술의 주요 부분 코드

HTML5는 작동하는데 테스트 결과 좋은 것으로 확인되었습니다. 아쉽게도 Google, Apple 등 웹킷 기반 브라우저만 지원하므로, Google 및 기타 브라우저를 사용하여 실행해 보시기 바랍니다. 효과를 자세히 보시진 않겠습니다

코드를 복사하세요. 코드는 다음과 같습니다.

코드의 주요 부분은 다음과 같습니다.

function ZzxMusic(){
var aa={}// 모듈 설정
var 설정 = {
newSong:{'target':'newSong', 'type':'1','firstCount':6,'Count':5},
songCharts:{ 'target':'newSong','type':'1','firstCount':2,' Count':4},
singer:{'target':'newSong','type':'1' ,'firstCount':8,'Count':7},
radioStation:{'target' :'newSong','type':'1','firstCount':9,'Count':2}
};
//기본 로드 모듈
aa.newSong = new Zzx(setting.newSong)
//모듈 초기화
$(".menu_tagList").children("li") .bind('click',function(){
for(var i in 설정){
if($(this).attr("id")==i){
if(typeof aa [i]==='정의되지 않음'){
aa[i] = new Zzx(설정 [i])
}else{
aa[i].init()
}
}
}
$(".menu_hover").removeClass("menu_hover ")
$(this).addClass("menu_hover")
})
//콘솔 인스턴스화
var myControl = new Control({
audio : document.getElementById("myMusic"), //Player
playModeNode: $("#modeButton"), // 모드 선택 버튼
playBtn: $("#playButton"), //마스터 버튼
playTitle : $("#musicTitle"), //Song TITLE 컨테이너
singerHead : $("#singerHead") , //노래 일러스트레이션 컨테이너
progressWrap : $("#progressWrap"), / /노래 진행률 표시줄 컨테이너
progress : $("#progress"), //노래 진행률 표시줄
oWinObj : $( "#oWindow"), //경고 창 컨테이너
allTimeNode : $("# totleTime"), //현재 시간 컨테이너
currentTimeNode: $("#currentTime") //현재 시간 컨테이너
} );
ZzxMusic()



원문 www.jq-school.com