jQuery MPlayer Web サイト音楽プレーヤー プラグイン

これは、2017 旧正月バージョンの赤いお祭り音楽プレーヤー コードです。jQuery MPlayer Web サイトの音楽プレーヤー プラグインをダウンロードします。注: デモンストレーション効果は左下隅に隠されています。デモンストレーションがないと考えないでください。

jsコード
<スクリプト src="js/jquery-2.1.1.js"></script>
<script src="js/mplayer.js"></script>
<script src="js/mplayer-list.js"></script>
<script src="js/mplayer-functions.js"></script>
<script src="js/jquery.nstSlider.min.js"></script>
<スクリプト>
var modeText = ['シーケンシャル再生', 'シングルループ', 'シャッフル再生', 'リストループ'];
var player = 新しい MPlayer({
//コンテナセレクタ名
コンテナセレクター: '.mp'、
// プレイリスト
曲リスト: mplayer_song、
//アルバム写真が間違っている場合に表示される写真
デフォルトImg: 'img/mplayer_error.png',
//自動再生
自動再生: true、
// 再生モード (0-> 順次再生、1-> シングル ループ、2-> ランダム再生、3-> リスト ループ (デフォルト))
プレイモード:0、
プレイリスト:0、
playSong:0、
//現在の歌詞と先頭との距離
lrcTopPos: 34、
// テンプレートをリストし、${変数名}$ を使用してテンプレート変数を挿入します
listFormat: '<tr><td>${名前}$</td><td>${歌手}$</td><td>${時間}$</td>< ;/tr>',
//ボリュームスライダー変更イベント名
volSlideEventName:'変更',
//初期ボリューム
デフォルトの音量:80
}、関数() {
//バインドイベント
this.on('afterInit', function () {
console.log('プレーヤーの初期化が完了し、プレイの準備をしています');
}).on('beforePlay', function () {
var $this = これ;
var songs = $this.getCurrentSong(true);
var 歌名 = 歌.名前 + ' - ' + 歌.歌手;
console.log('再生しようとしています'+曲名+'、falseを返します; 再生をキャンセルします');
}).on('timeUpdate', function () {
var $this = これ;
console.log('現在の歌詞: ' + $this.getLrc());
}).on('end', function () {
var $this = これ;
var songs = $this.getCurrentSong(true);
var 歌名 = 歌.名前 + ' - ' + 歌.歌手;
console.log(songName+'再生が完了しました。falseを返します。次の曲の再生をキャンセルできます');
}).on('ミュート', function () {
var status = this.getIsMuted() ? 'ミュート' : 'ミュートされていません';
console.log('現在のミュート状態: ' + 状態);
}).on('changeMode', function () {
var $this = これ;
var mode = modeText[$this.getPlayMode()];
$this.dom.container.find('.mp-mode').attr('title',mode);
console.log('再生モードが次のモードに切り替わりました: ' + モード);
});
});

$(document.body).append(player.audio); // テスト用

setEffects(プレイヤー);

</スクリプト>