コメント:HTML5は、Kugou HTML5モバイル音楽プレーヤーを模倣しています。テスト後、効果が良好であることが確認されます。残念ながら、GoogleやAppleなどのWebKit-Coreブラウザのみをサポートしています。興味のある友達はそれを学ぶことができます。
HTML5は、テスト後、効果が良いことが確認されています。残念ながら、GoogleやAppleなどのWebKit-Coreブラウザのみをサポートしています。ネチズンがそれを体験したら、Googleやその他のブラウザを使用して実行してください。それ以外の場合、効果を見ることができません。もう言うことはありません。効果を見てください。メインコードは次のとおりです。
function zzxmusic(){
var aa = {};
//モジュール設定
var setting = {
Newsong:{'Target': 'Newsong'、 'Type': '1'、 'FirstCount':6、 'Count':5}、
SongCharts:{'Target': 'Newsong'、 'Type': '1'、 'firstCount':2、 'count':4}、
歌手:{'ターゲット': 'Newsong'、 'Type': '1'、 'FirstCount':8、 'count':7}、
放射線:{'ターゲット': 'Newsong'、 'Type': '1'、 'firstCount':9、count ':2}
};
//デフォルトの読み込みモジュール
aa.newsong = new ZZX(sited.newsong);
//モジュールの初期化
$( "。menu_taglist")。子供( "li")。bind( 'click'、function(){
(設定のvar i){
if($(this).attr( "id")== i){
if(typeof aa [i] === 'undefined'){
aa [i] = new ZZX([i]を設定);
}それ以外{
aa [i] .init();
}
}
}
$( "。menu_hover")。removeclass( "menu_hover");
$(this).addclass( "menu_hover");
})
}
//コンソールをインスタンス化します
var mycontrol = new Control({
Audio:document.getElementById( "myMusic")、// player
playModenode:$( "#modebutton")、// [選択]ボタン
playbtn:$( "#playbutton")、//メインボタン
playtitle:$( "#musictitle")、// song title container
シンガーヘッド:$( "#singerhead")、//曲のイラストコンテナ
ProgressWrap:$( "#ProgressWrap")、// Song Progress Barコンテナ
進行状況:$( "#progress")、//曲の進捗バー
owinobj:$( "#owindow")、//警告ウィンドウコンテナ
alltimenode:$( "#totletime")、//現在の時間コンテナ
currentTimenode:$( "#currentTime")//現在の時間コンテナ
});
zzxmusic();
オリジナル