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>
<스크립트>
var modeText = ['순차 재생', '단일 루프', '셔플 재생', '목록 루프'];
var 플레이어 = 새 MPlayer({
//컨테이너 선택기 이름
컨테이너 선택기: '.mp',
// 재생목록
노래목록: mplayer_song,
//앨범 사진이 틀렸을 때 표시되는 사진
defaultImg: 'img/mplayer_error.png',
//자동재생
자동 재생: 사실,
// 재생 모드(0-> 순차 재생, 1-> 단일 루프, 2-> 무작위 재생, 3-> 목록 루프(기본값))
플레이모드:0,
재생목록:0,
플레이노래:0,
//현재 가사와 상단 사이의 거리
lrcTopPos: 34,
// 템플릿 나열, ${변수 이름}$을 사용하여 템플릿 변수 삽입
listFormat: '<tr><td>${name}$</td><td>${singer}$</td><td>${time}$</td>< ;/tr>',
//볼륨 슬라이더 변경 이벤트 이름
volSlideEventName:'변경',
//초기볼륨
기본볼륨:80
}, 함수() {
//바인딩 이벤트
this.on('afterInit', function () {
console.log('플레이어 초기화 완료 및 플레이 준비 중');
}).on('beforePlay', 함수 () {
var $this = 이것;
var 노래 = $this.getCurrentSong(true);
var songName = 노래.이름 + ' - ' + song.singer;
console.log('재생 예정'+songName+', return false; 재생 취소');
}).on('timeUpdate', 함수 () {
var $this = 이것;
console.log('현재 가사: ' + $this.getLrc());
}).on('끝', 함수 () {
var $this = 이것;
var 노래 = $this.getCurrentSong(true);
var songName = 노래.이름 + ' - ' + song.singer;
console.log(songName+'재생이 완료되었습니다. false를 반환합니다. 다음 노래 재생을 취소할 수 있습니다.');
}).on('음소거', 함수 () {
var status = this.getIsMulated() ? '음소거': '음소거되지 않음';
console.log('현재 음소거 상태: ' + status);
}).on('changeMode', 함수 () {
var $this = 이것;
var 모드 = modeText[$this.getPlayMode()];
$this.dom.container.find('.mp-mode').attr('title',mode);
console.log('재생 모드가 다음으로 전환되었습니다: ' + 모드);
});
});

$(document.body).append(player.audio) // 테스트용

setEffects(플레이어);