jQuery MPlayer网站音乐播放器插件

这是一款2017年贺新春版的红色喜庆音乐播放器代码，jQuery MPlayer网站音乐播放器插件下载。 注意：演示效果在左下角收起来了，别以为没演示！

js代码

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: '

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

// 音量滑块改变事件名称

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);

申明：php中文网下载站匠心打造专业的IT资源下载站！一切资源免费，来源网络收集，请自行检测软件的完整性。交流QQ群：916808767