This commit is contained in:
62
YoduPlayer/js/player.js
Normal file
62
YoduPlayer/js/player.js
Normal file
@@ -0,0 +1,62 @@
|
||||
function liebiao(){
|
||||
document.querySelector("#playlist").classList.toggle("yhidden");
|
||||
}
|
||||
function qiehuan(){
|
||||
document.querySelector("#playlist").classList.add("yhidden");
|
||||
document.getElementById('bgmplayer').classList.toggle("bgmon");
|
||||
document.querySelector("#playlist").scrollTop = document.querySelector(".yd-playing").offsetTop - document.querySelector(".yd-lib").offsetTop;
|
||||
}
|
||||
//播放/暂停按钮
|
||||
function playbtu(){
|
||||
var oyd = document.getElementById('ydmc');
|
||||
if (yaudio.paused) {
|
||||
yaudio.play();//播放音乐并设置图标
|
||||
oyd.innerHTML = '<svg viewBox="0 0 20 20" fill="currentColor" class="ydicon"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zM7 8a1 1 0 012 0v4a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v4a1 1 0 102 0V8a1 1 0 00-1-1z" clip-rule="evenodd"></path></svg>';
|
||||
document.getElementById("ydfm").classList.remove("paused");
|
||||
} else {
|
||||
yaudio.pause();//暂停音乐并设置图标
|
||||
oyd.innerHTML= '<svg viewBox="0 0 20 20" fill="currentColor" class="ydicon"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z" clip-rule="evenodd"></path></svg>';
|
||||
document.getElementById("ydfm").classList.add("paused");
|
||||
}
|
||||
}
|
||||
|
||||
//下一首
|
||||
function next(b) {
|
||||
var oyd=document.getElementById('ydmc');
|
||||
var geshou= '';
|
||||
document.getElementById('jindu').style.width='0%';
|
||||
if(b === undefined){
|
||||
if (a == musicArr.length - 1) {
|
||||
a = 0;
|
||||
} else {
|
||||
a = a+1;
|
||||
}}else{a=b;}
|
||||
sj = musicArr[a];
|
||||
yaudio.src = sj.mp3;
|
||||
yaudio.ti = sj.title;
|
||||
yaudio.art = sj.artist;
|
||||
yaudio.fm=sj.cover;
|
||||
yaudio.play();var autopause=0;
|
||||
oyd.innerHTML = '<svg viewBox="0 0 20 20" fill="currentColor" class="ydicon"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zM7 8a1 1 0 012 0v4a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v4a1 1 0 102 0V8a1 1 0 00-1-1z" clip-rule="evenodd"></path></svg>';
|
||||
if(yaudio.art.length>0){geshou=' - '+yaudio.art;}
|
||||
document.getElementById('ydtitle').innerHTML = yaudio.ti+geshou;
|
||||
document.getElementById("ydfm").src=yaudio.fm;
|
||||
var playlistli=document.querySelectorAll("#playlist li");
|
||||
playlistli.forEach((value, index) => {
|
||||
playlistli[index].classList.remove("yd-playing");
|
||||
});
|
||||
playlistli[a].classList.add("yd-playing");
|
||||
document.getElementById("ydfm").classList.remove("paused");
|
||||
}
|
||||
|
||||
//上一首
|
||||
function previous(){
|
||||
if (a == 0) {//如果当前歌曲是第一首则跳转至最后一首
|
||||
a =musicArr.length - 1;
|
||||
}else{//否则跳转至上一首
|
||||
a = a-1;
|
||||
}
|
||||
next(a);//使用next函数进行点播
|
||||
}
|
||||
yaudio.addEventListener("error" ,function() {next();},false);
|
||||
yaudio.addEventListener('ended',function() {next();},false);
|
||||
Reference in New Issue
Block a user