这是一个非常简单的,无后端仿 YouTube Live Chat 的 Bilibili 直播弹幕在线展示器
主要用于 OBS,为的是在低功能需求的情况下,不依靠任何第三方软件实现弹幕/礼物展示
项目成品直接部署在 Github Pages
- 打开 bilivechat.moe.best;或下载
docs
目录下的所有文件后,用浏览器直接打开docs/index.html
- 输入房间号,填写设置项,点击“Go!”,然后复制新页面的地址
- 在 OBS 中添加“浏览器”来源,将地址粘贴到“URL”处,根据自己需要调整宽高数值
- Enjoy~
由于获取用户头像需要调用 B 站 API,未经设置时在浏览器中无法直接跨域调用,有三种解决方案
支持任何基于 Chromium 的浏览器(包括 OBS Browser),通过添加--disable-web-security
启动参数来允许跨域,但不建议在任何常用浏览器中允许跨域
其他浏览器请自行搜索开启允许跨域的方法
该方案依赖于 api.imjad.cn 或 json2jsonp,您无需进行任何额外操作,但不建议在弹幕量大的场景下使用
这个功能依赖于本地运行的服务,即项目中的src/faceService.js
如果你是 Windows 用户,你可以直接使用打包好的可执行文件而不必 clone 本项目,下载后双击运行即可,可最小化到任务栏托盘
该可执行文件的本质是一个自解压程序,执行后会将一个 C# 写的简单 GUI 程序和 pkg 打包src/faceService.js
生成的程序解压到 Windows 临时目录并执行,因为是临时花了个把小时现学 C# 写的一个辅助性质的 GUI 因此没有开源,如果你对此不放心你可以使用下面所述的方式
你也可以自行安装 Node.js,然后
git clone https://github.com/Tsuk1ko/bilibili-live-chat.git
cd bilibili-live-chat
npm i
npm start
小于 1000 的直播间号都是由B站预留并后期人为分配的,并不是真正的直播间号,所以必须使用原直播间号才能正确连接这部分直播间
得到原直播间号的方法是打开UP主的空间,直接查看空间右侧直播间的链接得到直播间号
std4453/bilibili-danmaku-client
如果有好的意见和建议,欢迎提出 :>