AI Music Pro

🔒 AI Music Pro

请输入授权密码

密码错误，请重试

AI: 准备就绪

全部歌曲

未在播放

点击选择歌曲

↓ 正在播放

未在播放

暂无歌词

全部歌曲

加载中...

`; fetchSongs(); } else if (tab === 'playlists') { loadPlaylists(); } } // ========== 同步 ========== async function syncAlist() { updateAIStatus('正在同步 Alist...', false); try { const res = await fetch(`${API_BASE}/sync`); const data = await res.json(); showToast(data.message || '同步完成'); fetchSongs(); updateAIStatus('同步完成', false); } catch (e) { console.error('同步失败', e); updateAIStatus('同步失败', false); showToast('同步失败'); } } // ========== 歌单管理 ========== async function loadPlaylists() { try { const userId = localStorage.getItem('userId') || 'default'; const res = await fetch(`${API_BASE}/user-list?userId=${userId}`); const data = await res.json(); userPlaylists = data.data || []; document.getElementById('playlistCount').innerText = userPlaylists.length; document.getElementById('contentArea').innerHTML = `

我的歌单

${userPlaylists.length} 个歌单

${userPlaylists.map((pl) => `

🎵

${escapeHtml(pl.name)}

点击查看详情

`).join('')}

`; } catch (e) { console.error('加载歌单失败', e); showToast('加载歌单失败'); } } function generateGradient(seed) { const colors = [ ['#450af5', '#c4efd9'], ['#e22134', '#ff6b6b'], ['#1db954', '#169c46'], ['#f59e0b', '#fbbf24'], ['#3b82f6', '#60a5fa'], ['#8b5cf6', '#a78bfa'], ['#ec4899', '#f472b6'], ['#06b6d4', '#22d3ee'], ]; let hash = 0; for (let i = 0; i < seed.length; i++) hash = seed.charCodeAt(i) + ((hash << 5) - hash); const idx = Math.abs(hash) % colors.length; return `linear-gradient(135deg, ${colors[idx][0]}, ${colors[idx][1]})`; } async function openPlaylist(playlistId) { try { const userId = localStorage.getItem('userId') || 'default'; const res = await fetch(`${API_BASE}/user-list?userId=${userId}&playlistId=${playlistId}`); const data = await res.json(); const songs = data.data || []; const playlist = userPlaylists.find(p => p.id === playlistId); const playlistName = playlist ? playlist.name : '歌单'; currentPlaylist = songs; currentIndex = -1; document.getElementById('contentArea').innerHTML = `

${escapeHtml(playlistName)}

${songs.length} 首歌曲

