github-repos/blivechat
1
0
Fork 0
mirror of https://github.com/xfgryujk/blivechat.git synced 2024-12-26 12:50:33 +08:00
Code Issues Packages Projects Releases Wiki Activity
用于OBS的仿YouTube风格的bilibili直播评论栏
7 Commits 2 Branches 34 Tags 9.4 MiB
JavaScript 59.9%
Python 20.5%
Vue 12.2%
CSS 6.9%
HTML 0.4%
24cc546a5a
Go to file
John Smith 24cc546a5a 添加readme
2019-05-22 21:21:03 +08:00
blivedm@f755468908 添加文字消息 2019-05-22 01:11:23 +08:00
frontend 添加用户名高亮 2019-05-22 20:54:42 +08:00
.gitattributes Initial commit 2019-05-21 19:15:12 +08:00
.gitignore Initial commit 2019-05-21 19:15:12 +08:00
.gitmodules 添加文字消息 2019-05-22 01:11:23 +08:00
chat.py 添加用户名高亮 2019-05-22 20:54:42 +08:00
LICENSE Initial commit 2019-05-21 19:15:12 +08:00
main.py 添加日志、完善一些功能 2019-05-22 14:10:27 +08:00
README.md 添加readme 2019-05-22 21:21:03 +08:00
screenshot.png 添加readme 2019-05-22 21:21:03 +08:00

README.md

blivechat

用于OBS的仿YouTube风格的bilibili直播聊天层

最近喜欢看VTuber，想为此写些程序，于是有了这个东西。写到一半发现有类似项目了，而且还是纯前端实现的：bilibili-live-chat。 本项目就当做练手吧，而且对YouTube的模仿程度更高（指样式和Super Chat）

截图

特性

  • 兼容YouTube直播chat的样式，生成样式参考https://chatv2.septapus.com/
  • 金瓜子礼物模仿Super Chat显示
  • 高亮舰队、房管、主播的用户名

使用方法

  1. 编译前端（需要安装NPM）： 
    cd frontend
npm i
npm build
  2. 运行服务器： 
    python3 main.py
  3. 用浏览器打开http://localhost，输入房间号，进入，复制房间URL（其实就是http://localhost/room/<房间ID>）
  4. （可选）在https://chatv2.septapus.com/生成样式，复制CSS
  5. 在OBS中添加浏览器源，输入URL和自定义CSS