🦄 reactor: 优化点歌信息显示

2025-10-14 16:19:18 +00:00 · 2024-11-07 13:55:11 +08:00 · 2024-11-07 13:55:11 +08:00 · 729a84d3f3
commit 729a84d3f3
parent dbee8d9f97
4 changed files with 234 additions and 12 deletions
--- a/apps/songRequest.js
+++ b/apps/songRequest.js
@ -2,6 +2,7 @@ import axios from "axios";
 import { formatTime } from '../utils/other.js'
 import puppeteer from "../../../lib/puppeteer/puppeteer.js";
 import PickSongList from "../model/pick-song.js";
+import NeteaseMusicInfo from '../model/neteaseMusicInfo.js'
 import { NETEASE_API_CN, NETEASE_SONG_DOWNLOAD, NETEASE_TEMP_API } from "../constants/tools.js";
 import { COMMON_USER_AGENT, REDIS_YUNZAI_ISOVERSEA, REDIS_YUNZAI_SONGINFO } from "../constants/constant.js";
 import { downloadAudio } from "../utils/common.js";
@ -105,7 +106,7 @@ export class songRequest extends plugin {
                    await redisSetKey(REDIS_YUNZAI_SONGINFO, songInfo)
                    const data = await new PickSongList(e).getData(musicDate.data)
                    let img = await puppeteer.screenshot("pick-song", data);
-                    e.reply(img, true);
+                    e.reply(img);
                } else {
                    e.reply('暂未找到你想听的歌哦~')
                }
@ -119,10 +120,11 @@ export class songRequest extends plugin {
                const saveId = songInfo.findIndex(item => item.group_id === e.group.group_id)
                const AUTO_NETEASE_SONG_DOWNLOAD = autoSelectNeteaseApi + "/song/url/v1?id={}&level=" + this.neteaseCloudAudioQuality;
                const pickSongUrl = AUTO_NETEASE_SONG_DOWNLOAD.replace("{}", songInfo[saveId].data[pickNumber].id)
+                const songWikiUrl = autoSelectNeteaseApi + '/song/wiki/summary?id=' + songInfo[saveId].data[pickNumber].id
                const statusUrl = autoSelectNeteaseApi + '/login/status' //用户状态API
                const isCkExpired = await this.checkCooike(statusUrl)
                // // 请求netease数据
-                this.neteasePlay(e, pickSongUrl, songInfo[saveId].data, pickNumber, isCkExpired)
+                this.neteasePlay(e, pickSongUrl, songWikiUrl, songInfo[saveId].data, pickNumber, isCkExpired)
            }
        }

@ -173,8 +175,9 @@ export class songRequest extends plugin {
                    })
                    const pickSongUrl = AUTO_NETEASE_SONG_DOWNLOAD.replace("{}", songInfo[0].id)
                    const statusUrl = autoSelectNeteaseApi + '/login/status' //用户状态API
+                    const songWikiUrl = autoSelectNeteaseApi + '/song/wiki/summary?id=' + songInfo[0].id
                    const isCkExpired = await this.checkCooike(statusUrl)
-                    this.neteasePlay(e, pickSongUrl, songInfo, 0, isCkExpired)
+                    this.neteasePlay(e, pickSongUrl, songWikiUrl, songInfo, 0, isCkExpired)
                } else {
                    e.reply('暂未找到你想听的歌哦~')
                }
@ -256,11 +259,11 @@ export class songRequest extends plugin {
    }

    // 网易云音乐下载策略
