Heim  >  Artikel  >  Web-Frontend  >  Der Hauptteilcode der Nachahmung von Kugou HTML5 Mobile Music Player_html5 Tutorial-Fähigkeiten

Der Hauptteilcode der Nachahmung von Kugou HTML5 Mobile Music Player_html5 Tutorial-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 15:49:292496Durchsuche

HTML5 funktioniert, nach Tests wurde bestätigt, dass die Wirkung gut ist. Leider unterstützt es nur Webkit-basierte Browser wie Google und Apple. Wenn Internetnutzer es erleben, verwenden Sie bitte Google und andere Browser, um es auszuführen um den Effekt zu sehen. Ich werde nicht auf Details eingehen. Sehen wir uns den Effekt an


Kopieren Sie den Code
Der Code lautet wie folgt:

Der Hauptteil des Codes lautet wie folgt:
function ZzxMusic(){
var aa={}
// Moduleinstellungen
var Setting = {
newSong:{'target':'newSong', 'type':'1','firstCount':6,'Count':5},
songCharts:{ 'target':'newSong','type':'1','firstCount':2,' Count':4},
sänger:{'target':'newSong','type':'1' ,'firstCount':8,'Count':7},
radioStation:{'target' :'newSong','type':'1','firstCount':9,'Count':2}
};
//Standardmäßig geladenes Modul
aa.newSong = new Zzx(setting. newSong); .bind('click',function(){
for(var i in Setting){
if($(this).attr("id")==i){
if(typeof aa [i]==='undefiniert'){
aa[i] = new Zzx(setting [i]}else{
aa[i].init();
}
}
$(".menu_hover").removeClass("menu_hover");
$(this).addClass("menu_hover");
}
//Konsole instanziieren
var myControl = new Control({
audio : document.getElementById("myMusic"), //Player
playModeNode: $("#modeButton"), // Modusauswahlschaltfläche
playBtn: $("#playButton"), //Master-Schaltfläche
playTitle : $("#musicTitle"), //Liedtitelcontainer
singerHead : $("#singerHead") , //Song-Illustrationscontainer
progressWrap : $("#progressWrap"), / /Song-Fortschrittsbalkencontainer
progress : $("#progress"), //Song-Fortschrittsbalken
oWinObj : $( "#oWindow"), //Alarmfenstercontainer
allTimeNode : $("# totleTime"), //Aktueller Zeitcontainer
currentTimeNode: $("#currentTime") //Aktueller Zeitcontainer
} );
ZzxMusic();



Originaltext www.jq-school.com
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn