Chrome Extension获取在YouTube音乐上播放的音乐的细节

Question

我想创建一个Chrome Extension，我需要获取YouTube音乐中正在播放的音乐的详细信息。有什么办法可以做到这一点（也许使用JS获取音乐的名称或其他方式）。感谢任何帮助

Answer 1

您可以在YouTube音乐网站上运行内容脚本＆amp;应用并解析HTML以获取所需的信息。这是带有懒惰代码的快速脚本。显然，您应该更好地进行检测和错误处理。

清单：

{
    "manifest_version": 3,
    "name": "Youtube Music Info",
    "version": "1.0",
    "description": "Gets information from YT Music.",
    "content_scripts": [
        {
            "matches": [ "https://music.youtube.com/*" ],
            "js": [ "content.js" ],
            "all_frames": false,
            "run_at": "document_start"
        }
    ]
}

内容脚本：

let ytmusicPlayerBar

let waitForPlayerBarInterval = setInterval(() => {

    if (document.querySelector("ytmusic-player-bar")) {
        ytmusicPlayerBar = document.querySelector("ytmusic-player-bar")
        clearInterval(waitForPlayerBarInterval)
        getInfo()
    }

}, 1000)

function getInfo() {

    let getInfoInterval = setInterval(() => {

        if (ytmusicPlayerBar.querySelector(".title").innerText) {

            let info = {
                song: ytmusicPlayerBar.querySelector(".title").innerText,
                artist: ytmusicPlayerBar.querySelectorAll("a")[0].innerText,
                albumName: ytmusicPlayerBar.querySelectorAll("a")[1].innerText,
                albumCover: ytmusicPlayerBar.querySelector(".image").src,
                time: ytmusicPlayerBar.querySelector(".time-info").innerText
            }
        
            console.log(info)

        } else {
            console.log("Nothing is playing.")
        }

    }, 1000)

}