Comentario: HTML5 funciona imitando el reproductor de música móvil Kugou HTML5. Después de la prueba, se confirma que el efecto es bueno. Desafortunadamente, solo admite navegadores WebKit-Core como Google y Apple. Los amigos interesados pueden aprenderlo.
HTML5 funciona, después de la prueba, se confirma que el efecto es bueno. Desafortunadamente, solo admite navegadores WebKit-Core como Google y Apple. Cuando los internautas lo experimentan, use Google y otros navegadores para ejecutarlo. De lo contrario, no podrá ver el efecto. Ya no lo diré, solo mira el efecto.Los códigos principales son los siguientes:
función zzxmusic () {
var aa = {};
// Configuración del módulo
configuración 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},
Radiotation: {'Target': 'Newsong', 'Type': '1', 'FirstCount': 9, 'Count': 2}
};
// Módulo de carga predeterminado
aa.newsong = new ZZX (setting.newsong);
// Inicialización del módulo
$ (". Menu_taglist"). Children ("Li"). Bind ('Click', function () {
para (var i en la configuración) {
if ($ (this) .attr ("id") == i) {
if (typeof aa [i] === 'indefinido') {
aa [i] = nuevo ZZX (configuración [i]);
}demás{
aa [i] .init ();
}
}
}
$ (". Menu_Hover"). RemoveClass ("Menu_Hover");
$ (this) .AddClass ("menú_hover");
})
}
// instanciar la consola
var myControl = nuevo control ({
audio: document.getElementById ("mymusic"), // reproductor
PlayModenode: $ ("#ModeButton"), // botón de selección de modo
playbtn: $ ("#playbutton"), // botón principal
Playtitle: $ ("#musictitle"), // contenedor de título de la canción
Singerhead: $ ("#Singerhead"), // contenedor de ilustración de la canción
Progresswrap: $ ("#progresswrap"), // contenedor de barra de progreso de la canción
Progress: $ ("#progreso"), // Song Progress Bar
owinobj: $ ("#owindow"), // contenedor de ventana de advertencia
allimenode: $ ("#totletime"), // contenedor de hora actual
CurrentTimenode: $ ("#CurrentTime") // Contenedor de hora actual
});
Zzxmusic ();
original