feat: add audio quality selector (standard to jymaster/Hi-Res)

- MusicProvider interface: setQuality/getQuality methods
- NeteaseProvider: passes quality level to /song/url/v1
- Default: exhigh (320kbps MP3)
- Settings page: 6-option grid selector
- GET/POST /api/music/quality endpoints

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
saopig1andClaude Opus 4.6 committed 2026-03-30 03:37:26 +08:00
1 parent 0439bd047f
commit b74c8e8add
5 files changed
+142 -4

No files matched your search

+82
View File
@@ -195,6 +195,29 @@
</div>
</section>
<!-- Audio Quality -->
<section class="settings-section">
<h2 class="section-title">音质设置</h2>
<div class="setting-row">
<div class="setting-label">
<Icon icon="mdi:music-note-eighth" class="setting-icon" />
音源质量
</div>
<div class="quality-options">
<button
v-for="q in qualityLevels"
:key="q.value"
class="quality-btn"
:class="{ active: currentQuality === q.value }"
@click="setQuality(q.value)"
>
<div class="quality-name">{{ q.label }}</div>
<div class="quality-desc">{{ q.desc }}</div>
</button>
</div>
</div>
</section>
<!-- Command Prefix -->
<section class="settings-section">
<h2 class="section-title">命令设置</h2>
@@ -227,6 +250,31 @@ const neteaseCookie = ref('');
const qqCookie = ref('');
const commandPrefix = ref('!');
// Audio quality
const currentQuality = ref('exhigh');
const qualityLevels = [
{ value: 'standard', label: '标准', desc: '128kbps MP3' },
{ value: 'higher', label: '较高', desc: '192kbps MP3' },
{ value: 'exhigh', label: '极高', desc: '320kbps MP3' },
{ value: 'lossless', label: '无损', desc: 'FLAC' },
{ value: 'hires', label: 'Hi-Res', desc: '高解析度' },
{ value: 'jymaster', label: '超清母带', desc: '最高质量' },
];
async function loadQuality() {
try {
const res = await axios.get('/api/music/quality');
currentQuality.value = res.data.netease || 'exhigh';
} catch { /* ignore */ }
}
async function setQuality(q: string) {
currentQuality.value = q;
try {
await axios.post('/api/music/quality', { quality: q });
} catch { /* ignore */ }
}
// Login mode: 'qr' | 'cookie' | null
const neteaseLoginMode = ref<'qr' | 'cookie' | null>(null);
const qqLoginMode = ref<'qr' | 'cookie' | null>(null);
@@ -380,6 +428,7 @@ async function savePrefix() {
onMounted(() => {
checkAuthStatus();
loadQuality();
});
onUnmounted(() => {
@@ -653,6 +702,39 @@ onUnmounted(() => {
&:focus { border-color: var(--color-primary); }
}
.quality-options {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
}
.quality-btn {
padding: 12px;
background: var(--hover-bg);
border: 2px solid transparent;
border-radius: var(--radius-md);
text-align: center;
transition: all var(--transition-fast);
cursor: pointer;
&:hover { border-color: var(--border-color); }
&.active {
border-color: var(--color-primary);
background: rgba(51, 94, 234, 0.1);
}
}
.quality-name {
font-size: 14px;
font-weight: 600;
margin-bottom: 2px;
}
.quality-desc {
font-size: 11px;
color: var(--text-tertiary);
}
.prefix-input-wrap {
display: flex;
gap: 8px;