github-repos/blivechat
1
0
Fork 0
mirror of https://github.com/xfgryujk/blivechat.git synced 2024-12-27 13:20:29 +08:00
Code Issues Packages Projects Releases Wiki Activity
用于OBS的仿YouTube风格的bilibili直播评论栏
24 Commits 2 Branches 34 Tags 9.4 MiB
JavaScript 59.9%
Python 20.5%
Vue 12.2%
CSS 6.9%
HTML 0.4%
05180c3acb
Go to file
John Smith 05180c3acb 滚动条模仿、简化代码
2019-06-14 09:09:46 +08:00
blivedm@2f705b86ce 添加错误处理 2019-06-12 22:37:07 +08:00
frontend 滚动条模仿、简化代码 2019-06-14 09:09:46 +08:00
views 滚动条模仿、简化代码 2019-06-14 09:09:46 +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
LICENSE Initial commit 2019-05-21 19:15:12 +08:00
main.py 完成配置功能 2019-06-12 19:20:17 +08:00
README.md 各种小修改 2019-05-28 19:05:59 +08:00
requirements.txt 各种小修改 2019-05-28 19:05:59 +08:00
screenshot.png 各种小修改 2019-05-28 19:05:59 +08:00

README.md

blivechat

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

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

截图

特性

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

使用方法

发布版

  1. 下载发布版（仅提供Windows）
  2. 双击blivechat.exe运行服务器，或者用命令行可以指定host和端口号： 
    blivechat.exe --host 127.0.0.1 --port 80
  3. 用浏览器打开http://localhost，输入房间号，进入，复制房间URL（其实就是http://localhost/room/<房间ID>）
  4. （可选）在https://chatv2.septapus.com/生成样式，复制CSS
  5. 在OBS中添加浏览器源，输入URL和自定义CSS

源代码版

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