> 웹 프론트엔드 > H5 튜토리얼 > Kugou HTML5 모바일 뮤직 플레이어_html5 튜토리얼 기술의 주요 부분 코드

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

WBOY
풀어 주다: 2016-05-16 15:49:29
원래의
2561명이 탐색했습니다.

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
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