Komentar: HTML5 berfungsi meniru pemutar musik seluler Kugou HTML5. Setelah pengujian, efeknya dikonfirmasi baik. Sayangnya, ini hanya mendukung browser inti webkit seperti Google dan Apple. Teman yang tertarik dapat mempelajarinya.
HTML5 berfungsi, setelah pengujian, efeknya dikonfirmasi baik. Sayangnya, ini hanya mendukung browser inti webkit seperti Google dan Apple. Saat netizen mengalaminya, silakan gunakan Google dan browser lainnya untuk menjalankannya. Jika tidak, Anda tidak akan dapat melihat efeknya. Saya tidak akan mengatakannya lagi, lihat saja efeknya.Kode utama adalah sebagai berikut:
fungsi zzxmusic () {
var aa = {};
// Pengaturan Modul
var pengaturan = {
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}
};
// Modul pemuatan default
aa.newsong = zzx baru (pengaturan.newsong);
// Inisialisasi Modul
$ (". menu_taglist"). anak -anak ("li"). bind ('klik', fungsi () {
untuk (var i dalam pengaturan) {
if ($ (this) .attr ("id") == i) {
if (typeof aa [i] === 'tidak terdefinisi') {
aa [i] = zzx baru (pengaturan [i]);
}kalau tidak{
aa [i] .init ();
}
}
}
$ (". menu_hover"). RemoveClass ("menu_hover");
$ (ini) .addclass ("menu_hover");
})
}
// Instantiate konsol
var mycontrol = kontrol baru ({
Audio: document.geteLementById ("myMusic"), // player
PlayModenode: $ ("#ModeButton"), // Tombol Pemilihan Mode
playbtn: $ ("#playbutton"), // tombol utama
Playtitle: $ ("#Musictitle"), // Container Judul Lagu
Singerhead: $ ("#Singerhead"), // Lagu Illustration Container
ProgressWrap: $ ("#ProgressWrap"), // Lagu Progress Bar Container
Kemajuan: $ ("#Progress"), // Song Progress Bar
OWINOBJ: $ ("#owindow"), // wadah jendela peringatan
alltimenode: $ ("#totletime"), // wadah waktu saat ini
CurrentTimenode: $ ("#currentTime") // Container Waktu Saat Ini
});
Zzxmusic ();
asli