${index + 1}. ${this.truncateTitle(track.title)}
`);
item.click((e) => {
if (!$(e.target).closest('.playlist-item-actions').length) {
this.playTrack(index);
}
});
item.find('.playlist-item-action').click((e) => {
e.stopPropagation();
this.removeTrack(track.bvid);
});
container.append(item);
});
const hasPlaylist = this.playlist.length > 0;
$('#shuffle-btn').prop('disabled', !hasPlaylist);
}
shufflePlaylist() {
if (this.isLoading || this.playlist.length === 0) return;
for (let i = this.playlist.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
[this.playlist[i], this.playlist[j]] = [this.playlist[j], this.playlist[i]];
}
this.updatePlaylistDisplay();
this.showStatus('播放列表已打乱', 'success');
}
seek(e) {
if (!this.audio.duration || this.isLoading) return;
const progressBar = $('#progress-bar')[0];
const rect = progressBar.getBoundingClientRect();
const percent = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));
const newTime = percent * this.audio.duration;
this.audio.currentTime = newTime;
this.updateProgress();
}
updateProgress() {
if (!this.audio.duration) return;
const percent = (this.audio.currentTime / this.audio.duration) * 100;
$('#progress-filled').css('width', percent + '%');
$('#current-time').text(this.formatTime(this.audio.currentTime));
}
updateDuration() {
$('#duration').text(this.formatTime(this.audio.duration));
}
formatTime(seconds) {
if (!seconds || isNaN(seconds)) return '00:00';
const mins = Math.floor(seconds / 60);
const secs = Math.floor(seconds % 60);
return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
}
setVolume(volume) {
this.currentVolume = volume;
this.audio.volume = volume;
}
loadVolume() {
const savedVolume = GM_getValue('volume', 0.7);
this.setVolume(savedVolume);
$('#volume-slider').val(savedVolume * 100);
$('#volume-value').text(Math.round(savedVolume * 100) + '%');
}
showStatus(message, type = 'info') {
const statusEl = $('#status-message');
statusEl.html(message).removeClass('info error success loading').addClass(type);
if (type !== 'loading') {
setTimeout(() => {
if (statusEl.text() === message) {
statusEl.removeClass('info error success').addClass('info').text('准备就绪');
}
}, 5000);
}
}
truncateTitle(title, maxLength = 40) {
return title.length > maxLength ? title.substring(0, maxLength) + '...' : title;
}
toggleMinimize() {
const content = $('.player-content');
const isVisible = content.is(':visible');
content.slideToggle(300);
$('#minimize-btn').text(isVisible ? '+' : '−');
GM_setValue('playerMinimized', !isVisible);
}
restoreWindowState() {
const isMinimized = GM_getValue('playerMinimized', false);
if (isMinimized) {
$('.player-content').hide();
$('#minimize-btn').text('+');
}
}
}
// 初始化播放器
$(document).ready(() => {
setTimeout(() => {
try {
new BilibiliAudioPlayer();
console.log('B站音频播放器初始化成功');
} catch (error) {
console.error('B站音频播放器初始化失败:', error);
}
}, 2000);
});
// 全局键盘快捷键
$(document).on('keydown', (e) => {
if (e.ctrlKey && e.altKey && e.key === 'p') {
e.preventDefault();
const player = $('#bilibili-audio-player');
if (player.is(':visible')) {
player.fadeOut(300);
} else {
player.fadeIn(300);
}
}
if (e.key === ' ' && !e.target.matches('input, textarea, select')) {
e.preventDefault();
const playBtn = $('#play-btn');
if (playBtn.length) {
playBtn.click();
}
}
});
})();