Comment: HTML5 works imitate Kugou html5 mobile music player. After testing, the effect is confirmed to be good. Unfortunately, it only supports webkit-core browsers such as Google and Apple. Interested friends can learn it.
HTML5 works, after testing, the effect is confirmed to be good. Unfortunately, it only supports webkit-core browsers such as Google and Apple. When netizens experience it, please use Google and other browsers to run it. Otherwise, you will not be able to see the effect. I won’t say it anymore, just look at the effect.The main codes are as follows:
function ZzxMusic(){
var aa={};
//Module settings
var setting = {
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}
};
//Default loading module
aa.newSong = new Zzx(setting.newSong);
//Module Initialization
$(".menu_tagList").children("li").bind('click',function(){
for(var i in setting){
if($(this).attr("id")==i){
if(typeof aa[i]==='undefined'){
aa[i] = new Zzx(setting[i]);
}else{
aa[i].init();
}
}
}
$(".menu_hover").removeClass("menu_hover");
$(this).addClass("menu_hover");
})
}
//Instantiate the console
var myControl = new Control({
audio : document.getElementById("myMusic"), //player
playModeNode: $("#modeButton"), //Mode Selection Button
playBtn : $("#playButton"), //Main button
playTitle: $("#musicTitle"), //Song TITLE container
singerHead : $("#singerHead"), //Song illustration container
progressWrap: $("#progressWrap"), //Song progress bar container
progress : $("#progress"), //Song progress bar
oWinObj : $("#oWindow"), //Warning window container
allTimeNode : $("#totleTime"), //Current time container
currentTimeNode: $("#currentTime") //Current time container
});
ZzxMusic();
original