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直播评论栏
17 Commits 2 Branches 34 Tags 9.4 MiB
JavaScript 59.9%
Python 20.5%
Vue 12.2%
CSS 6.9%
HTML 0.4%
874c9e84e0
Go to file
John Smith 874c9e84e0 添加侧边栏
2019-06-11 12:51:25 +08:00
blivedm@39fb86a9b2 优化文件结构 2019-06-09 12:37:59 +08:00
frontend 添加侧边栏 2019-06-11 12:51:25 +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 使用ElementUI 2019-06-10 18:38:21 +08:00
LICENSE Initial commit 2019-05-21 19:15:12 +08:00
main.py 添加命令行选项 2019-05-26 17:14:59 +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