jQuery MPlayer website music player plug-in

This is a red festive music player code for the 2017 Chinese New Year version. Download the jQuery MPlayer website music player plug-in. Note: The demonstration effect is hidden in the lower left corner, don’t think there is no demonstration!

js code
<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 = ['Sequential play', 'Single loop', 'Shuffle play', 'List loop'];
var player = new MPlayer({
//Container selector name
containerSelector: '.mp',
// playlist
songList: mplayer_song,
//The picture displayed when the album picture is wrong
defaultImg: 'img/mplayer_error.png',
//Auto play
autoPlay: true,
// Play mode (0->sequential playback, 1->single loop, 2->random play, 3->list loop (default))
playMode:0,
playList:0,
playSong:0,
//The distance between the current lyrics and the top
lrcTopPos: 34,
// List template, use ${variable name}$ to insert template variables
listFormat: '<tr><td>${name}$</td><td>${singer}$</td><td>${time}$</td>< ;/tr>',
//Volume slider change event name
volSlideEventName:'change',
//Initial volume
defaultVolume:80
}, function () {
//Bind event
this.on('afterInit', function () {
console.log('Player initialization completed and preparing to play');
}).on('beforePlay', function () {
var $this = this;
var song = $this.getCurrentSong(true);
var songName = song.name + ' - ' + song.singer;
console.log('About to play'+songName+', return false; Cancel playback');
}).on('timeUpdate', function () {
var $this = this;
console.log('Current lyrics: ' + $this.getLrc());
}).on('end', function () {
var $this = this;
var song = $this.getCurrentSong(true);
var songName = song.name + ' - ' + song.singer;
console.log(songName+'Playing is completed, return false; you can cancel playing the next song');
}).on('mute', function () {
var status = this.getIsMuted() ? 'Mute' : 'Not muted';
console.log('Current mute status: ' + status);
}).on('changeMode', function () {
var $this = this;
var mode = modeText[$this.getPlayMode()];
$this.dom.container.find('.mp-mode').attr('title',mode);
console.log('Playback mode has been switched to: ' + mode);
});
});

$(document.body).append(player.audio); // For testing

setEffects(player);

</script>