整体优化

2026-08-04 17:33:45 +08:00
parent cadc8885f3
commit 2c69b3f1c3
32 changed files with 2212 additions and 643 deletions
@@ -5,10 +5,8 @@

 <script setup lang="ts">
 // https://aplayer.js.org/#/zh-Hans/
-// import Hls from 'hls.js/dist/hls.min.js';
 import APlayer from "aplayer"; // 引入音乐插件
 import "aplayer/dist/APlayer.min.css"; // 引入音乐插件的样式
-import { onMounted, reactive } from "vue";

 // window.Hls = Hls;
 const data: any = reactive({
@@ -29,64 +27,61 @@ const data: any = reactive({


 onMounted(async () => {
-  // 8834041785
-  // const res = await fetch("https://met.hxyouzi.com/meting-api/?server=tencent&type=playlist&id=7567066822")
-  // const res = await fetch("https://api.moeyao.cn/meting/?server=tencent&type=playlist&id=8834041785")
-  // const mlist = await res.json()
-  const metto = 'youzi'
-  const server = 'tencent'
-  const gdid = '7567066822'
-  let ck = 'RK=beuVmBI+x3; ptcz=08924c0c66c35b66361f002fb0b3005ff0f2144404f548f8728b167ffb3dc25d; pgv_pvid=2605897556; fqm_pvqid=c38eee7f-1f49-4867-8fb4-8dbb764cb93b; ts_uid=4584087650; pac_uid=0_xXEQBtbyPnKSj; omgid=0_SK8mZi6ZyjtN4; _qimei_q32=d611a6803057686110470945b0c17a21; _qimei_q36=fcef018f916225c22be032db30001e219617; _qimei_h38=e8d664cf2171af215382857302000000719801; eas_sid=I1j7m5e9o2O188P6Y4P7D745Z4; fqm_sessionid=f2c44c43-4d85-4dcb-99c0-cef6d6e2b0cb; pgv_info=ssid=s1311374400; ts_last=y.qq.com/; ts_refer=cn.bing.com/; _qpsvr_localtk=0.1390152059728047; login_type=1; psrf_access_token_expiresAt=1765271149; psrf_qqopenid=DE4C1520CB81DEEF7C0BE8E9B0FD2783; wxrefresh_token=; music_ignore_pskey=202306271436Hn@vBj; wxunionid=; euin=owv5oeCioiEAoz**; wxopenid=; tmeLoginType=2; psrf_qqrefresh_token=A9707E145813679F3654C6E051AA3E2F; psrf_qqaccess_token=C0591D34DF4A719D28815DBA71122DC5; psrf_musickey_createtime=1760087149; psrf_qqunionid=AD81CE40E407AFA9A2F984D05F7F5CD6; uin=2410633923; qm_keyst=Q_H_L_63k3NMFc5RtmTBDyGhskoc5AjaymIKYUZThRS2bJfh0AHztt8D10MRy1XN-MEAUtIkdF_oauym2Y51IbgjNvw1Wu8hZECDA; qqmusic_key=Q_H_L_63k3NMFc5RtmTBDyGhskoc5AjaymIKYUZThRS2bJfh0AHztt8D10MRy1XN-MEAUtIkdF_oauym2Y51IbgjNvw1Wu8hZECDA'
-  const res = await fetch(`https://met.hxyouzi.com/api?server=${server}&type=playlist&id=${gdid}`)
-  let mlist: any = await res.json()
-  data.audio = []
-  mlist.forEach((i: any) => {
-    data.audio.push({
-      title: i.title,
-      author: i.author,
-      url: i.url,
-      pic: i.pic,
-      lrc: i.lrc,
+  try {
+    const server = 'tencent'
+    const gdid = '7567066822'
+    const res = await fetch(`https://met.hxyouzi.com/api?server=${server}&type=playlist&id=${gdid}`)
+    const mlist: any = await res.json()
+    data.audio = []
+    mlist.forEach((i: any) => {
+      data.audio.push({
+        title: i.title,
+        author: i.author,
+        url: i.url,
+        pic: i.pic,
+        lrc: i.lrc,
+      });
    });
-    // console.log('>>>>>',data.audio);

-  });
+    // 创建一个音乐播放器实例，并挂载到DOM上，同时进行相关配置
+    const ap = new APlayer({
+      container: document.getElementById("aplayer"),
+      audio: data.audio, // 音乐信息
+      ...data.info, // 其他配置信息
+    });
+    const d: HTMLElement | null = document.querySelector("#aplayer > div.aplayer-body > div.aplayer-miniswitcher > button");
+    let flag = true;
+    const app: HTMLElement | null = document.querySelector("#aplayer > div.aplayer-lrc");
+    const apic: HTMLElement | null = document.querySelector("#aplayer div.aplayer-body");
+    if (!d || !app || !apic) return;
+    app.style.display = "block";
+    app.style.transform = "translateY(50px)";
+    apic.style.transform = "translateX(-66px)";
+    d.addEventListener("click", () => {
+      if (flag) {
+        app.style.transform = "translateY(0)";
+        ap.lrc.show();
+        apic.style.transform = "translateX(0)";
+        flag = false;
+        
+      } else {
+        app.style.transform = "translateY(50px)";
+        ap.lrc.hide();
+        ap.list.hide();
+        apic.style.transform = "translateX(-66px)";
+        flag = true;
+      }
+    });
+    document.querySelector(".aplayer-list > ol")?.addEventListener("mousewheel", (e) => {
+      e.stopPropagation();
+    })

-  // 创建一个音乐播放器实例，并挂载到DOM上，同时进行相关配置
-  const ap = new APlayer({
-    container: document.getElementById("aplayer"),
-    audio: data.audio, // 音乐信息
-    ...data.info, // 其他配置信息
-  });
-  const d: any = document.querySelector("#aplayer > div.aplayer-body > div.aplayer-miniswitcher > button");
-  let flag = true;
-  const app: any = document.querySelector("#aplayer > div.aplayer-lrc");
-  const apic: any = document.querySelector("#aplayer div.aplayer-body");
-  app.style.display = "block";
-  app.style.transform = "translateY(50px)";
-  apic.style.transform = "translateX(-66px)";
-  d.addEventListener("click", () => {
-    if (flag) {
-      app.style.transform = "translateY(0)";
-      ap.lrc.show();
-      apic.style.transform = "translateX(0)";
-      flag = false;
-      
-    } else {
-      app.style.transform = "translateY(50px)";
-      ap.lrc.hide();
-      ap.list.hide();
-      apic.style.transform = "translateX(-66px)";
-      flag = true;
-    }
-  });
-  document.querySelector(".aplayer-list > ol")?.addEventListener("mousewheel", (e) => {
-    e.stopPropagation();
-  })
-
-  // 获取当前屏幕宽度
-  const width = document.documentElement.clientWidth; // 获取屏幕宽度
-  if (width < 767) d.click();
+    // 获取当前屏幕宽度
+    const width = document.documentElement.clientWidth; // 获取屏幕宽度
+    if (width < 767) d.click();
+  } catch (error) {
+    console.error('音乐列表加载失败:', error)
+  }
 });
 </script>
 <style lang="less" scoped>