Skip to content
📽️ 无后端的仿 YouTube Live Chat 风格的B站弹幕展示器
JavaScript
Branch: master
Clone or download

Latest commit

Latest commit 044267e May 30, 2020

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs chore: replace fonts CDN May 30, 2020
src feat: support protocol v2, resolve #7 Apr 11, 2020
.gitattributes Initial commit Feb 12, 2019
.gitignore
.prettierrc chore: update dependencies Apr 11, 2020
LICENSE Initial commit Feb 12, 2019
README.md deprecate localStorage cache, fix issue of direct request Mar 15, 2020
package.json v1.7.0 Apr 11, 2020
webpack.config.js deprecate localStorage cache, fix issue of direct request Mar 15, 2020
yarn.lock chore: update dependencies Apr 11, 2020

README.md

bilibili-live-chat

Preview

这是一个非常简单的,无后端仿 YouTube Live Chat 的 Bilibili 直播弹幕在线展示器

主要用于 OBS,为的是在低功能需求的情况下,不依靠任何第三方软件实现弹幕/礼物展示

项目成品直接部署在 Github Pages

使用步骤

  1. 打开 bilivechat.moe.best;或下载docs目录下的所有文件后,用浏览器直接打开docs/index.html
  2. 输入房间号,填写设置项,点击“Go!”,然后复制新页面的地址
  3. 在 OBS 中添加“浏览器”来源,将地址粘贴到“URL”处,根据自己需要调整宽高数值
  4. Enjoy~

关于“显示头像”

由于获取用户头像需要调用 B 站 API,未经设置时在浏览器中无法直接跨域调用,有三种解决方案

跨域(OBS 推荐)

支持任何基于 Chromium 的浏览器(包括 OBS Browser),通过添加--disable-web-security启动参数来允许跨域,但不建议在任何常用浏览器中允许跨域

其他浏览器请自行搜索开启允许跨域的方法

在线

该方案依赖于 api.imjad.cnjson2jsonp,您无需进行任何额外操作,但不建议在弹幕量大的场景下使用

本地

这个功能依赖于本地运行的服务,即项目中的src/faceService.js


如果你是 Windows 用户,你可以直接使用打包好的可执行文件而不必 clone 本项目,下载后双击运行即可,可最小化到任务栏托盘

下载点:Github / OneDrive

该可执行文件的本质是一个自解压程序,执行后会将一个 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

如果有好的意见和建议,欢迎提出 :>

You can’t perform that action at this time.