如何将 Discord-RPC 与 Chrome 扩展程序一起使用？

Question

我想制作一个 chrome 扩展程序来解析 youtube/soundcloud/... 页面并获取当前歌曲的名称。然后它应该不和谐地更新用户的丰富存在状态。就像在那里用 python 做的一样。

到目前为止我有那个。标题已经解析，没有问题。我对该代码的工作有疑问。因为它不起作用。

const clientId = '605777168739598338';

const scopes = ['rpc', 'rpc.api'];

const client = new RPC.Client({ transport: 'websocket' });

client.connect();

function updatePresence(title, time, icon) {

    title = title.replace(/["]/g, "\\\"");

    client.setActivity({

        details: title,

        startTimestamp: time,

        largeImageKey: icon

    }, 9999)

}

我也尝试过原始的 websocket 连接，但我很愚蠢..

UPD：上面的代码在 content.js 中。

browser.js 是从我通过 npm 下载的模块discord-rpc 的根目录复制的文件。

清单文件.json

{

  "manifest_version": 2,

  "name": "Tomori Player",

  "version": "0.1.0",

  "browser_action": {

     "default_icon": "icon.png"

    },

    "background": {

        "scripts": ["browser.js"]

    },

    "permissions": [

        "ws://localhost:6463/*",

        "tabs",

        "webRequest",

        "webRequestBlocking"

    ],

  "content_scripts": [

      {

        "matches": [

          "https://www.youtube.com/watch*",

          "https://youtube.com/watch*"

        ],

        "js": ["content.js"]

      }

    ]

}

PS我很抱歉。我是 JS 新手。

Answer 1

我找到了一个解决方案：Chrome 扩展程序解析页面并将套接字发送到另一个应用程序PC 上的另一个应用程序获取这些套接字，然后将 RPC 发送到 DiscordTimeraa#7947（PreMiD 开发）：如果您使用浏览器连接，Discord 几乎会立即断开连接，相信我，我试过了。您需要在后台运行一个应用程序因此，您可以使用 PreMiD 并推送 PreMiD 的存在列表或制作自己的应用程序来执行此操作。