mirror of
https://github.com/Cola-Echo/Cola.git
synced 2026-06-05 23:25:51 +00:00
1457 lines
48 KiB
JavaScript
1457 lines
48 KiB
JavaScript
import { showToast } from './toast.js';
|
||
import { escapeHtml } from './utils.js';
|
||
|
||
const BASE_URL = 'https://music-dl.sayqz.com';
|
||
|
||
let currentSong = null;
|
||
let isPlaying = false;
|
||
let musicEventsInited = false;
|
||
let miniPlayerInited = false;
|
||
let miniPlayerExpanded = false;
|
||
let floatingLyricsVisible = false;
|
||
let parsedLyrics = [];
|
||
let singleLineLyricsVisible = false;
|
||
let singleLineLyricsLocked = false;
|
||
let playMode = 'list'; // 'single' | 'random' | 'list'
|
||
let playlist = []; // 播放列表
|
||
let currentPlayIndex = -1;
|
||
|
||
const PLAY_ICON = '<svg viewBox="0 0 24 24" width="24" height="24"><polygon points="5,3 19,12 5,21" fill="currentColor"/></svg>';
|
||
const PAUSE_ICON = '<svg viewBox="0 0 24 24" width="24" height="24"><rect x="6" y="4" width="4" height="16" fill="currentColor"/><rect x="14" y="4" width="4" height="16" fill="currentColor"/></svg>';
|
||
const PLAY_ICON_SMALL = '<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polygon points="6,4 20,12 6,20"/></svg>';
|
||
const PAUSE_ICON_SMALL = '<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><line x1="7" y1="4" x2="7" y2="20"/><line x1="17" y1="4" x2="17" y2="20"/></svg>';
|
||
const LYRICS_ICON = '<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 6h16M4 12h12M4 18h8"/></svg>';
|
||
const CLOSE_ICON = '<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><line x1="6" y1="6" x2="18" y2="18"/><line x1="18" y1="6" x2="6" y2="18"/></svg>';
|
||
const LOCK_ICON = '<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg>';
|
||
const UNLOCK_ICON = '<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 019.9-1"/></svg>';
|
||
|
||
// 歌词颜色
|
||
let lyricsColor = 'green';
|
||
const LYRICS_COLORS = ['blue', 'yellow', 'pink', 'green', 'black'];
|
||
|
||
// 播放模式图标
|
||
const MODE_SINGLE_ICON = '<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M17 2l4 4-4 4"/><path d="M3 11v-1a4 4 0 014-4h14"/><path d="M7 22l-4-4 4-4"/><path d="M21 13v1a4 4 0 01-4 4H3"/><path d="M11 10v4h2" stroke-width="2"/></svg>';
|
||
const MODE_RANDOM_ICON = '<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M16 3h5v5"/><path d="M4 20L21 3"/><path d="M21 16v5h-5"/><path d="M15 15l6 6"/><path d="M4 4l5 5"/></svg>';
|
||
const MODE_LIST_ICON = '<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M17 2l4 4-4 4"/><path d="M3 11v-1a4 4 0 014-4h14"/><path d="M7 22l-4-4 4-4"/><path d="M21 13v1a4 4 0 01-4 4H3"/></svg>';
|
||
const PLAYLIST_ICON = '<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M8 6h13M8 12h13M8 18h8"/><circle cx="3" cy="6" r="1" fill="currentColor"/><circle cx="3" cy="12" r="1" fill="currentColor"/><circle cx="3" cy="18" r="1" fill="currentColor"/></svg>';
|
||
|
||
// 随机推歌用的热门关键词库
|
||
const RANDOM_KEYWORDS = [
|
||
'热门', '流行', '抖音', '网红', '经典', '怀旧', '情歌', '伤感',
|
||
'轻音乐', '纯音乐', '钢琴', '吉他', '民谣', '摇滚', '电音', 'DJ',
|
||
'周杰伦', '林俊杰', '邓紫棋', '薛之谦', '毛不易', '陈奕迅', '王菲',
|
||
'Taylor Swift', 'Ed Sheeran', 'Bruno Mars', 'Adele', 'BTS',
|
||
'日语', '韩语', '粤语', '古风', '国风', '说唱', 'rap',
|
||
'治愈', '励志', '甜蜜', '浪漫', '夜晚', '清晨', '放松'
|
||
];
|
||
|
||
// 已播放过的歌曲ID（避免重复推荐）
|
||
let playedSongIds = new Set();
|
||
|
||
// 是否已显示过随机推歌提示
|
||
let hasShownRandomToast = false;
|
||
|
||
export function formatDuration(seconds) {
|
||
if (seconds === null || seconds === undefined || isNaN(seconds)) return '--:--';
|
||
const mins = Math.floor(seconds / 60);
|
||
const secs = Math.floor(seconds % 60);
|
||
return mins + ':' + secs.toString().padStart(2, '0');
|
||
}
|
||
|
||
// 解析LRC歌词
|
||
function parseLRC(lrcText) {
|
||
if (!lrcText) return [];
|
||
const lines = lrcText.split(/\r?\n/);
|
||
const result = [];
|
||
|
||
for (let i = 0; i < lines.length; i++) {
|
||
const line = lines[i];
|
||
const match = line.match(/^\[(\d{2}):(\d{2})([.\:]\d+)?\](.*)$/);
|
||
if (match) {
|
||
const mins = parseInt(match[1], 10);
|
||
const secs = parseInt(match[2], 10);
|
||
const ms = match[3] ? parseFloat('0' + match[3].replace(':', '.')) : 0;
|
||
const time = mins * 60 + secs + ms;
|
||
const text = match[4].trim();
|
||
if (text) {
|
||
result.push({ time: time, text: text });
|
||
}
|
||
}
|
||
}
|
||
|
||
result.sort(function(a, b) { return a.time - b.time; });
|
||
return result;
|
||
}
|
||
|
||
// 聚合搜索
|
||
export async function searchMusic(keyword) {
|
||
if (!keyword || !keyword.trim()) return [];
|
||
|
||
const url = BASE_URL + '/api/?type=aggregateSearch&keyword=' + encodeURIComponent(keyword);
|
||
const res = await fetch(url);
|
||
const json = await res.json();
|
||
|
||
if (json.code !== 200 || !json.data || !json.data.results) return [];
|
||
|
||
return json.data.results.map(function(item) {
|
||
return {
|
||
id: item.id,
|
||
name: item.name,
|
||
artist: item.artist,
|
||
album: item.album || '',
|
||
platform: item.platform,
|
||
cover: BASE_URL + '/api/?source=' + item.platform + '&id=' + item.id + '&type=pic',
|
||
url: BASE_URL + '/api/?source=' + item.platform + '&id=' + item.id + '&type=url',
|
||
lrcUrl: BASE_URL + '/api/?source=' + item.platform + '&id=' + item.id + '&type=lrc',
|
||
};
|
||
});
|
||
}
|
||
|
||
// 获取歌词
|
||
export async function fetchLyrics(song) {
|
||
if (!song || !song.lrcUrl) return null;
|
||
try {
|
||
const res = await fetch(song.lrcUrl);
|
||
if (!res.ok) return null;
|
||
return await res.text();
|
||
} catch (e) {
|
||
return null;
|
||
}
|
||
}
|
||
|
||
// ========== 单行歌词条 ==========
|
||
function createSingleLineLyrics() {
|
||
if (document.getElementById('wechat-single-lyrics')) return;
|
||
|
||
let phoneContainer = document.getElementById('wechat-phone');
|
||
if (!phoneContainer) return;
|
||
|
||
// 生成颜色按钮HTML
|
||
let colorBtnsHtml = '';
|
||
for (let i = 0; i < LYRICS_COLORS.length; i++) {
|
||
let c = LYRICS_COLORS[i];
|
||
let activeClass = (c === lyricsColor) ? ' active' : '';
|
||
colorBtnsHtml += '<button class="wechat-lyrics-color-btn color-' + c + activeClass + '" data-color="' + c + '"></button>';
|
||
}
|
||
|
||
let html = '<div id="wechat-single-lyrics" class="wechat-single-lyrics hidden">' +
|
||
'<div class="wechat-single-lyrics-text color-' + lyricsColor + '">暂无歌词</div>' +
|
||
'<div class="wechat-single-lyrics-colors">' + colorBtnsHtml + '</div>' +
|
||
'<button class="wechat-single-lyrics-lock">' + UNLOCK_ICON + '</button>' +
|
||
'</div>';
|
||
|
||
phoneContainer.insertAdjacentHTML('beforeend', html);
|
||
initSingleLineLyricsEvents();
|
||
}
|
||
|
||
function initSingleLineLyricsEvents() {
|
||
let panel = document.getElementById('wechat-single-lyrics');
|
||
if (!panel) return;
|
||
|
||
let lockBtn = panel.querySelector('.wechat-single-lyrics-lock');
|
||
let colorsContainer = panel.querySelector('.wechat-single-lyrics-colors');
|
||
|
||
if (lockBtn) {
|
||
lockBtn.addEventListener('click', function(e) {
|
||
e.stopPropagation();
|
||
singleLineLyricsLocked = !singleLineLyricsLocked;
|
||
lockBtn.innerHTML = singleLineLyricsLocked ? LOCK_ICON : UNLOCK_ICON;
|
||
panel.classList.toggle('locked', singleLineLyricsLocked);
|
||
});
|
||
}
|
||
|
||
// 颜色按钮点击事件
|
||
if (colorsContainer) {
|
||
colorsContainer.addEventListener('click', function(e) {
|
||
let btn = e.target.closest('.wechat-lyrics-color-btn');
|
||
if (!btn) return;
|
||
e.stopPropagation();
|
||
|
||
let newColor = btn.dataset.color;
|
||
if (newColor && LYRICS_COLORS.indexOf(newColor) >= 0) {
|
||
lyricsColor = newColor;
|
||
|
||
// 更新文字颜色
|
||
let textEl = panel.querySelector('.wechat-single-lyrics-text');
|
||
if (textEl) {
|
||
// 移除所有颜色类
|
||
for (let i = 0; i < LYRICS_COLORS.length; i++) {
|
||
textEl.classList.remove('color-' + LYRICS_COLORS[i]);
|
||
}
|
||
textEl.classList.add('color-' + newColor);
|
||
}
|
||
|
||
// 更新按钮激活状态
|
||
let allBtns = colorsContainer.querySelectorAll('.wechat-lyrics-color-btn');
|
||
for (let j = 0; j < allBtns.length; j++) {
|
||
allBtns[j].classList.remove('active');
|
||
}
|
||
btn.classList.add('active');
|
||
}
|
||
});
|
||
}
|
||
|
||
// 点击歌词条显示/隐藏锁按钮
|
||
panel.addEventListener('click', function(e) {
|
||
if (e.target.closest('.wechat-single-lyrics-lock')) return;
|
||
if (e.target.closest('.wechat-lyrics-color-btn')) return;
|
||
lockBtn.classList.toggle('visible');
|
||
panel.classList.toggle('show-colors');
|
||
});
|
||
|
||
// 拖拽功能（仅在未锁定时）- 支持上下左右移动
|
||
let isDragging = false;
|
||
let startX, startY, initialX, initialY;
|
||
|
||
panel.addEventListener('mousedown', startDrag);
|
||
panel.addEventListener('touchstart', startDrag, { passive: false });
|
||
|
||
function startDrag(e) {
|
||
if (singleLineLyricsLocked) return;
|
||
if (e.target.closest('.wechat-single-lyrics-lock')) return;
|
||
if (e.target.closest('.wechat-lyrics-color-btn')) return;
|
||
isDragging = true;
|
||
let rect = panel.getBoundingClientRect();
|
||
let phoneRect = document.getElementById('wechat-phone').getBoundingClientRect();
|
||
initialX = rect.left - phoneRect.left;
|
||
initialY = rect.top - phoneRect.top;
|
||
if (e.type === 'touchstart') {
|
||
startX = e.touches[0].clientX;
|
||
startY = e.touches[0].clientY;
|
||
} else {
|
||
startX = e.clientX;
|
||
startY = e.clientY;
|
||
}
|
||
panel.style.transition = 'none';
|
||
}
|
||
|
||
document.addEventListener('mousemove', drag);
|
||
document.addEventListener('touchmove', drag, { passive: false });
|
||
|
||
function drag(e) {
|
||
if (!isDragging) return;
|
||
e.preventDefault();
|
||
let clientX, clientY;
|
||
if (e.type === 'touchmove') {
|
||
clientX = e.touches[0].clientX;
|
||
clientY = e.touches[0].clientY;
|
||
} else {
|
||
clientX = e.clientX;
|
||
clientY = e.clientY;
|
||
}
|
||
let dx = clientX - startX;
|
||
let dy = clientY - startY;
|
||
let phoneEl = document.getElementById('wechat-phone');
|
||
let phoneRect = phoneEl.getBoundingClientRect();
|
||
let panelWidth = panel.offsetWidth || 200;
|
||
let newX = Math.max(0, Math.min(phoneRect.width - panelWidth, initialX + dx));
|
||
let newY = Math.max(0, Math.min(phoneRect.height - 40, initialY + dy));
|
||
panel.style.left = newX + 'px';
|
||
panel.style.top = newY + 'px';
|
||
panel.style.transform = 'none';
|
||
}
|
||
|
||
document.addEventListener('mouseup', endDrag);
|
||
document.addEventListener('touchend', endDrag);
|
||
|
||
function endDrag() {
|
||
if (isDragging) {
|
||
isDragging = false;
|
||
panel.style.transition = '';
|
||
}
|
||
}
|
||
}
|
||
|
||
function showSingleLineLyrics() {
|
||
createSingleLineLyrics();
|
||
let panel = document.getElementById('wechat-single-lyrics');
|
||
if (panel) {
|
||
panel.classList.remove('hidden');
|
||
singleLineLyricsVisible = true;
|
||
updateSingleLineLyricsText();
|
||
}
|
||
}
|
||
|
||
function hideSingleLineLyrics() {
|
||
let panel = document.getElementById('wechat-single-lyrics');
|
||
if (panel) {
|
||
panel.classList.add('hidden');
|
||
singleLineLyricsVisible = false;
|
||
}
|
||
}
|
||
|
||
function toggleSingleLineLyrics() {
|
||
if (singleLineLyricsVisible) {
|
||
hideSingleLineLyrics();
|
||
} else {
|
||
showSingleLineLyrics();
|
||
}
|
||
// 更新迷你播放器按钮状态
|
||
let lyricsBtn = document.querySelector('.wechat-music-mini-lyrics-btn');
|
||
if (lyricsBtn) {
|
||
lyricsBtn.classList.toggle('active', singleLineLyricsVisible);
|
||
}
|
||
}
|
||
|
||
function updateSingleLineLyricsText() {
|
||
let textEl = document.querySelector('.wechat-single-lyrics-text');
|
||
if (!textEl) return;
|
||
|
||
if (!currentSong || !currentSong.lyrics) {
|
||
textEl.textContent = '暂无歌词';
|
||
parsedLyrics = [];
|
||
return;
|
||
}
|
||
|
||
if (parsedLyrics.length === 0) {
|
||
parsedLyrics = parseLRC(currentSong.lyrics);
|
||
}
|
||
|
||
if (parsedLyrics.length === 0) {
|
||
textEl.textContent = '暂无歌词';
|
||
}
|
||
}
|
||
|
||
function updateSingleLineLyricsHighlight(currentTime) {
|
||
if (!singleLineLyricsVisible || parsedLyrics.length === 0) return;
|
||
|
||
let textEl = document.querySelector('.wechat-single-lyrics-text');
|
||
if (!textEl) return;
|
||
|
||
let activeIndex = -1;
|
||
for (let i = parsedLyrics.length - 1; i >= 0; i--) {
|
||
if (currentTime >= parsedLyrics[i].time) {
|
||
activeIndex = i;
|
||
break;
|
||
}
|
||
}
|
||
|
||
if (activeIndex >= 0) {
|
||
textEl.textContent = parsedLyrics[activeIndex].text;
|
||
} else if (parsedLyrics.length > 0) {
|
||
textEl.textContent = parsedLyrics[0].text;
|
||
}
|
||
}
|
||
|
||
// ========== 浮动歌词面板 ==========
|
||
function createFloatingLyrics() {
|
||
if (document.getElementById('wechat-floating-lyrics')) return;
|
||
|
||
let phoneContainer = document.getElementById('wechat-phone');
|
||
if (!phoneContainer) return;
|
||
|
||
let html = '<div id="wechat-floating-lyrics" class="wechat-floating-lyrics hidden">' +
|
||
'<div class="wechat-floating-lyrics-header">' +
|
||
'<span class="wechat-floating-lyrics-title">歌词</span>' +
|
||
'<button class="wechat-floating-lyrics-close">' + CLOSE_ICON + '</button>' +
|
||
'</div>' +
|
||
'<div class="wechat-floating-lyrics-content"></div>' +
|
||
'</div>';
|
||
|
||
phoneContainer.insertAdjacentHTML('beforeend', html);
|
||
initFloatingLyricsEvents();
|
||
}
|
||
|
||
function initFloatingLyricsEvents() {
|
||
let panel = document.getElementById('wechat-floating-lyrics');
|
||
if (!panel) return;
|
||
|
||
let header = panel.querySelector('.wechat-floating-lyrics-header');
|
||
let closeBtn = panel.querySelector('.wechat-floating-lyrics-close');
|
||
|
||
closeBtn.addEventListener('click', function(e) {
|
||
e.stopPropagation();
|
||
hideFloatingLyrics();
|
||
});
|
||
|
||
// 拖拽（在手机容器内）
|
||
let isDragging = false;
|
||
let startX, startY, initialX, initialY;
|
||
|
||
header.addEventListener('mousedown', startDrag);
|
||
header.addEventListener('touchstart', startDrag, { passive: false });
|
||
|
||
function startDrag(e) {
|
||
if (e.target.closest('.wechat-floating-lyrics-close')) return;
|
||
isDragging = true;
|
||
let rect = panel.getBoundingClientRect();
|
||
let phoneRect = document.getElementById('wechat-phone').getBoundingClientRect();
|
||
initialX = rect.left - phoneRect.left;
|
||
initialY = rect.top - phoneRect.top;
|
||
if (e.type === 'touchstart') {
|
||
startX = e.touches[0].clientX;
|
||
startY = e.touches[0].clientY;
|
||
} else {
|
||
startX = e.clientX;
|
||
startY = e.clientY;
|
||
}
|
||
panel.style.transition = 'none';
|
||
panel.style.transform = 'none';
|
||
}
|
||
|
||
document.addEventListener('mousemove', drag);
|
||
document.addEventListener('touchmove', drag, { passive: false });
|
||
|
||
function drag(e) {
|
||
if (!isDragging) return;
|
||
e.preventDefault();
|
||
let clientX, clientY;
|
||
if (e.type === 'touchmove') {
|
||
clientX = e.touches[0].clientX;
|
||
clientY = e.touches[0].clientY;
|
||
} else {
|
||
clientX = e.clientX;
|
||
clientY = e.clientY;
|
||
}
|
||
let dx = clientX - startX;
|
||
let dy = clientY - startY;
|
||
let phoneEl = document.getElementById('wechat-phone');
|
||
let phoneRect = phoneEl.getBoundingClientRect();
|
||
let newX = Math.max(0, Math.min(phoneRect.width - 280, initialX + dx));
|
||
let newY = Math.max(0, Math.min(phoneRect.height - 100, initialY + dy));
|
||
panel.style.left = newX + 'px';
|
||
panel.style.top = newY + 'px';
|
||
}
|
||
|
||
document.addEventListener('mouseup', endDrag);
|
||
document.addEventListener('touchend', endDrag);
|
||
|
||
function endDrag() {
|
||
if (isDragging) {
|
||
isDragging = false;
|
||
panel.style.transition = '';
|
||
}
|
||
}
|
||
}
|
||
|
||
function showFloatingLyrics() {
|
||
createFloatingLyrics();
|
||
const panel = document.getElementById('wechat-floating-lyrics');
|
||
if (panel) {
|
||
panel.classList.remove('hidden');
|
||
floatingLyricsVisible = true;
|
||
updateFloatingLyricsContent();
|
||
}
|
||
}
|
||
|
||
function hideFloatingLyrics() {
|
||
const panel = document.getElementById('wechat-floating-lyrics');
|
||
if (panel) {
|
||
panel.classList.add('hidden');
|
||
floatingLyricsVisible = false;
|
||
}
|
||
// 更新按钮状态
|
||
const lyricsBtn = document.querySelector('.wechat-music-mini-lyrics-btn');
|
||
if (lyricsBtn) lyricsBtn.classList.remove('active');
|
||
}
|
||
|
||
function toggleFloatingLyrics() {
|
||
if (floatingLyricsVisible) {
|
||
hideFloatingLyrics();
|
||
} else {
|
||
showFloatingLyrics();
|
||
}
|
||
}
|
||
|
||
function updateFloatingLyricsContent() {
|
||
const content = document.querySelector('.wechat-floating-lyrics-content');
|
||
if (!content) return;
|
||
|
||
if (!currentSong || !currentSong.lyrics) {
|
||
content.innerHTML = '<div class="wechat-lyrics-line">暂无歌词</div>';
|
||
parsedLyrics = [];
|
||
return;
|
||
}
|
||
|
||
parsedLyrics = parseLRC(currentSong.lyrics);
|
||
if (parsedLyrics.length === 0) {
|
||
content.innerHTML = '<div class="wechat-lyrics-line">暂无歌词</div>';
|
||
return;
|
||
}
|
||
|
||
let html = '';
|
||
for (let i = 0; i < parsedLyrics.length; i++) {
|
||
html += '<div class="wechat-lyrics-line" data-time="' + parsedLyrics[i].time + '">' + escapeHtml(parsedLyrics[i].text) + '</div>';
|
||
}
|
||
content.innerHTML = html;
|
||
}
|
||
|
||
function updateLyricsHighlight(currentTime) {
|
||
if (!floatingLyricsVisible || parsedLyrics.length === 0) return;
|
||
|
||
const content = document.querySelector('.wechat-floating-lyrics-content');
|
||
if (!content) return;
|
||
|
||
const lines = content.querySelectorAll('.wechat-lyrics-line');
|
||
let activeIndex = -1;
|
||
|
||
for (let i = parsedLyrics.length - 1; i >= 0; i--) {
|
||
if (currentTime >= parsedLyrics[i].time) {
|
||
activeIndex = i;
|
||
break;
|
||
}
|
||
}
|
||
|
||
for (let i = 0; i < lines.length; i++) {
|
||
if (i === activeIndex) {
|
||
lines[i].classList.add('active');
|
||
// 滚动到当前行
|
||
lines[i].scrollIntoView({ behavior: 'smooth', block: 'center' });
|
||
} else {
|
||
lines[i].classList.remove('active');
|
||
}
|
||
}
|
||
}
|
||
|
||
// ========== 迷你播放器 ==========
|
||
function createMiniPlayer() {
|
||
if (document.getElementById('wechat-music-mini')) return;
|
||
|
||
let phoneContainer = document.getElementById('wechat-phone');
|
||
if (!phoneContainer) return;
|
||
|
||
let html = '<div id="wechat-music-mini" class="wechat-music-mini hidden">' +
|
||
'<div class="wechat-music-mini-btn">' +
|
||
'<svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="5.5" cy="17.5" r="2.5"/><circle cx="17.5" cy="15.5" r="2.5"/><path d="M8 17.5V6.5a1 1 0 011-1h10a1 1 0 011 1v9"/><path d="M8 10h12"/></svg>' +
|
||
'</div>' +
|
||
'<div class="wechat-music-mini-panel hidden">' +
|
||
'<div class="wechat-music-mini-header">' +
|
||
'<img class="wechat-music-mini-cover" src="" alt="">' +
|
||
'<div class="wechat-music-mini-info">' +
|
||
'<div class="wechat-music-mini-name">未播放</div>' +
|
||
'<div class="wechat-music-mini-artist"></div>' +
|
||
'</div>' +
|
||
'</div>' +
|
||
'<div class="wechat-music-mini-progress">' +
|
||
'<span class="wechat-music-mini-time wechat-music-mini-current">0:00</span>' +
|
||
'<div class="wechat-music-mini-slider-container">' +
|
||
'<input type="range" class="wechat-music-mini-slider" min="0" max="100" value="0">' +
|
||
'</div>' +
|
||
'<span class="wechat-music-mini-time wechat-music-mini-duration">0:00</span>' +
|
||
'</div>' +
|
||
'<div class="wechat-music-mini-controls">' +
|
||
'<button class="wechat-music-mini-play">' + PLAY_ICON_SMALL + '</button>' +
|
||
'<button class="wechat-music-mini-mode" title="播放模式">' + MODE_LIST_ICON + '</button>' +
|
||
'<button class="wechat-music-mini-lyrics-btn" title="歌词">词</button>' +
|
||
'<button class="wechat-music-mini-playlist" title="播放列表">' + PLAYLIST_ICON + '</button>' +
|
||
'<button class="wechat-music-mini-close">' + CLOSE_ICON + '</button>' +
|
||
'</div>' +
|
||
'</div>' +
|
||
'</div>';
|
||
|
||
phoneContainer.insertAdjacentHTML('beforeend', html);
|
||
initMiniPlayerEvents();
|
||
}
|
||
|
||
function initMiniPlayerEvents() {
|
||
if (miniPlayerInited) return;
|
||
miniPlayerInited = true;
|
||
|
||
let mini = document.getElementById('wechat-music-mini');
|
||
let btn = mini.querySelector('.wechat-music-mini-btn');
|
||
let panel = mini.querySelector('.wechat-music-mini-panel');
|
||
let playBtn = mini.querySelector('.wechat-music-mini-play');
|
||
let modeBtn = mini.querySelector('.wechat-music-mini-mode');
|
||
let lyricsBtn = mini.querySelector('.wechat-music-mini-lyrics-btn');
|
||
let playlistBtn = mini.querySelector('.wechat-music-mini-playlist');
|
||
let closeBtn = mini.querySelector('.wechat-music-mini-close');
|
||
|
||
btn.addEventListener('click', function(e) {
|
||
e.stopPropagation();
|
||
miniPlayerExpanded = !miniPlayerExpanded;
|
||
panel.classList.toggle('hidden', !miniPlayerExpanded);
|
||
});
|
||
|
||
playBtn.addEventListener('click', function(e) {
|
||
e.stopPropagation();
|
||
togglePlay();
|
||
});
|
||
|
||
// 播放模式切换
|
||
modeBtn.addEventListener('click', function(e) {
|
||
e.stopPropagation();
|
||
cyclePlayMode();
|
||
updateModeButtonIcon();
|
||
});
|
||
|
||
// 歌词按钮点击显示歌词
|
||
lyricsBtn.addEventListener('click', function(e) {
|
||
e.stopPropagation();
|
||
toggleSingleLineLyrics();
|
||
});
|
||
|
||
// 播放列表按钮
|
||
playlistBtn.addEventListener('click', function(e) {
|
||
e.stopPropagation();
|
||
togglePlaylistPanel();
|
||
});
|
||
|
||
closeBtn.addEventListener('click', function(e) {
|
||
e.stopPropagation();
|
||
stopMusic();
|
||
hideMiniPlayer();
|
||
});
|
||
|
||
// 进度条拖动
|
||
let slider = mini.querySelector('.wechat-music-mini-slider');
|
||
let currentTimeEl = mini.querySelector('.wechat-music-mini-current');
|
||
let durationEl = mini.querySelector('.wechat-music-mini-duration');
|
||
let isSeeking = false;
|
||
|
||
if (slider) {
|
||
slider.addEventListener('input', function(e) {
|
||
e.stopPropagation();
|
||
isSeeking = true;
|
||
let audio = document.getElementById('wechat-music-audio');
|
||
if (audio && audio.duration) {
|
||
let seekTime = (slider.value / 100) * audio.duration;
|
||
if (currentTimeEl) {
|
||
currentTimeEl.textContent = formatDuration(seekTime);
|
||
}
|
||
}
|
||
});
|
||
|
||
slider.addEventListener('change', function(e) {
|
||
e.stopPropagation();
|
||
let audio = document.getElementById('wechat-music-audio');
|
||
if (audio && audio.duration) {
|
||
audio.currentTime = (slider.value / 100) * audio.duration;
|
||
}
|
||
isSeeking = false;
|
||
});
|
||
|
||
// 阻止滑动时触发其他事件
|
||
slider.addEventListener('mousedown', function(e) { e.stopPropagation(); });
|
||
slider.addEventListener('touchstart', function(e) { e.stopPropagation(); }, { passive: true });
|
||
}
|
||
|
||
// 监听音频进度更新
|
||
document.addEventListener('wechat-music-timeupdate', function(e) {
|
||
if (isSeeking) return;
|
||
let detail = e.detail || {};
|
||
if (slider && typeof detail.progress === 'number') {
|
||
slider.value = detail.progress;
|
||
}
|
||
if (currentTimeEl && typeof detail.currentTime === 'number') {
|
||
currentTimeEl.textContent = formatDuration(detail.currentTime);
|
||
}
|
||
if (durationEl && typeof detail.duration === 'number') {
|
||
durationEl.textContent = formatDuration(detail.duration);
|
||
}
|
||
});
|
||
|
||
document.addEventListener('click', function(e) {
|
||
if (miniPlayerExpanded && mini && !mini.contains(e.target)) {
|
||
miniPlayerExpanded = false;
|
||
panel.classList.add('hidden');
|
||
}
|
||
});
|
||
|
||
// 拖拽（在手机容器内）
|
||
let isDragging = false;
|
||
let startX, startY, initialX, initialY;
|
||
|
||
btn.addEventListener('mousedown', startDrag);
|
||
btn.addEventListener('touchstart', startDrag, { passive: false });
|
||
|
||
function startDrag(e) {
|
||
if (e.target.closest('.wechat-music-mini-panel')) return;
|
||
isDragging = true;
|
||
let rect = mini.getBoundingClientRect();
|
||
let phoneRect = document.getElementById('wechat-phone').getBoundingClientRect();
|
||
initialX = rect.left - phoneRect.left;
|
||
initialY = rect.top - phoneRect.top;
|
||
if (e.type === 'touchstart') {
|
||
startX = e.touches[0].clientX;
|
||
startY = e.touches[0].clientY;
|
||
} else {
|
||
startX = e.clientX;
|
||
startY = e.clientY;
|
||
}
|
||
mini.style.transition = 'none';
|
||
}
|
||
|
||
document.addEventListener('mousemove', drag);
|
||
document.addEventListener('touchmove', drag, { passive: false });
|
||
|
||
function drag(e) {
|
||
if (!isDragging) return;
|
||
e.preventDefault();
|
||
let clientX, clientY;
|
||
if (e.type === 'touchmove') {
|
||
clientX = e.touches[0].clientX;
|
||
clientY = e.touches[0].clientY;
|
||
} else {
|
||
clientX = e.clientX;
|
||
clientY = e.clientY;
|
||
}
|
||
let dx = clientX - startX;
|
||
let dy = clientY - startY;
|
||
let phoneEl = document.getElementById('wechat-phone');
|
||
let phoneRect = phoneEl.getBoundingClientRect();
|
||
let newX = Math.max(0, Math.min(phoneRect.width - 50, initialX + dx));
|
||
let newY = Math.max(0, Math.min(phoneRect.height - 50, initialY + dy));
|
||
mini.style.left = newX + 'px';
|
||
mini.style.top = newY + 'px';
|
||
mini.style.right = 'auto';
|
||
mini.style.bottom = 'auto';
|
||
}
|
||
|
||
document.addEventListener('mouseup', endDrag);
|
||
document.addEventListener('touchend', endDrag);
|
||
|
||
function endDrag() {
|
||
if (isDragging) {
|
||
isDragging = false;
|
||
mini.style.transition = '';
|
||
}
|
||
}
|
||
}
|
||
|
||
// 循环切换播放模式
|
||
function cyclePlayMode() {
|
||
if (playMode === 'list') {
|
||
playMode = 'single';
|
||
showToast('单曲循环');
|
||
} else if (playMode === 'single') {
|
||
playMode = 'random';
|
||
showToast('随机播放');
|
||
} else {
|
||
playMode = 'list';
|
||
showToast('列表循环');
|
||
}
|
||
}
|
||
|
||
// 更新模式按钮图标
|
||
function updateModeButtonIcon() {
|
||
let modeBtn = document.querySelector('.wechat-music-mini-mode');
|
||
if (!modeBtn) return;
|
||
|
||
if (playMode === 'single') {
|
||
modeBtn.innerHTML = MODE_SINGLE_ICON;
|
||
} else if (playMode === 'random') {
|
||
modeBtn.innerHTML = MODE_RANDOM_ICON;
|
||
} else {
|
||
modeBtn.innerHTML = MODE_LIST_ICON;
|
||
}
|
||
}
|
||
|
||
// 播放下一首
|
||
function playNext() {
|
||
// 单曲循环模式：重新播放当前歌曲
|
||
if (playMode === 'single') {
|
||
let audio = document.getElementById('wechat-music-audio');
|
||
if (audio) {
|
||
audio.currentTime = 0;
|
||
audio.play().then(function() {
|
||
isPlaying = true;
|
||
let playBtn = document.getElementById('wechat-music-player-play');
|
||
if (playBtn) playBtn.innerHTML = PAUSE_ICON;
|
||
updateMiniPlayerState();
|
||
}).catch(function(e) {
|
||
console.error('[可乐] 单曲循环播放失败:', e);
|
||
});
|
||
}
|
||
return;
|
||
}
|
||
|
||
// 随机模式：真正的随机推歌
|
||
if (playMode === 'random') {
|
||
fetchRandomSong();
|
||
return;
|
||
}
|
||
|
||
// 列表循环模式
|
||
if (playlist.length === 0) return;
|
||
let nextIndex = (currentPlayIndex + 1) % playlist.length;
|
||
|
||
if (nextIndex >= 0 && nextIndex < playlist.length) {
|
||
let song = playlist[nextIndex];
|
||
currentPlayIndex = nextIndex;
|
||
playMusic(song.id, song.platform, song.name, song.artist);
|
||
renderPlaylist();
|
||
}
|
||
}
|
||
|
||
// 随机推歌：从API搜索并播放随机歌曲
|
||
// retryCount: 内部重试计数，避免无限循环
|
||
async function fetchRandomSong(retryCount) {
|
||
retryCount = retryCount || 0;
|
||
let maxRetries = 3;
|
||
|
||
// 构建搜索关键词
|
||
let keyword = getRandomKeyword();
|
||
|
||
console.log('[可乐] 随机推歌，搜索关键词:', keyword);
|
||
|
||
// 只在第一次显示提示
|
||
if (!hasShownRandomToast) {
|
||
showToast('正在为你随机推歌...');
|
||
hasShownRandomToast = true;
|
||
}
|
||
|
||
try {
|
||
let results = await searchMusic(keyword);
|
||
|
||
if (!results || results.length === 0) {
|
||
// 如果搜索失败，换个关键词重试
|
||
keyword = RANDOM_KEYWORDS[Math.floor(Math.random() * RANDOM_KEYWORDS.length)];
|
||
results = await searchMusic(keyword);
|
||
}
|
||
|
||
if (!results || results.length === 0) {
|
||
// 静默重试
|
||
if (retryCount < maxRetries) {
|
||
console.log('[可乐] 随机推歌搜索无结果，重试中...', retryCount + 1);
|
||
return fetchRandomSong(retryCount + 1);
|
||
}
|
||
console.error('[可乐] 随机推歌失败，已达最大重试次数');
|
||
return;
|
||
}
|
||
|
||
// 过滤掉已播放过的歌曲
|
||
let unplayedSongs = results.filter(function(song) {
|
||
let songKey = song.platform + '_' + song.id;
|
||
return !playedSongIds.has(songKey);
|
||
});
|
||
|
||
// 如果全都播放过，清空记录重新开始
|
||
if (unplayedSongs.length === 0) {
|
||
playedSongIds.clear();
|
||
unplayedSongs = results;
|
||
}
|
||
|
||
// 从未播放的歌曲中随机选一首
|
||
let randomIndex = Math.floor(Math.random() * unplayedSongs.length);
|
||
let song = unplayedSongs[randomIndex];
|
||
|
||
// 记录已播放
|
||
let songKey = song.platform + '_' + song.id;
|
||
playedSongIds.add(songKey);
|
||
|
||
// 限制记录数量，避免内存占用过大
|
||
if (playedSongIds.size > 500) {
|
||
let arr = Array.from(playedSongIds);
|
||
playedSongIds = new Set(arr.slice(-300));
|
||
}
|
||
|
||
console.log('[可乐] 随机推歌:', song.name, '-', song.artist);
|
||
|
||
// 播放歌曲
|
||
playMusic(song.id, song.platform, song.name, song.artist);
|
||
|
||
} catch (err) {
|
||
console.error('[可乐] 随机推歌失败:', err);
|
||
// 静默重试，不显示错误提示
|
||
if (retryCount < maxRetries) {
|
||
console.log('[可乐] 随机推歌出错，重试中...', retryCount + 1);
|
||
return fetchRandomSong(retryCount + 1);
|
||
}
|
||
}
|
||
}
|
||
|
||
// 获取随机搜索关键词
|
||
function getRandomKeyword() {
|
||
let rand = Math.random();
|
||
|
||
// 70%概率从聊天记录提取关键词
|
||
if (rand < 0.7) {
|
||
let chatKeyword = extractKeywordFromChat();
|
||
if (chatKeyword) {
|
||
console.log('[可乐] 使用聊天关键词推歌:', chatKeyword);
|
||
return chatKeyword;
|
||
}
|
||
}
|
||
|
||
// 20%概率使用当前歌曲的歌手名搜索类似歌曲
|
||
if (rand < 0.9 && currentSong && currentSong.artist) {
|
||
return currentSong.artist;
|
||
}
|
||
|
||
// 10%概率从关键词库随机选择
|
||
return RANDOM_KEYWORDS[Math.floor(Math.random() * RANDOM_KEYWORDS.length)];
|
||
}
|
||
|
||
// 从最近聊天记录中提取关键词
|
||
function extractKeywordFromChat() {
|
||
try {
|
||
// 获取当前联系人
|
||
let settings = window.wechatGetSettings?.() || {};
|
||
let contacts = settings.contacts || [];
|
||
let currentIndex = window.wechatCurrentChatIndex;
|
||
|
||
if (typeof currentIndex !== 'number' || currentIndex < 0 || !contacts[currentIndex]) {
|
||
return null;
|
||
}
|
||
|
||
let contact = contacts[currentIndex];
|
||
let chatHistory = contact.chatHistory || [];
|
||
|
||
if (chatHistory.length === 0) return null;
|
||
|
||
// 获取最近10条消息
|
||
let recentMessages = chatHistory.slice(-10);
|
||
|
||
// 情绪/场景关键词映射
|
||
let emotionKeywords = {
|
||
// 情绪类
|
||
'开心': ['开心', '快乐', '欢快', '甜蜜'],
|
||
'伤感': ['难过', '伤心', '哭', '眼泪', '失恋', '分手', '想你', '想念'],
|
||
'治愈': ['累', '疲惫', '辛苦', '压力', '烦', '焦虑', '放松'],
|
||
'浪漫': ['喜欢', '爱你', '爱', '在一起', '亲爱', '宝贝', '甜'],
|
||
'励志': ['加油', '努力', '奋斗', '坚持', '相信'],
|
||
'怀旧': ['以前', '小时候', '曾经', '回忆', '那时候'],
|
||
// 场景类
|
||
'夜晚': ['晚安', '睡觉', '睡了', '夜', '深夜', '失眠'],
|
||
'清晨': ['早安', '早上', '起床', '早'],
|
||
'下雨': ['雨', '下雨', '阴天'],
|
||
'工作': ['上班', '工作', '加班', '开会', '老板'],
|
||
'吃饭': ['吃', '饿', '美食', '好吃', '火锅', '奶茶'],
|
||
// 风格类
|
||
'古风': ['古风', '汉服', '仙', '诗'],
|
||
'说唱': ['rap', 'Rap', 'RAP', '说唱', 'diss'],
|
||
'摇滚': ['摇滚', 'rock', '嗨', '燃']
|
||
};
|
||
|
||
// 从消息中提取匹配的关键词
|
||
let matchedCategories = [];
|
||
recentMessages.forEach(function(msg) {
|
||
if (!msg.content || msg.isRecalled) return;
|
||
let content = msg.content.toLowerCase();
|
||
|
||
Object.keys(emotionKeywords).forEach(function(category) {
|
||
let keywords = emotionKeywords[category];
|
||
for (let i = 0; i < keywords.length; i++) {
|
||
if (content.includes(keywords[i].toLowerCase())) {
|
||
matchedCategories.push(category);
|
||
break;
|
||
}
|
||
}
|
||
});
|
||
});
|
||
|
||
// 如果找到匹配的情绪/场景，随机返回一个
|
||
if (matchedCategories.length > 0) {
|
||
return matchedCategories[Math.floor(Math.random() * matchedCategories.length)];
|
||
}
|
||
|
||
// 没有匹配到特定情绪，尝试提取消息中的名词作为搜索词
|
||
// 提取最后一条非特殊消息的内容
|
||
for (let i = recentMessages.length - 1; i >= 0; i--) {
|
||
let msg = recentMessages[i];
|
||
if (!msg.content || msg.isRecalled) continue;
|
||
if (msg.content.startsWith('[') && msg.content.includes(':')) continue; // 跳过特殊消息
|
||
|
||
// 简单提取2-4字的词组
|
||
let content = msg.content.replace(/[，。！？、：；""''【】\[\]]/g, ' ');
|
||
let words = content.split(/\s+/).filter(function(w) {
|
||
return w.length >= 2 && w.length <= 4 && !/^\d+$/.test(w);
|
||
});
|
||
|
||
if (words.length > 0) {
|
||
return words[Math.floor(Math.random() * words.length)];
|
||
}
|
||
}
|
||
|
||
return null;
|
||
} catch (e) {
|
||
console.error('[可乐] 提取聊天关键词失败:', e);
|
||
return null;
|
||
}
|
||
}
|
||
|
||
// ========== 播放列表面板 ==========
|
||
function createPlaylistPanel() {
|
||
if (document.getElementById('wechat-music-playlist-panel')) return;
|
||
|
||
let phoneContainer = document.getElementById('wechat-phone');
|
||
if (!phoneContainer) return;
|
||
|
||
let html = '<div id="wechat-music-playlist-panel" class="wechat-music-playlist-panel hidden">' +
|
||
'<div class="wechat-playlist-header">' +
|
||
'<span class="wechat-playlist-title">播放列表</span>' +
|
||
'<button class="wechat-playlist-clear">清空</button>' +
|
||
'<button class="wechat-playlist-close">' + CLOSE_ICON + '</button>' +
|
||
'</div>' +
|
||
'<div class="wechat-playlist-content"></div>' +
|
||
'</div>';
|
||
|
||
phoneContainer.insertAdjacentHTML('beforeend', html);
|
||
initPlaylistPanelEvents();
|
||
}
|
||
|
||
function initPlaylistPanelEvents() {
|
||
let panel = document.getElementById('wechat-music-playlist-panel');
|
||
if (!panel) return;
|
||
|
||
let closeBtn = panel.querySelector('.wechat-playlist-close');
|
||
let clearBtn = panel.querySelector('.wechat-playlist-clear');
|
||
let content = panel.querySelector('.wechat-playlist-content');
|
||
|
||
closeBtn.addEventListener('click', function(e) {
|
||
e.stopPropagation();
|
||
hidePlaylistPanel();
|
||
});
|
||
|
||
clearBtn.addEventListener('click', function(e) {
|
||
e.stopPropagation();
|
||
playlist = [];
|
||
currentPlayIndex = -1;
|
||
renderPlaylist();
|
||
showToast('播放列表已清空');
|
||
});
|
||
|
||
content.addEventListener('click', function(e) {
|
||
let item = e.target.closest('.wechat-playlist-item');
|
||
if (!item) return;
|
||
|
||
let index = parseInt(item.dataset.index);
|
||
if (isNaN(index)) return;
|
||
|
||
if (e.target.closest('.wechat-playlist-item-del')) {
|
||
// 删除单曲
|
||
playlist.splice(index, 1);
|
||
if (currentPlayIndex === index) {
|
||
currentPlayIndex = -1;
|
||
} else if (currentPlayIndex > index) {
|
||
currentPlayIndex--;
|
||
}
|
||
renderPlaylist();
|
||
} else {
|
||
// 播放选中歌曲
|
||
currentPlayIndex = index;
|
||
let song = playlist[index];
|
||
playMusic(song.id, song.platform, song.name, song.artist);
|
||
renderPlaylist();
|
||
}
|
||
});
|
||
}
|
||
|
||
function showPlaylistPanel() {
|
||
createPlaylistPanel();
|
||
let panel = document.getElementById('wechat-music-playlist-panel');
|
||
if (panel) {
|
||
panel.classList.remove('hidden');
|
||
renderPlaylist();
|
||
}
|
||
}
|
||
|
||
function hidePlaylistPanel() {
|
||
let panel = document.getElementById('wechat-music-playlist-panel');
|
||
if (panel) {
|
||
panel.classList.add('hidden');
|
||
}
|
||
}
|
||
|
||
function togglePlaylistPanel() {
|
||
let panel = document.getElementById('wechat-music-playlist-panel');
|
||
if (panel && !panel.classList.contains('hidden')) {
|
||
hidePlaylistPanel();
|
||
} else {
|
||
showPlaylistPanel();
|
||
}
|
||
}
|
||
|
||
function renderPlaylist() {
|
||
let content = document.querySelector('.wechat-playlist-content');
|
||
if (!content) return;
|
||
|
||
if (playlist.length === 0) {
|
||
content.innerHTML = '<div class="wechat-playlist-empty">播放列表为空</div>';
|
||
return;
|
||
}
|
||
|
||
let html = '';
|
||
for (let i = 0; i < playlist.length; i++) {
|
||
let song = playlist[i];
|
||
let isActive = i === currentPlayIndex;
|
||
html += '<div class="wechat-playlist-item' + (isActive ? ' active' : '') + '" data-index="' + i + '">' +
|
||
'<div class="wechat-playlist-item-info">' +
|
||
'<span class="wechat-playlist-item-name">' + escapeHtml(song.name) + '</span>' +
|
||
'<span class="wechat-playlist-item-artist">' + escapeHtml(song.artist) + '</span>' +
|
||
'</div>' +
|
||
'<button class="wechat-playlist-item-del">' + CLOSE_ICON + '</button>' +
|
||
'</div>';
|
||
}
|
||
content.innerHTML = html;
|
||
}
|
||
|
||
// 添加到播放列表
|
||
function addToPlaylist(song) {
|
||
// 检查是否已存在
|
||
let existIndex = -1;
|
||
for (let i = 0; i < playlist.length; i++) {
|
||
if (playlist[i].id === song.id && playlist[i].platform === song.platform) {
|
||
existIndex = i;
|
||
break;
|
||
}
|
||
}
|
||
|
||
if (existIndex >= 0) {
|
||
// 已存在，移到最后（最新播放）
|
||
playlist.splice(existIndex, 1);
|
||
playlist.push(song);
|
||
} else {
|
||
// 不存在，添加到最后
|
||
playlist.push(song);
|
||
}
|
||
|
||
// 限制最多10首，删除最早的
|
||
while (playlist.length > 10) {
|
||
playlist.shift();
|
||
}
|
||
}
|
||
|
||
function showMiniPlayer() {
|
||
createMiniPlayer();
|
||
const mini = document.getElementById('wechat-music-mini');
|
||
if (mini) {
|
||
mini.classList.remove('hidden');
|
||
updateMiniPlayerState();
|
||
}
|
||
}
|
||
|
||
function hideMiniPlayer() {
|
||
let mini = document.getElementById('wechat-music-mini');
|
||
if (mini) {
|
||
mini.classList.add('hidden');
|
||
miniPlayerExpanded = false;
|
||
let panel = mini.querySelector('.wechat-music-mini-panel');
|
||
if (panel) panel.classList.add('hidden');
|
||
}
|
||
hideSingleLineLyrics();
|
||
hideFloatingLyrics();
|
||
hidePlaylistPanel();
|
||
}
|
||
|
||
function updateMiniPlayerState() {
|
||
const mini = document.getElementById('wechat-music-mini');
|
||
if (!mini) return;
|
||
|
||
const cover = mini.querySelector('.wechat-music-mini-cover');
|
||
const name = mini.querySelector('.wechat-music-mini-name');
|
||
const artist = mini.querySelector('.wechat-music-mini-artist');
|
||
const playBtn = mini.querySelector('.wechat-music-mini-play');
|
||
|
||
if (currentSong) {
|
||
if (cover) cover.src = currentSong.cover || '';
|
||
if (name) name.textContent = currentSong.name || '未知歌曲';
|
||
if (artist) artist.textContent = currentSong.artist || '';
|
||
}
|
||
|
||
if (playBtn) {
|
||
playBtn.innerHTML = isPlaying ? PAUSE_ICON_SMALL : PLAY_ICON_SMALL;
|
||
}
|
||
}
|
||
|
||
// ========== 主面板 ==========
|
||
export function showMusicPanel() {
|
||
const panel = document.getElementById('wechat-music-panel');
|
||
if (!panel) return;
|
||
panel.classList.remove('hidden');
|
||
hideMiniPlayer();
|
||
setTimeout(function() {
|
||
const input = document.getElementById('wechat-music-search-input');
|
||
if (input) input.focus();
|
||
}, 100);
|
||
}
|
||
|
||
export function hideMusicPanel() {
|
||
const panel = document.getElementById('wechat-music-panel');
|
||
if (panel) panel.classList.add('hidden');
|
||
|
||
if (currentSong && isPlaying) {
|
||
showMiniPlayer();
|
||
}
|
||
}
|
||
|
||
export function renderSearchResults(songs) {
|
||
const container = document.getElementById('wechat-music-results');
|
||
if (!container) return;
|
||
|
||
if (!songs || !songs.length) {
|
||
container.innerHTML = '<div class="wechat-music-empty">未找到结果</div>';
|
||
return;
|
||
}
|
||
|
||
let html = '';
|
||
for (let i = 0; i < songs.length; i++) {
|
||
const song = songs[i];
|
||
html += '<div class="wechat-music-item" data-id="' + escapeHtml(song.id) + '" data-platform="' + escapeHtml(song.platform) + '" data-name="' + escapeHtml(song.name) + '" data-artist="' + escapeHtml(song.artist) + '">' +
|
||
'<div class="wechat-music-item-cover">' +
|
||
'<img src="' + escapeHtml(song.cover) + '" alt="" onerror="this.style.display=\'none\'">' +
|
||
'</div>' +
|
||
'<div class="wechat-music-item-info">' +
|
||
'<div class="wechat-music-item-name">' + escapeHtml(song.name) + '</div>' +
|
||
'<div class="wechat-music-item-artist">' + escapeHtml(song.artist) + ' · ' + escapeHtml(song.platform) + '</div>' +
|
||
'</div>' +
|
||
'</div>';
|
||
}
|
||
container.innerHTML = html;
|
||
}
|
||
|
||
export function showLoading() {
|
||
const container = document.getElementById('wechat-music-results');
|
||
if (container) container.innerHTML = '<div class="wechat-music-loading">搜索中...</div>';
|
||
}
|
||
|
||
export async function playMusic(id, platform, name, artist) {
|
||
const song = {
|
||
id: id,
|
||
platform: platform,
|
||
name: name,
|
||
artist: artist,
|
||
cover: BASE_URL + '/api/?source=' + platform + '&id=' + id + '&type=pic',
|
||
url: BASE_URL + '/api/?source=' + platform + '&id=' + id + '&type=url&br=320k',
|
||
lrcUrl: BASE_URL + '/api/?source=' + platform + '&id=' + id + '&type=lrc',
|
||
};
|
||
|
||
// 添加到播放列表
|
||
addToPlaylist(song);
|
||
// 更新当前播放索引
|
||
for (let i = 0; i < playlist.length; i++) {
|
||
if (playlist[i].id === song.id && playlist[i].platform === song.platform) {
|
||
currentPlayIndex = i;
|
||
break;
|
||
}
|
||
}
|
||
|
||
const player = document.getElementById('wechat-music-player');
|
||
let audio = document.getElementById('wechat-music-audio');
|
||
let playBtn = document.getElementById('wechat-music-player-play');
|
||
|
||
// 如果 audio 元素不存在，动态创建一个
|
||
if (!audio) {
|
||
let phoneContainer = document.getElementById('wechat-phone');
|
||
if (phoneContainer) {
|
||
audio = document.createElement('audio');
|
||
audio.id = 'wechat-music-audio';
|
||
phoneContainer.appendChild(audio);
|
||
|
||
// 添加事件监听器
|
||
audio.addEventListener('ended', function() {
|
||
isPlaying = false;
|
||
let btn = document.getElementById('wechat-music-player-play');
|
||
if (btn) btn.innerHTML = PLAY_ICON;
|
||
updateMiniPlayerState();
|
||
// 根据播放模式自动播放下一首（单曲循环或有播放列表时）
|
||
if (playMode === 'single' || playlist.length > 0) {
|
||
playNext();
|
||
}
|
||
});
|
||
|
||
audio.addEventListener('timeupdate', function() {
|
||
updateLyricsHighlight(audio.currentTime);
|
||
updateSingleLineLyricsHighlight(audio.currentTime);
|
||
// 派发进度更新事件给迷你播放器
|
||
let progress = audio.duration ? (audio.currentTime / audio.duration) * 100 : 0;
|
||
document.dispatchEvent(new CustomEvent('wechat-music-timeupdate', {
|
||
detail: {
|
||
currentTime: audio.currentTime,
|
||
duration: audio.duration || 0,
|
||
progress: progress
|
||
}
|
||
}));
|
||
});
|
||
}
|
||
}
|
||
|
||
if (!audio) {
|
||
showToast('音乐播放器初始化失败');
|
||
return;
|
||
}
|
||
|
||
if (player) player.classList.remove('hidden');
|
||
|
||
const nameEl = document.getElementById('wechat-music-player-name');
|
||
const artistEl = document.getElementById('wechat-music-player-artist');
|
||
if (nameEl) nameEl.textContent = song.name || '歌曲';
|
||
if (artistEl) artistEl.textContent = song.artist || '';
|
||
|
||
const coverEl = document.getElementById('wechat-music-player-cover');
|
||
if (coverEl) {
|
||
coverEl.src = song.cover;
|
||
coverEl.style.display = '';
|
||
}
|
||
|
||
audio.pause();
|
||
audio.src = song.url;
|
||
audio.currentTime = 0;
|
||
|
||
if (playBtn) playBtn.innerHTML = PAUSE_ICON;
|
||
isPlaying = true;
|
||
currentSong = { id: song.id, platform: song.platform, name: song.name, artist: song.artist, cover: song.cover, url: song.url, lrcUrl: song.lrcUrl, lyrics: null };
|
||
|
||
// 加载歌词
|
||
fetchLyrics(song).then(function(lyrics) {
|
||
if (!currentSong || currentSong.id !== song.id) return;
|
||
currentSong.lyrics = lyrics;
|
||
parsedLyrics = lyrics ? parseLRC(lyrics) : [];
|
||
updateMiniPlayerState();
|
||
if (floatingLyricsVisible) {
|
||
updateFloatingLyricsContent();
|
||
}
|
||
if (singleLineLyricsVisible) {
|
||
updateSingleLineLyricsText();
|
||
}
|
||
});
|
||
|
||
try {
|
||
await audio.play();
|
||
// 显示迷你播放器
|
||
showMiniPlayer();
|
||
updateMiniPlayerState();
|
||
} catch (e) {
|
||
isPlaying = false;
|
||
if (playBtn) playBtn.innerHTML = PLAY_ICON;
|
||
showToast('播放失败，请重试');
|
||
}
|
||
}
|
||
|
||
export function togglePlay() {
|
||
const audio = document.getElementById('wechat-music-audio');
|
||
const playBtn = document.getElementById('wechat-music-player-play');
|
||
if (!audio) return;
|
||
|
||
if (isPlaying) {
|
||
audio.pause();
|
||
isPlaying = false;
|
||
if (playBtn) playBtn.innerHTML = PLAY_ICON;
|
||
updateMiniPlayerState();
|
||
} else {
|
||
audio.play().then(function() {
|
||
isPlaying = true;
|
||
if (playBtn) playBtn.innerHTML = PAUSE_ICON;
|
||
updateMiniPlayerState();
|
||
}).catch(function() {
|
||
isPlaying = false;
|
||
if (playBtn) playBtn.innerHTML = PLAY_ICON;
|
||
updateMiniPlayerState();
|
||
showToast('播放失败');
|
||
});
|
||
}
|
||
}
|
||
|
||
export function stopMusic() {
|
||
const audio = document.getElementById('wechat-music-audio');
|
||
if (audio) {
|
||
audio.pause();
|
||
audio.src = '';
|
||
}
|
||
isPlaying = false;
|
||
currentSong = null;
|
||
parsedLyrics = [];
|
||
|
||
const playBtn = document.getElementById('wechat-music-player-play');
|
||
if (playBtn) playBtn.innerHTML = PLAY_ICON;
|
||
|
||
const player = document.getElementById('wechat-music-player');
|
||
if (player) player.classList.add('hidden');
|
||
|
||
hideMiniPlayer();
|
||
}
|
||
|
||
export function getCurrentSong() {
|
||
return currentSong;
|
||
}
|
||
|
||
export function initMusicEvents() {
|
||
if (musicEventsInited) return;
|
||
musicEventsInited = true;
|
||
|
||
document.getElementById('wechat-music-back')?.addEventListener('click', hideMusicPanel);
|
||
|
||
const searchInput = document.getElementById('wechat-music-search-input');
|
||
let searchTimeout = null;
|
||
|
||
let doSearch = async function(keyword) {
|
||
if (!keyword) return;
|
||
showLoading();
|
||
try {
|
||
const results = await searchMusic(keyword);
|
||
renderSearchResults(results);
|
||
} catch (err) {
|
||
showToast(err.message || '搜索失败');
|
||
}
|
||
};
|
||
|
||
searchInput?.addEventListener('input', function(e) {
|
||
clearTimeout(searchTimeout);
|
||
searchTimeout = setTimeout(function() { doSearch(e.target.value.trim()); }, 500);
|
||
});
|
||
|
||
searchInput?.addEventListener('keydown', function(e) {
|
||
if (e.key === 'Enter') {
|
||
clearTimeout(searchTimeout);
|
||
doSearch(e.target.value.trim());
|
||
}
|
||
});
|
||
|
||
document.getElementById('wechat-music-results')?.addEventListener('click', function(e) {
|
||
const item = e.target.closest('.wechat-music-item');
|
||
if (!item) return;
|
||
playMusic(item.dataset.id, item.dataset.platform, item.dataset.name, item.dataset.artist);
|
||
});
|
||
|
||
document.getElementById('wechat-music-player-play')?.addEventListener('click', togglePlay);
|
||
|
||
document.getElementById('wechat-music-player-share')?.addEventListener('click', async function() {
|
||
const song = getCurrentSong();
|
||
if (!song) return;
|
||
|
||
document.dispatchEvent(new CustomEvent('music-share', { detail: song }));
|
||
hideMusicPanel();
|
||
showToast('音乐已分享到聊天');
|
||
});
|
||
|
||
const audio = document.getElementById('wechat-music-audio');
|
||
|
||
audio?.addEventListener('ended', function() {
|
||
isPlaying = false;
|
||
const playBtn = document.getElementById('wechat-music-player-play');
|
||
if (playBtn) playBtn.innerHTML = PLAY_ICON;
|
||
updateMiniPlayerState();
|
||
// 根据播放模式自动播放下一首（单曲循环或有播放列表时）
|
||
if (playMode === 'single' || playlist.length > 0) {
|
||
playNext();
|
||
}
|
||
});
|
||
|
||
// 歌词进度更新
|
||
audio?.addEventListener('timeupdate', function() {
|
||
updateLyricsHighlight(audio.currentTime);
|
||
updateSingleLineLyricsHighlight(audio.currentTime);
|
||
// 派发进度更新事件给迷你播放器
|
||
let progress = audio.duration ? (audio.currentTime / audio.duration) * 100 : 0;
|
||
document.dispatchEvent(new CustomEvent('wechat-music-timeupdate', {
|
||
detail: {
|
||
currentTime: audio.currentTime,
|
||
duration: audio.duration || 0,
|
||
progress: progress
|
||
}
|
||
}));
|
||
});
|
||
|
||
// 预创建
|
||
createMiniPlayer();
|
||
createSingleLineLyrics();
|
||
createFloatingLyrics();
|
||
createPlaylistPanel();
|
||
}
|
||
|
||
// AI分享音乐的函数
|
||
export async function aiShareMusic(keyword) {
|
||
if (!keyword || !keyword.trim()) return null;
|
||
|
||
try {
|
||
let results = await searchMusic(keyword);
|
||
if (results && results.length > 0) {
|
||
// 返回第一个搜索结果
|
||
return results[0];
|
||
}
|
||
} catch (e) {
|
||
console.error('[可乐] AI搜索音乐失败:', e);
|
||
}
|
||
return null;
|
||
}
|