Le code de la partie principale des compétences du didacticiel imitation Kugou HTML5 mobile music player_html5

HTML5 fonctionne, après tests, l'effet s'est avéré bon. Malheureusement, il ne prend en charge que les navigateurs basés sur des kits Web tels que Google et Apple. Lorsque les internautes en font l'expérience, veuillez utiliser Google et d'autres navigateurs pour l'exécuter, sinon vous ne pourrez pas. pour voir l'effet. Je n'entrerai pas dans les détails. Voyons l'effet

Copiez le code.

Le code est le suivant :

La partie principale du code est la suivante :
function ZzxMusic(){
var aa={}; Paramètres du module
var settings = {
newSong:{'target':'newSong', 'type':'1','firstCount':6,'Count':5},
songCharts :{ 'target':'newSong','type':'1','firstCount':2,' Count':4},
chanteur:{'target':'newSong','type':'1' ,'firstCount':8,'Count':7},
radioStation:{'target' :'newSong','type':'1','firstCount':9,'Count':2}
};
//Module chargé par défaut
aa.newSong = new Zzx(setting. newSong);
//Initialisation du module
$(".menu_tagList").children("li") .bind('click',function(){
for(var i dans le paramètre){
if($(this).attr("id")==i){
if(typeof aa [i]==='indéfini'){
aa[i] = new Zzx(setting [i]);
}else{
aa[i].init();
}
}
$(".menu_hover").removeClass("menu_hover ");
$(this).addClass("menu_hover"
})
}
//Instancier la console
var myControl = new Control({
audio : document.getElementById("myMusic"), //Player
playModeNode: $("#modeButton"), // Bouton de sélection de mode
playBtn : $("#playButton"), //Bouton principal
playTitle : $("#musicTitle"), //Conteneur TITLE de la chanson
singerHead : $("#singerHead") , //Conteneur d'illustration de chanson
progressWrap : $("#progressWrap"), / /Conteneur de barre de progression de chanson
progress : $("#progress"), //Barre de progression de chanson
oWinObj : $( "#oWindow"), //Conteneur de fenêtre d'alerte
allTimeNode : $("#totleTime"), //Conteneur d'heure actuelle
currentTimeNode : $("#currentTime") //Conteneur d'heure actuelle
} );
ZzxMusic();

Texte original www.jq-school.com