jQuery MPlayer網(wǎng)站音樂播放器插件

這是一款2017年賀新春版的紅色喜慶音樂播放器代碼，jQuery MPlayer網(wǎng)站音樂播放器插件下載。 注意：演示效果在左下角收起來了，別以為沒演示！

js代碼

var modeText = ['順序播放','單曲循環(huán)','隨機播放','列表循環(huán)'];

var player = new MPlayer({

// 容器選擇器名稱

containerSelector: '.mp',

// 播放列表

songList: mplayer_song,

// 專輯圖片錯誤時顯示的圖片

defaultImg: 'img/mplayer_error.png',

// 自動播放

autoPlay: true,

// 播放模式(0->順序播放,1->單曲循環(huán),2->隨機播放,3->列表循環(huán)(默認(rèn)))

playMode:0,

playList:0,

playSong:0,

// 當(dāng)前歌詞距離頂部的距離

lrcTopPos: 34,

// 列表模板，用${變量名}$插入模板變量

listFormat: '

${name}$${singer}$${time}$',

// 音量滑塊改變事件名稱

volSlideEventName:'change',

// 初始音量

defaultVolume:80

}, function () {

// 綁定事件

this.on('afterInit', function () {

console.log('播放器初始化完成，正在準(zhǔn)備播放');

}).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('當(dāng)前歌詞：' + $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('當(dāng)前靜音狀態(tài)：' + 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);

申明：php中文網(wǎng)下載站匠心打造專業(yè)的IT資源下載站！一切資源免費，來源網(wǎng)絡(luò)收集，請自行檢測軟件的完整性。交流QQ群：916808767

總結(jié)

以上是生活随笔為你收集整理的mplayer-php,jQuery MPlayer网站音乐播放器插件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。