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

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