jQuery MPlayer網站音樂播放器插件

這是一款2017年賀新春版的紅色喜慶音樂播放器程式碼，jQuery MPlayer網站音樂播放器外掛程式下載。注意：示範效果在左下角收起來了，別以為沒示範！

js程式碼
<script 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>
<script>
var modeText = ['順序播放','單曲循環','隨機播放','列表循環'];
var player = new MPlayer({
// 容器選擇器名稱
containerSelector: '.mp',
// 播放清單
songList: mplayer_song,
// 專輯圖片錯誤時顯示的圖片
defaultImg: 'img/mplayer_error.png',
// 自動播放
autoPlay: true,
// 播放模式(0->順序播放,1->單曲循環,2->隨機播放,3->清單循環(預設))
playMode:0,
playList:0,
playSong:0,
// 目前歌詞距離頂部的距離
lrcTopPos: 34,
// 列表模板，用${變數名稱}$插入模板變數
listFormat: '<tr><td>${name}$</td><td>${singer}$</td><td>${time}$</td></td><td>${time}$</td>< ;/tr>',
// 音量滑桿改變事件名稱
volSlideEventName:'change',
// 初始音量
defaultVolume:80
}, function () {
// 綁定事件
this.on('afterInit', function () {
console.log('播放器初始化完成，正在準備播放');
}).on('beforePlay', function () {
var $this = this;
var song = $this.getCurrentSong(true);
var songName = song.name + ' - ' + song.singer;
console.log('即將播放'+songName+'，return false;可以取消播放');
}).on('timeUpdate', function () {
var $this = this;
console.log('當前歌詞：' + $this.getLrc());
}).on('end', function () {
var $this = this;
var song = $this.getCurrentSong(true);
var songName = song.name + ' - ' + song.singer;
console.log(songName+'播放完畢，return false;可以取消播放下一曲');
}).on('mute', function () {
var status = this.getIsMuted() ? '已靜音' : '未靜音';
console.log('目前靜音狀態：' + status);
}).on('changeMode', function () {
var $this = this;
var mode = modeText[$this.getPlayMode()];
$this.dom.container.find('.mp-mode').attr('title',mode);
console.log('播放模式已切換為：' + mode);
});
});

$(document.body).append(player.audio); // 測試用

setEffects(player);

</script>