WebNowPlaying 开源项目教程-CSDN博客

本文链接：https://blog.csdn.net/gitblog_00267/article/details/141556490

WebNowPlaying 开源项目教程

WebNowPlayingA NowPlaying like plugin for rainmeter built for getting music info from websites项目地址:https://gitcode.com/gh_mirrors/we/WebNowPlaying

项目介绍

WebNowPlaying 是一个浏览器扩展，旨在为外部适配器提供浏览器中播放媒体的信息和控制功能。它可以检测正在播放的媒体信息，如标题、艺术家、专辑等，并允许外部适配器管理这些媒体，包括暂停、跳过、调整音量等操作。该项目支持多种浏览器，包括 Chrome、Firefox、Edge 和 Opera。

项目快速启动

安装步骤

安装 Node.js: 确保你的系统上安装了 Node.js。
安装 pnpm: 使用 npm 全局安装 pnpm。
```
npm install -g pnpm
```

克隆项目: 从 GitHub 克隆 WebNowPlaying 项目。

git clone https://github.com/tjhrulz/WebNowPlaying.git

安装依赖: 进入项目目录并安装依赖。
```
cd WebNowPlaying
pnpm install
```
构建项目: 运行构建命令。
```
pnpm run build
```
输出目录: 构建完成后，输出文件将在 /dist 目录中。

安装浏览器扩展

Chrome: 访问 Chrome Web Store 安装扩展。
Firefox: 访问 Mozilla Addon Store 安装扩展。

应用案例和最佳实践

案例一：Rainmeter 适配器

WebNowPlaying 可以与 Rainmeter 结合使用，通过 Rainmeter 的皮肤显示浏览器中播放的媒体信息。以下是一个简单的配置示例：

[MeasureMediaTitle]
Measure=Plugin
Plugin=WebNowPlaying
PlayerType=Title

[MeasureMediaArtist]
Measure=Plugin
Plugin=WebNowPlaying
PlayerType=Artist

案例二：OBS 适配器

WebNowPlaying 还可以与 OBS (Open Broadcaster Software) 结合使用，通过 OBS 的源显示浏览器中播放的媒体信息。以下是一个简单的配置示例：

{
  "type": "webnowplaying",
  "name": "WebNowPlaying",
  "settings": {
    "player": "default"
  }
}

典型生态项目

Rainmeter 适配器

由 keifufu 和 tjhrulz 开发的官方 Rainmeter 适配器，允许用户在 Rainmeter 皮肤中显示和控制浏览器中的媒体播放。

OBS 适配器

由 keifufu 开发的官方 OBS 适配器，允许用户在 OBS 中显示和控制浏览器中的媒体播放。

CLI 适配器

由 keifufu 开发的官方 CLI 适配器，允许用户通过命令行界面控制浏览器中的媒体播放。

Macro Deck 2 适配器

由 jbcarreon123 开发的非官方 Macro Deck 2 适配器，允许用户在 Macro Deck 2 中控制浏览器中的媒体播放。

通过这些适配器，WebNowPlaying 扩展可以与多种外部工具和平台集成，提供丰富的媒体控制和显示功能。

WebNowPlayingA NowPlaying like plugin for rainmeter built for getting music info from websites项目地址:https://gitcode.com/gh_mirrors/we/WebNowPlaying