var NOWPLAYING = null
const isMobile = /mobile/i.test(window.navigator.userAgent);
const mediaPlayer = function(t, config) {
var option = {
type: 'audio',
mode: 'random',
btns: ['play-pause', 'music'],
controls: ['mode', 'backward', 'play-pause', 'forward', 'volume'],
events: {
"play-pause": function(event) {
if(source.paused) {
t.player.play()
} else {
t.player.pause()
}
},
"music": function(event) {
if(info.el.hasClass('show')) {
info.hide()
} else {
info.el.addClass('show');
playlist.scroll().title()
}
}
}
}, utils = {
random: function(len) {
return Math.floor((Math.random()*len))
},
parse: function(link) {
var result = [];
[
['music.163.com.*song.*id=(\\d+)', 'netease', 'song'],
['music.163.com.*album.*id=(\\d+)', 'netease', 'album'],
['music.163.com.*artist.*id=(\\d+)', 'netease', 'artist'],
['music.163.com.*playlist.*id=(\\d+)', 'netease', 'playlist'],
['music.163.com.*discover/toplist.*id=(\\d+)', 'netease', 'playlist'],
['y.qq.com.*song/(\\w+).html', 'tencent', 'song'],
['y.qq.com.*album/(\\w+).html', 'tencent', 'album'],
['y.qq.com.*singer/(\\w+).html', 'tencent', 'artist'],
['y.qq.com.*playsquare/(\\w+).html', 'tencent', 'playlist'],
['y.qq.com.*playlist/(\\w+).html', 'tencent', 'playlist'],
['xiami.com.*song/(\\w+)', 'xiami', 'song'],
['xiami.com.*album/(\\w+)', 'xiami', 'album'],
['xiami.com.*artist/(\\w+)', 'xiami', 'artist'],
['xiami.com.*collect/(\\w+)', 'xiami', 'playlist'],
].forEach(function(rule) {
var patt = new RegExp(rule[0])
var res = patt.exec(link)
if (res !== null) {
result = [rule[1], rule[2], res[1]]
}
})
return result
},
fetch: function(source) {
var list = []
return new Promise(function(resolve, reject) {
source.forEach(function(raw) {
var meta = utils.parse(raw)
if(meta[0]) {
var skey = JSON.stringify(meta)
var playlist = store.get(skey)
if(playlist) {
//自己修改-start
var audioInfos = JSON.parse(playlist);
var neteaseStartUrl = "https://music.163.com/song/media/outer/url?id=";
//如果api.i-meto.com接口不正常并且是网易音乐就自己构建url
if (!t.player.meto && meta[0] == "netease" && audioInfos && audioInfos.length>0 &&
!audioInfos[0].url.startsWith(neteaseStartUrl)) {
audioInfos.forEach(function(audioInfo) {
var id = audioInfo.url.substring(audioInfo.url.indexOf("id=")+3, audioInfo.url.indexOf("&auth="));
audioInfo.url = neteaseStartUrl + id;
audioInfo.pic = "https://p3.music.126.net/Vji3PQJAZ2C7gS_6X51NFQ==/109951164723650033.jpg?param=200y200";
})
} else {
list.push.apply(list, audioInfos);
resolve(list);
}
//自己修改-end
} else {
fetch('https://api.i-meto.com/meting/api?server='+meta[0]+'&type='+meta[1]+'&id='+meta[2]+'&r='+ Math.random())
.then(function(response) {
return response.json()
}).then(function(json) {
store.set(skey, JSON.stringify(json))
list.push.apply(list, json);
resolve(list);
}).catch(function(ex) {})
}
} else {
list.push(raw);
resolve(list);
}
})
})
},
secondToTime: function(second) {
var add0 = function(num) {
return isNaN(num) ? '00' : (num < 10 ? '0' + num : '' + num)
};
var hour = Math.floor(second / 3600);
var min = Math.floor((second - hour * 3600) / 60);
var sec = Math.floor(second - hour * 3600 - min * 60);
return (hour > 0 ? [hour, min, sec] : [min, sec]).map(add0).join(':');
},
nameMap: {
dragStart: isMobile ? 'touchstart' : 'mousedown',
dragMove: isMobile ? 'touchmove' : 'mousemove',
dragEnd: isMobile ? 'touchend' : 'mouseup',
}
}, source = null;
t.player = {
_id: utils.random(999999),
group: true,
// 加载播放列表
load: function(newList) {
var d = ""
var that = this
if(newList && newList.length > 0) {
if(this.options.rawList !== newList) {
this.options.rawList = newList;
playlist.clear()
// 获取新列表
//this.fetch()
}
} else {
// 没有列表时，隐藏按钮
d = "none"
this.pause()
}
for(var el in buttons.el) {
buttons.el[el].display(d)
}
return this
},
fetch: function () {
var that = this;
return new Promise(function(resolve, reject) {
if(playlist.data.length > 0) {
resolve()
} else {
if(that.options.rawList) {
var promises = [];
that.options.rawList.forEach(function(raw, index) {
promises.push(new Promise(function(resolve, reject) {
var group = index
var source
if(!raw.list) {
group = 0
that.group = false
source = [raw]
} else {
that.group = true
source = raw.list
}
utils.fetch(source).then(function(list) {
playlist.add(group, list)
resolve()
})
}))
})
Promise.all(promises).then(function() {
resolve(true)
})
}
}
}).then(function(c) {
if(c) {
playlist.create()
controller.create()
that.mode()
}
})
},
// 根据模式切换当前曲目index
mode: function() {
var total = playlist.data.length;
if(!total || playlist.errnum == total)
return;
var step = controller.step == 'next' ? 1 : -1
var next = function() {
var index = playlist.index + step
if(index > total || index < 0) {
index = controller.step == 'next' ? 0 : total-1;
}
playlist.index = index;
}
var random = function() {
var p = utils.random(total)
if(playlist.index !== p) {
playlist.index = p
} else {
next()
}
}
switch (this.options.mode) {
case 'random':
random()
break;
case 'order':
next()
break;
case 'loop':
if(controller.step)
next()
if(playlist.index == -1)
random()
break;
}
this.init()
},
// 直接设置当前曲目index
switch: function(index) {
if(typeof index == 'number'
&& index != playlist.index
&& playlist.current()
&& !playlist.current().error) {
playlist.index = index;
this.init()
}
},
// 更新source为当前曲目index
init: function() {
var item = playlist.current()
if(!item || item['error']) {
this.mode();
return;
}
var playing = false;
if(!source.paused) {
playing = true
this.stop()
}
source.attr('src', item.url);
source.attr('title', item.name + ' - ' + item.artist);
this.volume(store.get('_PlayerVolume') || '0.7')
this.muted(store.get('_PlayerMuted'))
progress.create()
if(this.options.type == 'audio')
preview.create()
if(playing == true) {
this.play()
}
},
play: function() {
NOWPLAYING && NOWPLAYING.player.pause()
if(playlist.current().error) {
this.mode();
return;
}
var that = this
source.play().then(function() {
playlist.scroll()
}).catch(function(e) {});
},
pause: function() {
source.pause()
document.title = originTitle
},
stop: function() {
source.pause();
source.currentTime = 0;
document.title = originTitle;
},
seek: function(time) {
time = Math.max(time, 0)
time = Math.min(time, source.duration)
if (isNaN(time)) {
time = 0;
}
source.currentTime = time;
progress.update(time / source.duration)
},
muted: function(status) {
if(status == 'muted') {
source.muted = status
store.set('_PlayerMuted', status)
controller.update(0)
} else {
store.del('_PlayerMuted')
source.muted = false
controller.update(source.volume)
}
},
volume: function(percentage) {
if (!isNaN(percentage)) {
controller.update(percentage)
store.set('_PlayerVolume', percentage)
source.volume = percentage
}
},
mini: function() {
info.hide()
}
};
var info = {
el: null,
create: function() {
if(this.el)
return;
this.el = t.createChild('div', {
className: 'player-info',
innerHTML: (t.player.options.type == 'audio' ? '' : '') + ''
}, 'after');
preview.el = this.el.child(".preview");
playlist.el = this.el.child(".playlist");
controller.el = this.el.child(".controller");
},
hide: function() {
var el = this.el
el.addClass('hide');
window.setTimeout(function() {
el.removeClass('show hide')
}, 300);
}
}
var playlist = {
el: null,
data: [],
index: -1,
errnum: 0,
add: function(group, list) {
var that = this
list.forEach(function(item, i) {
item.group = group;
item.name = item.name || item.title || 'Meida name';
item.artist = item.artist || item.author || 'Anonymous';
item.cover = item.cover || item.pic;
item.type = item.type || 'normal';
that.data.push(item);
});
},
clear: function() {
this.data = []
this.el.innerHTML = ""
if(this.index !== -1) {
this.index = -1
t.player.fetch()
}
},
create: function() {
var el = this.el
this.data.map(function(item, index) {
if(item.el)
return
var id = 'list-' + t.player._id + '-'+item.group
var tab = $('#' + id)
if(!tab) {
tab = el.createChild('div', {
id: id,
className: t.player.group ?'tab':'',
innerHTML: '
',
})
if(t.player.group) {
tab.attr('data-title', t.player.options.rawList[item.group]['title'])
.attr('data-id', t.player._id)
}
}
item.el = tab.child('ol').createChild('li', {
title: item.name + ' - ' + item.artist,
innerHTML: ''+item.name+''+item.artist+'',
onclick: function(event) {
var current = event.currentTarget;
if(playlist.index === index && progress.el) {
if(source.paused) {
t.player.play();
} else {
t.player.seek(source.duration * progress.percent(event, current))
}
return;
}
t.player.switch(index);
t.player.play();
}
})
return item
})
tabFormat()
},
current: function() {
return this.data[this.index]
},
scroll: function() {
var item = this.current()
var li = this.el.child('li.active')
li && li.removeClass('active')
var tab = this.el.child('.tab.active')
tab && tab.removeClass('active')
li = this.el.find('.nav li')[item.group]
li && li.addClass('active')
tab = this.el.find('.tab')[item.group]
tab && tab.addClass('active')
pageScroll(item.el, item.el.offsetTop)
return this
},
title: function() {
if(source.paused)
return
var current = this.current()
document.title = 'Now Playing...' + current['name'] + ' - ' + current['artist'] + ' | ' + originTitle;
},
error: function() {
var current = this.current()
current.el.removeClass('current').addClass('error')
current.error = true
this.errnum++
}
}
var lyrics = {
el: null,
data: null,
index: 0,
create: function(box) {
var current = playlist.index
var that = this
var raw = playlist.current().lrc
var callback = function(body) {
if(current !== playlist.index)
return;
that.data = that.parse(body)
var lrc = ''
that.data.forEach(function(line, index) {
lrc += ''+line[1]+'';
})
that.el = box.createChild('div', {
className: 'inner',
innerHTML: lrc
}, 'replace')
that.index = 0;
}
if(raw && raw.startsWith('http'))
this.fetch(raw, callback)
else
callback(raw)
},
update: function(currentTime) {
if(!this.data)
return
if (this.index > this.data.length - 1 || currentTime < this.data[this.index][0] || (!this.data[this.index + 1] || currentTime >= this.data[this.index + 1][0])) {
for (var i = 0; i < this.data.length; i++) {
if (currentTime >= this.data[i][0] && (!this.data[i + 1] || currentTime < this.data[i + 1][0])) {
this.index = i;
var y = -(this.index-1);
this.el.style.transform = 'translateY('+y+'rem)';
this.el.style.webkitTransform = 'translateY('+y+'rem)';
this.el.getElementsByClassName('current')[0].removeClass('current');
this.el.getElementsByTagName('p')[i].addClass('current');
}
}
}
},
parse: function(lrc_s) {
if (lrc_s) {
lrc_s = lrc_s.replace(/([^\]^\n])\[/g, function(match, p1){return p1 + '\n['});
const lyric = lrc_s.split('\n');
var lrc = [];
const lyricLen = lyric.length;
for (var i = 0; i < lyricLen; i++) {
// match lrc time
const lrcTimes = lyric[i].match(/\[(\d{2}):(\d{2})(\.(\d{2,3}))?]/g);
// match lrc text
const lrcText = lyric[i]
.replace(/.*\[(\d{2}):(\d{2})(\.(\d{2,3}))?]/g, '')
.replace(/<(\d{2}):(\d{2})(\.(\d{2,3}))?>/g, '')
.replace(/^\s+|\s+$/g, '');
if (lrcTimes) {
// handle multiple time tag
const timeLen = lrcTimes.length;
for (var j = 0; j < timeLen; j++) {
const oneTime = /\[(\d{2}):(\d{2})(\.(\d{2,3}))?]/.exec(lrcTimes[j]);
const min2sec = oneTime[1] * 60;
const sec2sec = parseInt(oneTime[2]);
const msec2sec = oneTime[4] ? parseInt(oneTime[4]) / ((oneTime[4] + '').length === 2 ? 100 : 1000) : 0;
const lrcTime = min2sec + sec2sec + msec2sec;
lrc.push([lrcTime, lrcText]);
}
}
}
// sort by time
lrc = lrc.filter(function(item){return item[1]});
lrc.sort(function(a, b){return a[0] - b[0]});
return lrc;
} else {
return [];
}
},
fetch: function(url, callback) {
fetch(url)
.then(function(response) {
return response.text()
}).then(function(body) {
callback(body)
}).catch(function(ex) {})
}
}
var preview = {
el: null,
create: function () {
var current = playlist.current()
this.el.innerHTML = ''
+ ''+current.name+'
'+current.artist+''
+ '