${songs.length > 0 ? `

# 标题歌手

${songs.map((song, index) => `

${index + 1} ▶

${escapeHtml(song.name)}

${escapeHtml(getArtistFromPath(song.path))}

`).join('')} ` : `

📂

暂无歌曲

去首页添加歌曲到歌单吧

`; } catch (e) { console.error('加载歌单失败', e); showToast('加载歌单失败'); } } async function removeFromPlaylist(playlistId, songPath) { if (!confirm('确定从歌单中移除这首歌曲？')) return; const userId = localStorage.getItem('userId') || 'default'; try { await fetch(`${API_BASE}/user-list?userId=${userId}`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ playlistId, action: 'remove', paths: [songPath] }) }); showToast('已移除'); openPlaylist(playlistId); } catch (e) { showToast('移除失败'); } } function showCreatePlaylistModal() { document.getElementById('modalContent').innerHTML = ` `; document.getElementById('modalOverlay').classList.add('active'); setTimeout(() => document.getElementById('newPlaylistName')?.focus(), 100); } async function createPlaylist() { const name = document.getElementById('newPlaylistName').value.trim(); if (!name) return showToast('请输入歌单名称'); const userId = localStorage.getItem('userId') || 'default'; try { await fetch(`${API_BASE}/user-list?userId=${userId}`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ name, paths: [] }) }); closeModal(); showToast('歌单创建成功'); loadPlaylists(); } catch (e) { showToast('创建失败'); } } async function addToPlaylist(songPath) { if (userPlaylists.length === 0) { showToast('请先创建歌单'); switchTab('playlists', document.querySelectorAll('.nav-item')[1]); return; } document.getElementById('modalContent').innerHTML = ` ${userPlaylists.map(pl => `

${escapeHtml(pl.name)}

`).join('')} `; document.getElementById('modalOverlay').classList.add('active'); } async function addSongToPlaylist(playlistId, songPath) { const userId = localStorage.getItem('userId') || 'default'; try { await fetch(`${API_BASE}/user-list?userId=${userId}`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ playlistId, action: 'add', paths: [songPath] }) }); closeModal(); showToast('已添加到歌单'); } catch (e) { showToast('添加失败'); } } function showPlaylistOptions(playlistId) { const playlist = userPlaylists.find(p => p.id === playlistId); if (!playlist) return; document.getElementById('modalContent').innerHTML = `

✏️ 重命名歌单

🗑️ 删除歌单

`; document.getElementById('modalOverlay').classList.add('active'); } async function renamePlaylist(playlistId) { closeModal(); const newName = prompt('请输入新歌单名称：'); if (!newName) return; const userId = localStorage.getItem('userId') || 'default'; try { await fetch(`${API_BASE}/user-list?userId=${userId}`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ playlistId, action: 'rename', newName }) }); showToast('重命名成功'); loadPlaylists(); } catch (e) { showToast('重命名失败'); } } async function deletePlaylist(playlistId) { if (!confirm('确定删除这个歌单？')) { closeModal(); return; } const userId = localStorage.getItem('userId') || 'default'; try { await fetch(`${API_BASE}/user-list?userId=${userId}`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ playlistId, action: 'delete' }) }); closeModal(); showToast('已删除'); loadPlaylists(); } catch (e) { showToast('删除失败'); } } function closeModal(e) { if (!e || e.target.id === 'modalOverlay') { document.getElementById('modalOverlay').classList.remove('active'); } } // ========== AI 语音 ========== function updateAIStatus(text, isListening) { document.getElementById('aiStatusText').innerText = text; const btn = document.getElementById('voiceBtn'); if (isListening) btn.classList.add('active'); else btn.classList.remove('active'); } function toggleVoice() { voiceEnabled = !voiceEnabled; if (voiceEnabled) { if (!audio.paused) { wasPlayingBeforeVoice = true; audio.pause(); } else { wasPlayingBeforeVoice = false; } updateAIStatus('🎙️ 正在聆听...', true); initVoiceRecognition(); } else { updateAIStatus('AI: 准备就绪', false); if (recognition) { try { recognition.stop(); } catch(e) {} } if (wasPlayingBeforeVoice) { setTimeout(() => { if (currentIndex >= 0) audio.play().catch(()=>{}); }, 500); } } } function initVoiceRecognition() { if (window.Capacitor && window.Capacitor.Plugins && window.Capacitor.Plugins.SpeechRecognition) { const SpeechRecognition = window.Capacitor.Plugins.SpeechRecognition; SpeechRecognition.start({ language: 'zh-CN', maxResults: 1, popup: false, matchPartial: false }).catch(console.error); SpeechRecognition.addListener('listeningResult', async (result) => { const text = result.matches[0]; if (!text) return; updateAIStatus(`识别: "${text}"`, false); await handleVoiceCommand(text); }); SpeechRecognition.addListener('listeningEnd', () => { if (voiceEnabled) { setTimeout(() => { updateAIStatus('🎙️ 正在聆听...', true); SpeechRecognition.start({ language: 'zh-CN', maxResults: 1, popup: false, matchPartial: false }).catch(console.error); }, 500); } }); } else { const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition; if (SpeechRecognition) { recognition = new SpeechRecognition(); recognition.lang = 'zh-CN'; recognition.continuous = false; recognition.interimResults = false; recognition.onresult = async (event) => { const text = event.results[0][0].transcript; updateAIStatus(`识别: "${text}"`, false); await handleVoiceCommand(text); if (voiceEnabled) { setTimeout(() => { updateAIStatus('🎙️ 正在聆听...', true); recognition.start(); }, 1000); } }; recognition.onerror = (e) => { console.warn('语音错误', e); if (voiceEnabled) setTimeout(() => { try { recognition.start(); } catch(e) {} }, 1000); }; try { recognition.start(); } catch(e) {} } else { showToast('当前浏览器不支持语音识别'); voiceEnabled = false; updateAIStatus('AI: 准备就绪', false); } } } async function handleVoiceCommand(text) { updateAIStatus(`处理: "${text}"`, false); try { const res = await fetch(`${API_BASE}/ai-command`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ text }) }); const cmd = await res.json(); if (cmd.reply) updateAIStatus(`AI: ${cmd.reply}`, false); switch (cmd.action) { case 'play': if (cmd.query) { updateAIStatus(`🔍 搜索: ${cmd.query}`, false); const sres = await fetch(`${API_BASE}/search?q=${encodeURIComponent(cmd.query)}`); const data = await sres.json(); if (data.data && data.data.length > 0) { currentPlaylist = data.data; renderList(); playSong(0); } else { showToast('未找到歌曲'); } } else if (currentIndex >= 0) { audio.play().catch(()=>{}); } break; case 'next': playNext(); break; case 'prev': playPrev(); break; case 'pause': audio.pause(); break; case 'resume': if (currentIndex >= 0) audio.play().catch(()=>{}); break; } } catch (e) { console.error('AI 命令处理失败', e); updateAIStatus('AI 处理失败', false); } setTimeout(() => { if (voiceEnabled) updateAIStatus('🎙️ 正在聆听...', true); }, 2000); } // 键盘快捷键 document.addEventListener('keydown', (e) => { if (e.target.tagName === 'INPUT') return; switch(e.code) { case 'Space': e.preventDefault(); togglePlay(); break; case 'ArrowRight': playNext(); break; case 'ArrowLeft': playPrev(); break; case 'ArrowUp': audio.volume = Math.min(1, audio.volume + 0.1); updateVolumeUI(); break; case 'ArrowDown': audio.volume = Math.max(0, audio.volume - 0.1); updateVolumeUI(); break; case 'KeyM': toggleMute(); break; case 'KeyF': openFullscreen(); break; case 'Escape': closeFullscreen(); break; } }); , { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ playlistId, action: 'add', paths: [songPath] }) }); closeModal(); showToast('已添加到歌单'); } catch (e) { showToast('添加失败'); } } function showPlaylistOptions(playlistId) { const playlist = userPlaylists.find(p => p.id === playlistId); if (!playlist) return; document.getElementById('modalContent').innerHTML = `