-    neteasePlay(e, pickSongUrl, songInfo, pickNumber = 0, isCkExpired) {
+    neteasePlay(e, pickSongUrl, songWikiUrl, songInfo, pickNumber = 0, isCkExpired) {
        axios.get(pickSongUrl, {
            headers: {
                "User-Agent": COMMON_USER_AGENT,
-                "Cookie": this.neteaseCookie
+                // "Cookie": this.neteaseCookie
            },
        }).then(async resp => {
            // 国内解决方案，替换API后这里也需要修改
@ -291,18 +294,49 @@ export class songRequest extends plugin {
            let url = await resp.data.data?.[0]?.url || null;
            const AudioLevel = translateToChinese(resp.data.data?.[0]?.level)
            const AudioSize = bytesToMB(resp.data.data?.[0]?.size)
-            // 获取歌曲信息
+
+            // 获取歌曲标题
            let title = songInfo[pickNumber].songName + '-' + songInfo[pickNumber].singerName
+            let typelist = []
+            // 歌曲百科API
+            await axios.get(songWikiUrl, {
+                headers: {
+                    "User-Agent": COMMON_USER_AGENT,
+                    // "Cookie": this.neteaseCookie
+                },
+            }).then(res => {
+                const wikiData = res.data.data.blocks[1].creatives
+
+                typelist.push(wikiData[0].resources[0].uiElement.mainTitle.title)
+                // 防止数据过深出错
+                const recTags = wikiData[1]
+                for (let i = 0; i < Math.min(3, recTags.resources.length); i++) {
+                    if (recTags.resources[i] && recTags.resources[i].uiElement && recTags.resources[i].uiElement.mainTitle.title) {
+                        typelist.push(recTags.resources[i].uiElement.mainTitle.title)
+                    }
+                }
+                typelist.push(wikiData[2].uiElement.textLinks[0].text)
+                typelist.push(AudioLevel)
+            })
+            let musicInfo = {
+                'cover': songInfo[pickNumber].cover,
+                'songName': songInfo[pickNumber].songName,
+                'singerName': songInfo[pickNumber].singerName,
+                'size': AudioSize,
+                'musicType': typelist
+            }
            // 一般这个情况是VIP歌曲 (如果没有url或者是国内,公用接口暂时不可用，必须自建并且ck可用状态才能进行高质量解析)
-            if (!isCkExpired || url == null) {
-                url = await this.musicTempApi(e, title, "网易云音乐");
+            if (!isCkExpired || this.useLocalNeteaseAPI || url == null) {
+                url = await this.musicTempApi(e, musicInfo, title);
            } else {
                // 拥有ck，并且有效，直接进行解析
                let audioInfo = AudioLevel;
                if (AudioLevel == '杜比全景声') {
                    audioInfo += '\n(杜比下载文件为MP4，编码格式为AC-4，需要设备支持才可播放)';
                }
-                e.reply([segment.image(songInfo[pickNumber].cover), `${this.identifyPrefix}识别：网易云音乐，${title}\n当前下载音质: ${audioInfo}\n预估大小: ${AudioSize}MB`]);
+                const data = await new NeteaseMusicInfo(e).getData(musicInfo)
+                let img = await puppeteer.screenshot("neteaseMusicInfo", data);
+                e.reply(img);
            }
            // 动态判断后缀名
            let musicExt = resp.data.data?.[0]?.type
@ -333,7 +367,7 @@ export class songRequest extends plugin {
        });
    }

-    async musicTempApi(e, title, musicType) {
+    async musicTempApi(e, musicInfo, title) {
        let musicReqApi = NETEASE_TEMP_API;
        // 临时接口，title经过变换后搜索到的音乐质量提升
        const vipMusicData = await axios.get(musicReqApi.replace("{}", title.replace("-", " ")), {
@ -344,8 +378,9 @@ export class songRequest extends plugin {
        const messageTitle = title + "\nR插件检测到当前为VIP音乐，正在转换...";
        // ??后的内容是适配`QQ_MUSIC_TEMP_API`、最后是汽水
        const url = vipMusicData.data?.music_url ?? vipMusicData.data?.data?.music_url ?? vipMusicData.data?.music;
-        const cover = vipMusicData.data?.cover ?? vipMusicData.data?.data?.cover ?? vipMusicData.data?.cover;
-        await e.reply([segment.image(cover), `${this.identifyPrefix}识别：${musicType}，${messageTitle}`]);
+        const data = await new NeteaseMusicInfo(e).getData(musicInfo)
+        let img = await puppeteer.screenshot("neteaseMusicInfo", data);
+        e.reply(img);
        return url;
    }

--- a/model/neteaseMusicInfo.js
+++ b/model/neteaseMusicInfo.js
@ -0,0 +1,17 @@
+import Base from './base.js'
+
+export default class NeteaseMusicInfo extends Base {
+    constructor (e) {
+        super(e)
+        this.model = 'neteaseMusicInfo'
+    }
+
+    /** 生成版本信息图片 */
+    async getData (songInfo) {
+        return {
+            ...this.screenData,
+            saveId: 'neteaseMusicInfo',
+            songInfo: songInfo,
+        }
+    }
+}
--- a/resources/html/neteaseMusicInfo/neteaseMusicInfo.css
+++ b/resources/html/neteaseMusicInfo/neteaseMusicInfo.css
@ -0,0 +1,125 @@
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700&display=swap');
+
+@font-face {
+    font-family: 'singerName';
+    src: url("../../font/江城月湖体\ 400W.ttf");
+}
+
+body,
+html {
+    margin: 0;
+    padding: 0;
+    width: 780px;
+    height: 370px;
+    font-family: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
+}
+
+.bg-image,
+.img {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 780px;
+    height:450px;
+    z-index: -1;
+    object-fit: cover;
+}
+
+.inner {
+    background: rgba(0, 0, 0, 0.6);
+    backdrop-filter: blur(5px);
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.infoBox {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    box-sizing: border-box;
+}
+
+.info {
+    width: 100%;
+    height: 100%;
+    border: 0px solid #ffffff2e;
+    backdrop-filter: blur(10px);
+    background: hsla(0, 0%, 100%, 0.281);
+    box-shadow: 0 6px 15px 0 #8e8e8e30;
+}
+
+.cover {
+    margin-top: 28px;
+    width: 100%;
+    height: 135px;
+    display: flex;
+    justify-content: center;
+}
+
+.cover img {
+    width: 135px;
+    height: 135px;
+    border-radius: 10px;
+    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
+}
+
+.songSize{
+    width: 100%;
+    text-align: center;
+    margin-top: 20px;
+    font-size: 18px;
+    font-family: 'singerName';
+    color: #fff;
+    text-shadow: 2px 2px 5px rgba(255, 255, 255, 0.4);
+}
+
+.songName {
+    width: 100%;
+    text-align: center;
+    margin-top: 10px;
+    font-size: 20px;
+    color: #fff;
+    text-shadow: 2px 2px 5px rgba(255, 255, 255, 0.4);
+}
+
+.singerName{
+    width: 100%;
+    text-align: center;
+    font-family: 'singerName';
+    margin-top: 17px;
+    font-size: 17px;
+    color: #fff;
+    text-shadow: 2px 2px 5px rgba(255, 255, 255, 0.4);
+}
+
+.typeBox{
+    width: 100%;
+    margin-top: 22px;
+    display: flex;
+    justify-content: center;
+}
+
+.typeList{ 
+    display: flex;
+}
+
+.typeNav{
+    font-size: 15px;
+    height: 25px;
+    padding: 0px 10px;
+    box-sizing: border-box;
+    background-color:rgba(255, 255, 255, 0.2);
+    line-height: 0px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 12.5px;
+    margin-left: 10px;
+    color: #fff;
+    box-shadow: 0px 0px 3px rgba(255, 255, 255, 0.4);
+}
--- a/resources/html/neteaseMusicInfo/neteaseMusicInfo.html
+++ b/resources/html/neteaseMusicInfo/neteaseMusicInfo.html
@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>歌曲信息</title>
+    <style>
+        @import url('{{pluResPath}}html/neteaseMusicInfo/neteaseMusicInfo.css');
+    </style>
+</head>
+
+<body>
+    <div class="bg-image">
+        <img src="{{ songInfo.cover }}" alt="" class="img" width="100%">
+        <div class="inner"></div>
+    </div>
+    <div class="infoBox">
+        <div class="info">
+            <div class="cover">
+                <img src="{{ songInfo.cover }}" alt="">
+            </div>
+            <div class="songSize">
+                {{ songInfo.size }} MB
+            </div>
+            <div class="songName">
+                {{ songInfo.songName }}
+            </div>
+            <div class="singerName">
+                {{ songInfo.singerName }}
+            </div>
+            <div class="typeBox">
+                <div class="typeList">
+                    {{each songInfo.musicType typeName}}
+                    <div class="typeNav">
+                        {{ typeName }}
+                    </div>
+                    {{ /each }}
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>