+
警告
当前页面的HOST与设置中的HOST不一致，请检查是否设置错误
当前HOST:
设置中的HOST:
-
-
立即修改
-
-
+
-
-
-
-
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/xiaomusic/static/default/m3u.html b/xiaomusic/static/default/m3u.html
index 1818601..0382c99 100644
--- a/xiaomusic/static/default/m3u.html
+++ b/xiaomusic/static/default/m3u.html
@@ -5,7 +5,7 @@
M3U to JSON Converter
-
+
diff --git a/xiaomusic/static/default/main.css b/xiaomusic/static/default/main.css
new file mode 100644
index 0000000..5487d38
--- /dev/null
+++ b/xiaomusic/static/default/main.css
@@ -0,0 +1,296 @@
+body {
+ font-family: Arial, sans-serif;
+ background-color: #f0f0f0;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ margin: 0;
+ padding: 0;
+}
+.index_page {
+ height: 100vh;
+}
+
+.player {
+ background-color: #ffffff;
+ padding: 20px;
+ border-radius: 12px;
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+ text-align: center;
+ max-width: 360px;
+ position: relative;
+ overflow: hidden;
+}
+
+h1 {
+ font-size: 28px;
+ margin-bottom: 15px;
+ color: #333;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+h1 a {
+ margin-left: 10px;
+ font-size: 14px;
+ color: #007bff;
+ text-decoration: none;
+}
+
+h1 a:hover {
+ text-decoration: underline;
+}
+
+.new-badge {
+ background-color: #ff4757;
+ color: white;
+ border-radius: 12px;
+ padding: 2px 6px;
+ font-size: 12px;
+ margin-left: 5px;
+ display: none;
+ width: fit-content;
+}
+
+label {
+ font-size: 14px;
+ color: #555;
+ margin: 5px 0;
+ display: block;
+ text-align: left;
+}
+
+select,
+input[type="range"],
+input[type="text"],
+input[type="password"],
+input[type="number"] {
+ width: 300px;
+ padding: 10px;
+ border: 1px solid #cccccc;
+ border-radius: 6px;
+ margin-bottom: 12px;
+ font-size: 14px;
+ transition: border 0.2s ease;
+ box-sizing: border-box
+}
+
+select:focus,
+input[type="text"]:focus {
+ border-color: #007bff;
+ outline: none;
+}
+select {
+ overflow: hidden;
+}
+button {
+ background-color: #007bff;
+ color: white;
+ border: none;
+ border-radius: 6px;
+ padding: 10px 15px;
+ cursor: pointer;
+ margin: 5px;
+ font-size: 16px;
+ transition: background-color 0.3s;
+ position: relative; /* 为tooltip绝对定位做准备 */
+}
+
+button:hover {
+ background-color: #0056b3;
+}
+.tooltip {
+ visibility: hidden;
+ background-color: #555;
+ color: #fff;
+ text-align: center;
+ border-radius: 6px;
+ padding: 5px;
+ position: absolute;
+ z-index: 1;
+ bottom: 150%; /* 控制tooltip相对按钮的位置 */
+ left: 50%;
+ margin-left: -50px; /* 调整位置以居中显示 Tooltip */
+ width: 100px; /* 设置固定宽度以保证足够的显示空间 */
+ white-space: nowrap; /* 防止换行 */
+ opacity: 0;
+ transition: opacity 0.3s;
+}
+button:hover .tooltip,.option-inline:hover .tooltip {
+ visibility: visible;
+ opacity: 1;
+}
+.option-inline{
+ display: flex;
+ margin-left: auto;
+ position: relative;
+ align-items: center;
+}
+.option-inline:hover .tooltip {
+ /* 位置调整到左边 */
+ left: -80px; /* 调整位置以居中显示 Tooltip */
+ bottom: 0;
+}
+.progress {
+ width: 90%;
+ height: 6px;
+ background: #e0e0e0;
+ border-radius: 6px;
+ margin: 15px 0;
+ cursor: pointer;
+}
+progress::-webkit-progress-bar {
+ background: #e0e0e0;
+}
+
+progress::-moz-progress-bar,
+progress::-webkit-progress-value {
+ background: #007bff;
+}
+
+.current-song {
+ color: #333;
+ margin: 10px 0;
+ font-weight: bold;
+ text-align: center;
+}
+
+.component {
+ display: none;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ background-color: #ffffff;
+ padding: 5px 15px;
+ border-radius: 12px;
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+ z-index: 100;
+ width: 300px;
+}
+.component input {
+ width: 90%;
+}
+.component-button-group {
+ display: flex;
+ justify-content: space-between;
+}
+.component-button-one {
+ display: flex;
+ justify-content: center;
+}
+#warning-component p span {
+ color: #007bff;
+}
+
+
+.button-group {
+ display: flex;
+ justify-content: center;
+ margin: 15px 0;
+}
+
+.player-controls {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.footer {
+ position: absolute;
+ bottom: 20px;
+ font-size: 14px;
+ color: #555;
+}
+
+.timer-tooltip {
+ bottom: 50%;
+ visibility: visible;
+ opacity: 1;
+}
+.favorite.favorite-active .material-icons {
+ color: #ff6347;
+}
+#audio {
+ width: 100%;
+ display: none;
+}
+
+.qrcode {
+ width: 100%;
+ max-width: 400px;
+ height: auto;
+}
+
+.login-tips {
+ color: red;
+ font-size: 12px;
+ margin-left: 10px;
+}
+.login-tips a {
+ color: rgb(9, 105, 218);
+ text-decoration: underline;
+}
+
+/* setting.html */
+.rows {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+}
+
+.rows a {
+ color: rgb(9, 105, 218);
+ text-decoration: none;
+}
+.rows a:hover {
+ color: rgb(9, 95, 198);
+ text-decoration: underline;
+}
+
+textarea {
+ margin-left: 5%;
+ margin-right: 5%;
+ margin-top: 10px;
+ margin-bottom: 10px;
+ width: 90%;
+ max-width: 400px;
+ height: 200px;
+}
+.custom-checkbox {
+ display: inline-block;
+ margin: 10px;
+ width: 20px;
+ height: 20px;
+ vertical-align: middle; /* 确保与标签垂直居中对齐 */
+}
+
+.checkbox-label {
+ display: inline-block;
+ width: 180px;
+ background-color: #fff;
+ border: 0px solid #ccc;
+ border-radius: 3px;
+ position: relative;
+ cursor: pointer;
+ vertical-align: middle; /* 确保与复选框垂直居中对齐 */
+ margin-left: 1px; /* 给复选框和标签之间一些距离，如果需要的话 */
+ padding: 5px 10px;
+}
+.debug {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+}
+/* 媒体查询 屏幕宽度小于440px时 */
+
+
+
+@media screen and (max-width: 440px) {
+ .player{
+ width: 90%;
+ }
+}
\ No newline at end of file
diff --git a/xiaomusic/static/default/md.js b/xiaomusic/static/default/md.js
new file mode 100644
index 0000000..a4c416a
--- /dev/null
+++ b/xiaomusic/static/default/md.js
@@ -0,0 +1,621 @@
+// $(function () {
+
+// })
+let isPlaying = false;
+let playModeIndex = 2;
+//重新设计playModes
+const playModes = {
+ 0: {
+ icon: "repeat_one",
+ cmd: "单曲循环",
+ },
+ 1: {
+ icon: "repeat",
+ cmd: "全部循环",
+ },
+ 2: {
+ icon: "shuffle",
+ cmd: "随机播放",
+ },
+ 3: {
+ icon: "filter_1",
+ cmd: "单曲播放",
+ },
+ 4: {
+ icon: "playlist_play",
+ cmd: "顺序播放",
+ },
+};
+
+let favoritelist = []; //收藏列表
+
+function playOnDevice() {
+ var music_list = $("#music_list").val();
+ var music_name = $("#music_name").val();
+ if (no_warning) {
+ do_play_music_list(music_list, music_name);
+ return;
+ }
+ $.get(`/musicinfo?name=${music_name}`, function (data, status) {
+ console.log(data);
+ if (data.ret == "OK") {
+ console.log(
+ "%cmd.js:42 validHost(data.url) ",
+ "color: #007acc;",
+ validHost(data.url)
+ );
+ validHost(data.url) && do_play_music_list(music_list, music_name);
+ }
+ });
+}
+function stopPlay() {
+ sendcmd("关机");
+}
+
+function prevTrack() {
+ sendcmd("上一首");
+}
+
+function nextTrack() {
+ sendcmd("下一首");
+}
+
+function togglePlayMode(isSend = true) {
+ const modeBtnIcon = $("#modeBtn .material-icons");
+ modeBtnIcon.text(playModes[playModeIndex].icon);
+ $("#modeBtn .tooltip").text(playModes[playModeIndex].cmd);
+ // return;
+ isSend && sendcmd(playModes[playModeIndex].cmd);
+ console.log(`当前播放模式: ${playModeIndex} ${playModes[playModeIndex].cmd}`);
+ playModeIndex = (playModeIndex + 1) % Object.keys(playModes).length;
+}
+
+function addToFavorites() {
+
+ const cmd = $(".favorite").hasClass("favorite-active")
+ ? "取消收藏"
+ : "加入收藏";
+ if ($(".favorite").hasClass("favorite-active")) {
+ $(".favorite").removeClass("favorite-active");
+ } else {
+ $(".favorite").addClass("favorite-active");
+ }
+ sendcmd(cmd);
+}
+
+function openSettings() {
+ console.log("打开设置");
+ //新建标签页打开setting.html页面
+ window.open("setting.html", "_blank");
+}
+function toggleVolume() {
+ $("#volume-component").toggle();
+}
+
+function toggleSearch() {
+ $("#search-component").toggle();
+}
+function toggleTimer() {
+ $("#timer-component").toggle();
+}
+function togglePlayLink() {
+ $("#playlink-component").toggle(); // 切换播放链接的显示状态
+}
+function toggleLocalPlay() {
+ $("#audio").fadeIn();
+}
+function toggleWarning() {
+ $("#warning-component").toggle(); // 切换警告框的显示状态
+}
+function toggleDelete() {
+ var del_music_name = $("#music_name").val();
+ $("#delete-music-name").text(del_music_name);
+ $("#delete-component").toggle(); // 切换删除框的显示状态
+}
+function confirmDelete() {
+ var del_music_name = $("#music_name").val();
+ console.log(`删除歌曲 ${del_music_name}`);
+ $("#delete-component").hide(); // 隐藏删除框
+ $.ajax({
+ type: "POST",
+ url: "/delmusic",
+ data: JSON.stringify({ name: del_music_name }),
+ contentType: "application/json; charset=utf-8",
+ success: () => {
+ alert(`删除 ${del_music_name} 成功`);
+ refresh_music_list();
+ },
+ error: () => {
+ alert(`删除 ${del_music_name} 失败`);
+ },
+ });
+}
+function formatTime(seconds) {
+ const minutes = Math.floor(seconds / 60);
+ const secs = Math.floor(seconds % 60);
+ return `${minutes}:${secs < 10 ? "0" : ""}${secs}`; // Format time as mm:ss
+}
+
+var offset = 0;
+var duration = 0;
+let no_warning = localStorage.getItem("no-warning");
+// 拉取现有配置
+$.get("/getsetting", function (data, status) {
+ console.log(data, status);
+ localStorage.setItem("mi_did", data.mi_did);
+
+ var did = localStorage.getItem("cur_did");
+ var dids = [];
+ if (data.mi_did != null) {
+ dids = data.mi_did.split(",");
+ }
+ console.log("cur_did", did);
+ console.log("dids", dids);
+ if (dids.length > 0 && (did == null || did == "" || !dids.includes(did))) {
+ did = dids[0];
+ localStorage.setItem("cur_did", did);
+ }
+
+ window.did = did;
+ $.get(`/getvolume?did=${did}`, function (data, status) {
+ console.log(data, status, data["volume"]);
+ $("#volume").val(data.volume);
+ });
+ refresh_music_list();
+
+ $("#did").empty();
+ var dids = data.mi_did.split(",");
+ $.each(dids, function (index, value) {
+ var cur_device = Object.values(data.devices).find(
+ (device) => device.did === value
+ );
+ if (cur_device) {
+ var option = $("
")
+ .val(value)
+ .text(cur_device.name)
+ .prop("selected", value === did);
+ $("#did").append(option);
+
+ if (value === did) {
+ playModeIndex = cur_device.play_type;
+ console.log(
+ "%c当前设备播放模式: ",
+ "color: #007acc;",
+ cur_device.play_type
+ );
+ togglePlayMode(false);
+ }
+ }
+ });
+
+ console.log("cur_did", did);
+ $("#did").change(function () {
+ did = $(this).val();
+ localStorage.setItem("cur_did", did);
+ window.did = did;
+ console.log("cur_did", did);
+ location.reload();
+ });
+});
+
+function compareVersion(version1, version2) {
+ const v1 = version1.split(".").map(Number);
+ const v2 = version2.split(".").map(Number);
+ const len = Math.max(v1.length, v2.length);
+
+ for (let i = 0; i < len; i++) {
+ const num1 = v1[i] || 0;
+ const num2 = v2[i] || 0;
+ if (num1 > num2) return 1;
+ if (num1 < num2) return -1;
+ }
+ return 0;
+}
+
+// 拉取版本
+$.get("/getversion", function (data, status) {
+ console.log(data, status, data["version"]);
+ $("#version").text(`${data.version}`);
+
+ $.get("/latestversion", function (ret, status) {
+ console.log(ret, status);
+ if (ret.ret == "OK") {
+ const result = compareVersion(ret.version, data.version);
+ if (result > 0) {
+ console.log(`${ret.version} is greater than ${data.version}`);
+ $("#versionnew").text("new").css("display", "inline-block");
+ }
+ }
+ });
+});
+
+function _refresh_music_list(callback) {
+ $("#music_list").empty();
+ $.get("/musiclist", function (data, status) {
+ console.log(data, status);
+ favoritelist = data["收藏"];
+ $.each(data, function (key, value) {
+ let cnt = value.length;
+ $("#music_list").append(
+ $("
").val(key).text(`${key} (${cnt})`)
+ );
+ });
+
+ $("#music_list").change(function () {
+ const selectedValue = $(this).val();
+ localStorage.setItem("cur_playlist", selectedValue);
+ $("#music_name").empty();
+ $.each(data[selectedValue], function (index, item) {
+ $("#music_name").append($("
").val(item).text(item));
+ });
+ });
+
+ $("#music_list").trigger("change");
+
+ // 获取当前播放列表
+ $.get(`/curplaylist?did=${did}`, function (playlist, status) {
+ if (playlist != "") {
+ $("#music_list").val(playlist);
+ $("#music_list").trigger("change");
+ } else {
+ // 使用本地记录的
+ playlist = localStorage.getItem("cur_playlist");
+ if (data.hasOwnProperty(playlist)) {
+ $("#music_list").val(playlist);
+ $("#music_list").trigger("change");
+ }
+ }
+ });
+ callback();
+ });
+}
+
+// 拉取播放列表
+function refresh_music_list() {
+ // 刷新列表时清空并临时禁用搜索框
+ const searchInput = document.getElementById("search");
+ const oriPlaceHolder = searchInput.placeholder;
+ const oriValue = searchInput.value;
+ const inputEvent = new Event("input", { bubbles: true });
+ searchInput.value = "";
+ // 分发事件，让其他控件改变状态
+ searchInput.dispatchEvent(inputEvent);
+ searchInput.disabled = true;
+ searchInput.placeholder = "请等待...";
+
+ _refresh_music_list(() => {
+ // 刷新完成再启用
+ searchInput.disabled = false;
+ searchInput.value = oriValue;
+ searchInput.dispatchEvent(inputEvent);
+ searchInput.placeholder = oriPlaceHolder;
+ // 每3秒获取下正在播放的音乐
+ get_playing_music();
+ setInterval(() => {
+ get_playing_music();
+ }, 3000);
+ });
+}
+
+function do_play_music_list(listname, musicname) {
+ $.ajax({
+ type: "POST",
+ url: "/playmusiclist",
+ contentType: "application/json; charset=utf-8",
+ data: JSON.stringify({
+ did: did,
+ listname: listname,
+ musicname: musicname,
+ }),
+ success: () => {
+ console.log("do_play_music_list succ", listname, musicname);
+ },
+ error: () => {
+ console.log("do_play_music_list failed", listname, musicname);
+ },
+ });
+}
+
+$("#play_music_list").on("click", () => {
+ var music_list = $("#music_list").val();
+ var music_name = $("#music_name").val();
+ if (no_warning) {
+ do_play_music_list(music_list, music_name);
+ return;
+ }
+ $.get(`/musicinfo?name=${music_name}`, function (data, status) {
+ console.log(data);
+ if (data.ret == "OK") {
+ validHost(data.url) && do_play_music_list(music_list, music_name);
+ }
+ });
+});
+
+$("#web_play").on("click", () => {
+ const music_name = $("#music_name").val();
+ $.get(`/musicinfo?name=${music_name}`, function (data, status) {
+ console.log(data);
+ if (data.ret == "OK") {
+ validHost(data.url) && $("audio").attr("src", data.url);
+ }
+ });
+});
+
+$("#playurl").on("click", () => {
+ var url = $("#music-url").val();
+ const encoded_url = encodeURIComponent(url);
+ $.get(`/playurl?url=${encoded_url}&did=${did}`, function (data, status) {
+ console.log(data);
+ });
+});
+
+
+function do_play_music(musicname, searchkey) {
+ $.ajax({
+ type: "POST",
+ url: "/playmusic",
+ contentType: "application/json; charset=utf-8",
+ data: JSON.stringify({
+ did: did,
+ musicname: musicname,
+ searchkey: searchkey,
+ }),
+ success: () => {
+ console.log("do_play_music succ", musicname, searchkey);
+ },
+ error: () => {
+ console.log("do_play_music failed", musicname, searchkey);
+ },
+ });
+}
+
+$("#play").on("click", () => {
+ var search_key = $("#music-name").val();
+ if (search_key == null) {
+ search_key = "";
+ }
+ var filename = $("#music-filename").val();
+ if (filename == null || filename == "") {
+ filename = search_key;
+ }
+ do_play_music(filename, search_key);
+});
+
+$("#volume").on("change", function () {
+ var value = $(this).val();
+ $.ajax({
+ type: "POST",
+ url: "/setvolume",
+ contentType: "application/json; charset=utf-8",
+ data: JSON.stringify({ did: did, volume: value }),
+ success: () => { },
+ error: () => { },
+ });
+});
+
+function check_status_refresh_music_list(retries) {
+ $.get("/cmdstatus", function (data) {
+ if (data.status === "finish") {
+ refresh_music_list();
+ } else if (retries > 0) {
+ setTimeout(function () {
+ check_status_refresh_music_list(retries - 1);
+ }, 1000); // 等待1秒后重试
+ }
+ });
+}
+
+function sendcmd(cmd) {
+ $.ajax({
+ type: "POST",
+ url: "/cmd",
+ contentType: "application/json; charset=utf-8",
+ data: JSON.stringify({ did: did, cmd: cmd }),
+ success: () => {
+ if (cmd == "刷新列表") {
+ check_status_refresh_music_list(3); // 最多重试3次
+ }
+ if (
+ ["全部循环", "单曲循环", "随机播放", "单曲播放", "顺序播放"].includes(
+ cmd
+ )
+ ) {
+ location.reload();
+ }
+ },
+ error: () => {
+ // 请求失败时执行的操作
+ },
+ });
+}
+
+// 监听输入框的输入事件
+function debounce(func, delay) {
+ let timeout;
+ return function (...args) {
+ clearTimeout(timeout);
+ timeout = setTimeout(() => func.apply(this, args), delay);
+ };
+}
+function handleSearch() {
+ const searchInput = document.getElementById("search");
+ const musicSelect = document.getElementById("music-name");
+ const musicSelectLabel = document.getElementById("music-name-label");
+
+ searchInput.addEventListener(
+ "input",
+ debounce(function () {
+ const query = searchInput.value.trim();
+
+ if (query.length === 0) {
+ musicSelect.innerHTML = "";
+ musicSelect.style.display = "none";
+ musicSelectLabel.style.display = "none";
+ return;
+ }
+
+ musicSelect.style.display = "block";
+ musicSelectLabel.style.display = "block";
+ fetch(`/searchmusic?name=${encodeURIComponent(query)}`)
+ .then((response) => response.json())
+ .then((data) => {
+ musicSelect.innerHTML = ""; // 清空现有选项
+
+ // 找到的优先显示
+ if (data.length > 0) {
+ data.forEach((song) => {
+ const option = document.createElement("option");
+ option.value = song;
+ option.textContent = song;
+ musicSelect.appendChild(option);
+ });
+ }
+
+ // 添加用户输入作为一个选项
+ const userOption = document.createElement("option");
+ userOption.value = query;
+ userOption.textContent = `使用关键词播放: ${query}`;
+ musicSelect.appendChild(userOption);
+
+ // 提示没找到
+ if (data.length === 0) {
+ const option = document.createElement("option");
+ option.textContent = "没有匹配的结果";
+ option.disabled = true;
+ musicSelect.appendChild(option);
+ }
+ })
+ .catch((error) => {
+ console.error("Error fetching data:", error);
+ });
+ }, 600)
+ );
+
+ // 动态显示保存文件名输入框
+ const musicNameSelect = document.getElementById("music-name");
+ const musicFilenameInput = document.getElementById("music-filename");
+ function updateInputVisibility() {
+ const selectedOption =
+ musicNameSelect.options[musicNameSelect.selectedIndex];
+ var startsWithKeyword;
+ if (musicNameSelect.options.length === 0) {
+ startsWithKeyword = false;
+ } else {
+ startsWithKeyword = selectedOption.text.startsWith("使用关键词联网搜索:");
+ }
+
+ if (startsWithKeyword) {
+ musicFilenameInput.style.display = "block";
+ musicFilenameInput.placeholder =
+ "请输入保存为的文件名称(默认:" + selectedOption.value + ")";
+ } else {
+ musicFilenameInput.style.display = "none";
+ }
+ }
+ // 观察元素修改
+ const observer = new MutationObserver((mutationsList) => {
+ for (const mutation of mutationsList) {
+ if (mutation.type === "childList") {
+ updateInputVisibility();
+ }
+ }
+ });
+ observer.observe(musicNameSelect, { childList: true });
+ // 监听用户输入
+ musicNameSelect.addEventListener("change", updateInputVisibility);
+}
+
+handleSearch();
+
+function get_playing_music() {
+ $.get(`/playingmusic?did=${did}`, function (data, status) {
+ console.log(data);
+ if (data.ret == "OK") {
+ if (data.is_playing) {
+ $("#playering-music").text(`【播放中】 ${data.cur_music}`);
+ } else {
+ $("#playering-music").text(`【空闲中】 ${data.cur_music}`);
+ }
+ offset = data.offset;
+ duration = data.duration;
+ //检查歌曲是否在收藏中，如果是，设置收藏按钮为选中状态
+ console.log(
+ "%cmd.js:614 object",
+ "color: #007acc;",
+ favoritelist.includes(data.cur_music)
+ );
+ if (favoritelist.includes(data.cur_music)) {
+ $(".favorite").addClass("favorite-active");
+ } else {
+ $(".favorite").removeClass("favorite-active");
+ }
+ }
+ });
+}
+setInterval(() => {
+ if (duration > 0) {
+ offset++;
+ $("#progress").val((offset / duration) * 100);
+ $("#current-time").text(formatTime(offset));
+ $("#duration").text(formatTime(duration));
+ } else {
+ $("#current-time").text(formatTime(0));
+ $("#duration").text(formatTime(0));
+ }
+}, 1000);
+function formatTime(seconds) {
+ var minutes = Math.floor(seconds / 60);
+ var remainingSeconds = Math.floor(seconds % 60);
+ return `${minutes.toString().padStart(2, "0")}:${remainingSeconds
+ .toString()
+ .padStart(2, "0")}`;
+}
+
+$("audio").on("error", (e) => {
+ //如果audio标签的src为空，则不做任何操作，兼容安卓端的低版本webview
+ if ($("audio").attr("src") === "") {
+ return;
+ }
+ console.log(
+ "%c网页播放出现错误: ",
+ "color: #007acc;",
+ e.currentTarget.error.code,
+ e.currentTarget.error.message
+ );
+ alert(
+ e.currentTarget.error.code == 4
+ ? "无法打开媒体文件，XIAOMUSIC_HOSTNAME或端口地址错误，请重新设置"
+ : "在线播放失败，请截图反馈: " + e.currentTarget.error.message
+ );
+});
+function validHost(url) {
+ //如果 localStorage 中有 no-warning 则直接返回true
+ if (no_warning) {
+ return true;
+ }
+ const local = location.host;
+ const host = new URL(url).host;
+ // 如果当前页面的Host与设置中的XIAOMUSIC_HOSTNAME、PORT一致, 不再提醒
+ if (local === host) {
+ return true;
+ }
+
+ $("#local-host").text(local);
+ $("#setting-host").text(host);
+ $("#warning-component").show();
+ console.log("%c 验证返回false", "color: #007acc;");
+ return false;
+}
+
+function nowarning() {
+ localStorage.setItem("no-warning", "true");
+ no_warning = true;
+ $("#warning-component").hide();
+}
+function timedShutDown(cmd) {
+ $(".timer-tooltip").toggle();
+ sendcmd(cmd);
+ setTimeout(() => {
+ $(".timer-tooltip").fadeOut();
+ }, 3000);
+}
diff --git a/xiaomusic/static/default/setting.html b/xiaomusic/static/default/setting.html
index 131f1a0..3186e78 100644
--- a/xiaomusic/static/default/setting.html
+++ b/xiaomusic/static/default/setting.html
@@ -4,9 +4,9 @@
小爱音箱操控面板
-
-
-
+
+
+
@@ -198,12 +198,6 @@ var vConsole = new window.VConsole();
-
-
-