麦动KTV: 移除Gitee数据库(改官方Muse同步), 歌曲源切w.w345.my, 远程日志+广告屏蔽
- DatabaseBootstrapper: 删除 Gitee 分片/manifest/blob 下载逻辑, 曲库只走官方 MuseDbSync - build.gradle: 移除 GITEE_DATABASE_* 构建参数 - MainActivity: 重置数据库文案改为官方同步 - ktv_api.js: 歌曲源仅 w.w345.my, 缓存标记 7, 广告/错号资源拦截+重试 - 远程日志: 点歌记录 编号/标题/请求源/状态
This commit is contained in:
zijunchiang
@@ -0,0 +1,213 @@
|
||||
const $ = (selector) => document.querySelector(selector);
|
||||
const $$ = (selector) => document.querySelectorAll(selector);
|
||||
const uiState = {
|
||||
page: 1, query: "", searchMode: "singer", busy: false,
|
||||
hotPage: 1, hotPageSize: 10, hotBusy: false,
|
||||
visible: true, connected: false
|
||||
};
|
||||
|
||||
function escapeHtml(value) {
|
||||
return String(value ?? "").replace(/[&<>"']/g, (char) => ({
|
||||
"&": "&", "<": "<", ">": ">", "\"": """, "'": "'"
|
||||
}[char]));
|
||||
}
|
||||
|
||||
function setConnected(connected) {
|
||||
uiState.connected = connected;
|
||||
$("#offline").classList.toggle("hidden", connected);
|
||||
$("#connection").innerHTML = connected
|
||||
? "<span></span>已连接麦动 KTV"
|
||||
: "<span></span>正在连接麦动 KTV…";
|
||||
}
|
||||
|
||||
async function api(path, options = {}) {
|
||||
const response = await fetch(path, {
|
||||
cache: "no-store",
|
||||
headers: { "Content-Type": "application/json" },
|
||||
...options
|
||||
});
|
||||
const data = await response.json();
|
||||
if (!response.ok || data.ok === false) throw new Error(data.error || "操作失败");
|
||||
setConnected(true);
|
||||
return data;
|
||||
}
|
||||
|
||||
function toast(text) {
|
||||
const element = $("#toast");
|
||||
element.textContent = text;
|
||||
element.classList.add("show");
|
||||
window.setTimeout(() => element.classList.remove("show"), 1600);
|
||||
}
|
||||
|
||||
function songRow(song, queue = false, current = false, index = 0, ranking = false) {
|
||||
const number = current ? "♪" : String(index + 1).padStart(2, "0");
|
||||
const actions = queue && !current
|
||||
? '<button class="top">置顶</button><button class="delete" aria-label="删除">×</button>'
|
||||
: !queue ? '<button class="order">点歌</button>' : "";
|
||||
return `<div class="song${ranking && index < 3 ? " podium" : ""}" data-id="${escapeHtml(song.id)}">
|
||||
<div class="song-index">${number}</div>
|
||||
<div class="info">${current ? '<span class="playing">正在播放</span>' : ""}<b>${escapeHtml(song.title)}</b><p>${escapeHtml(song.singer)}${song.language ? " · " + escapeHtml(song.language) : ""}</p></div>
|
||||
${actions}
|
||||
</div>`;
|
||||
}
|
||||
|
||||
function openPage(name) {
|
||||
$$("nav button,.page").forEach((element) => element.classList.remove("active"));
|
||||
$(`nav button[data-page="${name}"]`)?.classList.add("active");
|
||||
$("#" + name)?.classList.add("active");
|
||||
if (name === "queue") loadQueue();
|
||||
if (name === "search" && !$("#hotList").children.length) loadHot(1);
|
||||
}
|
||||
|
||||
async function refresh() {
|
||||
try {
|
||||
const data = await api("/api/v1/state");
|
||||
const current = data.current || {};
|
||||
const count = data.queueSize || 0;
|
||||
$("#nowTitle").textContent = current.title || "暂无歌曲";
|
||||
$("#nowSinger").textContent = current.singer || "请先点一首喜欢的歌";
|
||||
$("#queueBadge b").textContent = count;
|
||||
$("#navCount").textContent = count;
|
||||
$("#navCount").classList.toggle("hidden", count === 0);
|
||||
$("#playButton span:last-child").textContent = data.playing ? "暂停" : "继续";
|
||||
$("#playButton").dataset.action = data.playing ? "pause" : "resume";
|
||||
$("#playButton .control-icon").textContent = data.playing ? "Ⅱ" : "▶";
|
||||
$("#musicVolume").value = data.musicVolume ?? 70;
|
||||
$("#micVolume").value = data.micVolume ?? 70;
|
||||
$("#musicValue").textContent = data.musicVolume ?? 70;
|
||||
$("#micValue").textContent = data.micVolume ?? 70;
|
||||
$("#original").classList.toggle("active", data.vocalMode === "original");
|
||||
$("#accompany").classList.toggle("active", data.vocalMode !== "original");
|
||||
$("#nextSong").textContent = data.next?.title || "队列为空";
|
||||
} catch (_) {
|
||||
setConnected(false);
|
||||
}
|
||||
}
|
||||
|
||||
async function playerAction(action) {
|
||||
try {
|
||||
await api("/api/v1/player/actions", { method: "POST", body: JSON.stringify({ action }) });
|
||||
await refresh();
|
||||
} catch (error) { toast(error.message); }
|
||||
}
|
||||
|
||||
async function updateAudio(values) {
|
||||
try {
|
||||
await api("/api/v1/player/audio", { method: "PATCH", body: JSON.stringify(values) });
|
||||
await refresh();
|
||||
} catch (error) { toast(error.message); }
|
||||
}
|
||||
|
||||
async function search(reset = true) {
|
||||
if (uiState.busy) return;
|
||||
if (reset) {
|
||||
uiState.page = 1;
|
||||
uiState.query = $("#query").value.trim();
|
||||
if (!uiState.query) {
|
||||
toast(`请输入${uiState.searchMode === "singer" ? "歌手" : "歌曲"}名称`);
|
||||
$("#query").focus();
|
||||
return;
|
||||
}
|
||||
$("#results").innerHTML = "";
|
||||
$("#searchResultBlock").classList.remove("hidden");
|
||||
$("#resultTitle").textContent = uiState.searchMode === "singer" ? "歌手搜索结果" : "歌曲搜索结果";
|
||||
$("#resultSummary").textContent = `正在搜索“${uiState.query}”`;
|
||||
}
|
||||
uiState.busy = true;
|
||||
try {
|
||||
const data = await api(`/api/v1/songs?q=${encodeURIComponent(uiState.query)}&type=${uiState.searchMode}&page=${uiState.page}&pageSize=20`);
|
||||
const rows = (data.songs || []).map((song, index) => songRow(song, false, false, (uiState.page - 1) * 20 + index)).join("");
|
||||
if (rows) $("#results").insertAdjacentHTML("beforeend", rows);
|
||||
else if (reset) $("#results").innerHTML = '<div class="empty">没有找到相关歌曲<br><small>请更换关键词后重试</small></div>';
|
||||
$("#resultSummary").textContent = `“${uiState.query}”${data.hasMore ? "，还有更多" : ""}`;
|
||||
$("#more").classList.toggle("hidden", !data.hasMore);
|
||||
uiState.page += 1;
|
||||
} catch (error) { toast(error.message); }
|
||||
finally { uiState.busy = false; }
|
||||
}
|
||||
|
||||
async function loadHot(page) {
|
||||
if (uiState.hotBusy || page < 1) return;
|
||||
uiState.hotBusy = true;
|
||||
$("#hotPrev").disabled = true;
|
||||
$("#hotNext").disabled = true;
|
||||
$("#hotSummary").textContent = "正在加载…";
|
||||
try {
|
||||
const data = await api(`/api/v1/hot?page=${page}&pageSize=${uiState.hotPageSize}`);
|
||||
uiState.hotPage = data.page || page;
|
||||
const songs = data.songs || [];
|
||||
$("#hotList").innerHTML = songs.map((song, index) =>
|
||||
songRow(song, false, false, (uiState.hotPage - 1) * uiState.hotPageSize + index, true)
|
||||
).join("") || '<div class="empty compact">暂无热歌排行</div>';
|
||||
$("#hotPage").textContent = `第 ${uiState.hotPage} 页`;
|
||||
$("#hotSummary").textContent = songs.length ? `第 ${(uiState.hotPage - 1) * uiState.hotPageSize + 1}-${(uiState.hotPage - 1) * uiState.hotPageSize + songs.length} 名` : "暂无数据";
|
||||
$("#hotPrev").disabled = !data.hasPrevious;
|
||||
$("#hotNext").disabled = !data.hasMore;
|
||||
if (page > 1) $("#hot").scrollIntoView({ behavior: "smooth", block: "start" });
|
||||
} catch (error) {
|
||||
$("#hotList").innerHTML = '<div class="empty compact">热歌排行加载失败</div>';
|
||||
$("#hotSummary").textContent = "请点击翻页重试";
|
||||
$("#hotPrev").disabled = uiState.hotPage <= 1;
|
||||
$("#hotNext").disabled = false;
|
||||
toast(error.message);
|
||||
} finally { uiState.hotBusy = false; }
|
||||
}
|
||||
|
||||
async function loadQueue() {
|
||||
try {
|
||||
const data = await api("/api/v1/queue");
|
||||
const queue = data.queue || [];
|
||||
$("#queueCount").textContent = `${queue.length} 首`;
|
||||
$("#queueList").innerHTML = queue.map((song, index) => songRow(song, true, index === 0, index)).join("") || '<div class="empty">还没有点歌<br><small>去曲库选一首喜欢的歌吧</small></div>';
|
||||
} catch (error) { toast(error.message); }
|
||||
}
|
||||
|
||||
document.addEventListener("click", async (event) => {
|
||||
const button = event.target.closest("button");
|
||||
if (!button) return;
|
||||
if (button.dataset.page) openPage(button.dataset.page);
|
||||
if (button.dataset.action) playerAction(button.dataset.action);
|
||||
if (button.dataset.vocal) updateAudio({ vocalMode: button.dataset.vocal });
|
||||
if (button.dataset.searchMode) {
|
||||
uiState.searchMode = button.dataset.searchMode;
|
||||
$$('[data-search-mode]').forEach((item) => item.classList.toggle("active", item === button));
|
||||
$("#query").placeholder = uiState.searchMode === "singer" ? "输入歌手名或拼音" : "输入歌曲名或拼音";
|
||||
$("#query").value = "";
|
||||
$("#results").innerHTML = "";
|
||||
$("#searchResultBlock").classList.add("hidden");
|
||||
$("#more").classList.add("hidden");
|
||||
$("#query").focus();
|
||||
}
|
||||
const row = button.closest(".song");
|
||||
if (row && button.classList.contains("order")) {
|
||||
try {
|
||||
await api("/api/v1/queue", { method: "POST", body: JSON.stringify({ songId: row.dataset.id }) });
|
||||
button.textContent = "已点"; button.disabled = true; toast("已加入歌单"); refresh();
|
||||
} catch (error) { toast(error.message); }
|
||||
}
|
||||
if (row && button.classList.contains("top")) {
|
||||
try {
|
||||
await api("/api/v1/queue/" + encodeURIComponent(row.dataset.id), { method: "PATCH", body: "{}" });
|
||||
toast("已置顶为下一首"); loadQueue();
|
||||
} catch (error) { toast(error.message); }
|
||||
}
|
||||
if (row && button.classList.contains("delete")) {
|
||||
try {
|
||||
await api("/api/v1/queue/" + encodeURIComponent(row.dataset.id), { method: "DELETE" });
|
||||
toast("已从歌单移除"); loadQueue(); refresh();
|
||||
} catch (error) { toast(error.message); }
|
||||
}
|
||||
});
|
||||
|
||||
$("#searchForm").addEventListener("submit", (event) => { event.preventDefault(); search(); });
|
||||
$("#more").addEventListener("click", () => search(false));
|
||||
$("#hotPrev").addEventListener("click", () => loadHot(uiState.hotPage - 1));
|
||||
$("#hotNext").addEventListener("click", () => loadHot(uiState.hotPage + 1));
|
||||
["music", "mic"].forEach((kind) => {
|
||||
$("#" + kind + "Volume").addEventListener("input", (event) => { $("#" + kind + "Value").textContent = event.target.value; });
|
||||
$("#" + kind + "Volume").addEventListener("change", (event) => updateAudio({ [kind + "Volume"]: Number(event.target.value) }));
|
||||
});
|
||||
document.addEventListener("visibilitychange", () => { uiState.visible = !document.hidden; if (uiState.visible) refresh(); });
|
||||
window.setInterval(() => { if (uiState.visible) refresh(); }, 1000);
|
||||
refresh();
|
||||
loadHot(1);
|
||||
Reference in New Issue
Block a user