✏️ 重命名歌单

🗑️ 删除歌单

`; document.getElementById('modalOverlay').classList.add('active'); } async function renamePlaylist(playlistId) { closeModal(); const newName = prompt('请输入新歌单名称：'); if (!newName) return; const userId = localStorage.getItem('userId') || 'default'; try { await fetch(`${API_BASE}/user-list?userId=${userId}`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ playlistId, action: 'rename', newName }) }); showToast('重命名成功'); loadPlaylists(); } catch (e) { showToast('重命名失败'); } } async function deletePlaylist(playlistId) { if (!confirm('确定删除这个歌单？')) { closeModal(); return; } const userId = localStorage.getItem('userId') || 'default'; try { await fetch(`${API_BASE}/user-list?userId=${userId}`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ playlistId, action: 'delete' }) }); closeModal(); showToast('已删除'); loadPlaylists(); } catch (e) { showToast('删除失败'); } } function closeModal(e) { if (!e || e.target.id === 'modalOverlay') { document.getElementById('modalOverlay').classList.remove('active'); } } function updateAIStatus(text, isListening) { document.getElementById('aiStatusText').innerText = text; const btn = document.getElementById('voiceBtn'); if (isListening) btn.classList.add('active'); else btn.classList.remove('active'); } function toggleVoice() { voiceEnabled = !voiceEnabled; if (voiceEnabled) { if (!audio.paused) { wasPlayingBeforeVoice = true; audio.pause(); } else { wasPlayingBeforeVoice = false; } updateAIStatus('🎙️ 正在聆听...', true); initVoiceRecognition(); } else { updateAIStatus('AI: 准备就绪', false); if (recognition) { try { recognition.stop(); } catch(e) {} } if (wasPlayingBeforeVoice) { setTimeout(() => { if (currentIndex >= 0) audio.play().catch(()=>{}); }, 500); } } } function initVoiceRecognition() { if (window.Capacitor && window.Capacitor.Plugins && window.Capacitor.Plugins.SpeechRecognition) { const SpeechRecognition = window.Capacitor.Plugins.SpeechRecognition; SpeechRecognition.start({ language: 'zh-CN', maxResults: 1, popup: false, matchPartial: false }).catch(console.error); SpeechRecognition.addListener('listeningResult', async (result) => { const text = result.matches[0]; if (!text) return; updateAIStatus(`识别: "${text}"`, false); await handleVoiceCommand(text); }); SpeechRecognition.addListener('listeningEnd', () => { if (voiceEnabled) { setTimeout(() => { updateAIStatus('🎙️ 正在聆听...', true); SpeechRecognition.start({ language: 'zh-CN', maxResults: 1, popup: false, matchPartial: false }).catch(console.error); }, 500); } }); } else { const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition; if (SpeechRecognition) { recognition = new SpeechRecognition(); recognition.lang = 'zh-CN'; recognition.continuous = false; recognition.interimResults = false; recognition.onresult = async (event) => { const text = event.results[0][0].transcript; updateAIStatus(`识别: "${text}"`, false); await handleVoiceCommand(text); if (voiceEnabled) { setTimeout(() => { updateAIStatus('🎙️ 正在聆听...', true); recognition.start(); }, 1000); } }; recognition.onerror = (e) => { console.warn('语音错误', e); if (voiceEnabled) setTimeout(() => { try { recognition.start(); } catch(e) {} }, 1000); }; try { recognition.start(); } catch(e) {} } else { showToast('当前浏览器不支持语音识别'); voiceEnabled = false; updateAIStatus('AI: 准备就绪', false); } } } async function handleVoiceCommand(text) { updateAIStatus(`处理: "${text}"`, false); try { const res = await fetch(`${API_BASE}/ai-command`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ text }) }); const cmd = await res.json(); if (cmd.reply) updateAIStatus(`AI: ${cmd.reply}`, false); switch (cmd.action) { case 'play': if (cmd.query) { updateAIStatus(`🔍 搜索: ${cmd.query}`, false); const sres = await fetch(`${API_BASE}/search?q=${encodeURIComponent(cmd.query)}`); const data = await sres.json(); if (data.data && data.data.length > 0) { currentPlaylist = data.data; renderList(); playSong(0); } else { showToast('未找到歌曲'); } } else if (currentIndex >= 0) { audio.play().catch(()=>{}); } break; case 'next': playNext(); break; case 'prev': playPrev(); break; case 'pause': audio.pause(); break; case 'resume': if (currentIndex >= 0) audio.play().catch(()=>{}); break; } } catch (e) { console.error('AI 命令处理失败', e); updateAIStatus('AI 处理失败', false); } setTimeout(() => { if (voiceEnabled) updateAIStatus('🎙️ 正在聆听...', true); }, 2000); } document.addEventListener('keydown', (e) => { if (e.target.tagName === 'INPUT') return; switch(e.code) { case 'Space': e.preventDefault(); togglePlay(); break; case 'ArrowRight': playNext(); break; case 'ArrowLeft': playPrev(); break; case 'ArrowUp': audio.volume = Math.min(1, audio.volume + 0.1); updateVolumeUI(); break; case 'ArrowDown': audio.volume = Math.max(0, audio.volume - 0.1); updateVolumeUI(); break; case 'KeyM': toggleMute(); break; case 'KeyF': openFullscreen(); break; case 'Escape': closeFullscreen(); break; } });