215 lines
7.0 KiB
JavaScript
215 lines
7.0 KiB
JavaScript
const ap1 = new APlayer({
|
|
element: document.getElementById('player1'),
|
|
mini: false,
|
|
autoplay: false,
|
|
lrcType: false,
|
|
mutex: true,
|
|
preload: 'metadata',
|
|
audio: [{
|
|
name: '光るなら',
|
|
artist: 'Goose house',
|
|
url: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/hikarunara.mp3',
|
|
cover: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/hikarunara.jpg',
|
|
theme: '#ebd0c2'
|
|
}]
|
|
});
|
|
ap1.on('play', function () {
|
|
console.log('play');
|
|
});
|
|
ap1.on('play', function () {
|
|
console.log('play play');
|
|
});
|
|
ap1.on('pause', function () {
|
|
console.log('pause');
|
|
});
|
|
ap1.on('canplay', function () {
|
|
console.log('canplay');
|
|
});
|
|
ap1.on('playing', function () {
|
|
console.log('playing');
|
|
});
|
|
ap1.on('ended', function () {
|
|
console.log('ended');
|
|
});
|
|
ap1.on('error', function () {
|
|
console.log('error');
|
|
});
|
|
|
|
const ap2 = new APlayer({
|
|
element: document.getElementById('player2'),
|
|
mini: true,
|
|
autoplay: false,
|
|
lrcType: false,
|
|
mutex: true,
|
|
audio: [{
|
|
name: '光るなら',
|
|
artist: 'Goose house',
|
|
url: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/hikarunara.mp3',
|
|
cover: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/hikarunara.jpg',
|
|
lrc: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/hikarunara.lrc',
|
|
theme: '#ebd0c2'
|
|
}]
|
|
});
|
|
|
|
const ap3 = new APlayer({
|
|
element: document.getElementById('player3'),
|
|
mini: false,
|
|
autoplay: false,
|
|
lrcType: 3,
|
|
mutex: true,
|
|
audio: [{
|
|
name: '光るなら',
|
|
artist: 'Goose house',
|
|
url: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/hikarunara.mp3',
|
|
cover: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/hikarunara.jpg',
|
|
lrc: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/hikarunara.lrc',
|
|
theme: '#ebd0c2'
|
|
}]
|
|
});
|
|
|
|
const ap4 = new APlayer({
|
|
element: document.getElementById('player4'),
|
|
mini: false,
|
|
autoplay: false,
|
|
lrcType: false,
|
|
mutex: true,
|
|
theme: '#ad7a86',
|
|
order: 'random',
|
|
audio: [{
|
|
name: '光るなら',
|
|
artist: 'Goose house',
|
|
url: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/hikarunara.mp3',
|
|
cover: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/hikarunara.jpg',
|
|
lrc: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/hikarunara.lrc',
|
|
theme: '#ebd0c2'
|
|
}, {
|
|
name: 'トリカゴ',
|
|
artist: 'XX:me',
|
|
url: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/darling.mp3',
|
|
cover: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/darling.jpg',
|
|
lrc: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/darling.lrc',
|
|
theme: '#46718b'
|
|
}, {
|
|
name: '前前前世',
|
|
artist: 'RADWIMPS',
|
|
url: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/yourname.mp3',
|
|
cover: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/yourname.jpg',
|
|
lrc: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/yourname.lrc',
|
|
theme: '#505d6b'
|
|
}, {
|
|
name: '光るなら(HLS)',
|
|
artist: 'Goose house',
|
|
url: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/hls/hikarunara.m3u8',
|
|
cover: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/hikarunara.jpg',
|
|
theme: '#ebd0c2',
|
|
type: 'hls'
|
|
}]
|
|
});
|
|
|
|
const ap5 = new APlayer({
|
|
element: document.getElementById('player5'),
|
|
mini: false,
|
|
autoplay: false,
|
|
lrcType: 3,
|
|
mutex: true,
|
|
theme: '#e9e9e9',
|
|
listFolded: false,
|
|
listMaxHeight: 80,
|
|
audio: [{
|
|
name: '光るなら',
|
|
artist: 'Goose house',
|
|
url: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/hikarunara.mp3',
|
|
cover: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/hikarunara.jpg',
|
|
lrc: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/hikarunara.lrc',
|
|
}, {
|
|
name: 'トリカゴ',
|
|
artist: 'XX:me',
|
|
url: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/darling.mp3',
|
|
cover: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/darling.jpg',
|
|
lrc: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/darling.lrc',
|
|
}, {
|
|
name: '前前前世',
|
|
artist: 'RADWIMPS',
|
|
url: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/yourname.mp3',
|
|
cover: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/yourname.jpg',
|
|
lrc: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/yourname.lrc',
|
|
}]
|
|
});
|
|
const colorThief = new ColorThief();
|
|
const image = new Image();
|
|
const xhr = new XMLHttpRequest();
|
|
const setTheme = (index) => {
|
|
if (!ap5.list.audios[index].theme) {
|
|
xhr.onload = function(){
|
|
let coverUrl = URL.createObjectURL(this.response);
|
|
image.onload = function(){
|
|
let color = colorThief.getColor(image);
|
|
ap5.theme(`rgb(${color[0]}, ${color[1]}, ${color[2]})`, index);
|
|
URL.revokeObjectURL(coverUrl)
|
|
};
|
|
image.src = coverUrl;
|
|
}
|
|
xhr.open('GET', ap5.list.audios[index].cover, true);
|
|
xhr.responseType = 'blob';
|
|
xhr.send();
|
|
}
|
|
};
|
|
setTheme(ap5.list.index);
|
|
ap5.on('listswitch', (data) => {
|
|
setTheme(data.index);
|
|
});
|
|
|
|
const ap6 = new APlayer({
|
|
element: document.getElementById('player6'),
|
|
mutex: true,
|
|
audio: [{
|
|
name: '光るなら(HLS)',
|
|
artist: 'Goose house',
|
|
url: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/hls/hikarunara.m3u8',
|
|
cover: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/hikarunara.jpg',
|
|
theme: '#ebd0c2',
|
|
type: 'hls'
|
|
}]
|
|
});
|
|
const ap7 = new APlayer({
|
|
element: document.getElementById('player7'),
|
|
mutex: true,
|
|
audio: [{
|
|
name: '光るなら(HLS)',
|
|
artist: 'Goose house',
|
|
url: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/hls/hikarunara.m3u8',
|
|
cover: 'https://cn-south-17-aplayer-46154810.oss.dogecdn.com/hikarunara.jpg',
|
|
theme: '#ebd0c2',
|
|
type: 'customHls',
|
|
}],
|
|
customAudioType: {
|
|
'customHls': function (audioElement, audio, player) {
|
|
if (Hls.isSupported()) {
|
|
const hls = new Hls();
|
|
hls.loadSource(audio.url);
|
|
hls.attachMedia(audioElement);
|
|
}
|
|
else if (audioElement.canPlayType('application/x-mpegURL') || audioElement.canPlayType('application/vnd.apple.mpegURL')) {
|
|
audioElement.src = audio.url;
|
|
}
|
|
else {
|
|
player.notice('Error: HLS is not supported.');
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
const ap8 = new APlayer({
|
|
element: document.getElementById('player8'),
|
|
mutex: true,
|
|
theme: '#ad7a86',
|
|
order: 'random',
|
|
lrcType: 3,
|
|
fixed: true,
|
|
});
|
|
$.ajax({
|
|
url: 'https://api.i-meto.com/meting/api?server=netease&type=playlist&id=35798529',
|
|
success: function (list) {
|
|
ap8.list.add(JSON.parse(list));
|
|
}
|
|
}); |