添加readme

This commit is contained in:
John Smith 2019-05-22 21:21:03 +08:00
parent 3be0e192e9
commit 24cc546a5a
2 changed files with 26 additions and 0 deletions

26
README.md Normal file
View File

@ -0,0 +1,26 @@
# blivechat
用于OBS的仿YouTube风格的bilibili直播聊天层
最近喜欢看VTuber想为此写些程序于是有了这个东西。~~写到一半发现有类似项目了,而且还是纯前端实现的:[bilibili-live-chat](https://github.com/Tsuk1ko/bilibili-live-chat)。~~ 本项目就当做练手吧而且对YouTube的模仿程度更高指样式和Super Chat
![截图](https://github.com/xfgryujk/blivechat/blob/master/screenshot.png)
## 特性
* 兼容YouTube直播chat的样式生成样式参考[https://chatv2.septapus.com/](https://chatv2.septapus.com/)
* 金瓜子礼物模仿Super Chat显示
* 高亮舰队、房管、主播的用户名
## 使用方法
1. 编译前端需要安装NPM
```sh
cd frontend
npm i
npm build
```
2. 运行服务器:
```sh
python3 main.py
```
3. 用浏览器打开[http://localhost](http://localhost)输入房间号进入复制房间URL其实就是http://localhost/room/<房间ID>
4. (可选)在[https://chatv2.septapus.com/](https://chatv2.septapus.com/)生成样式复制CSS
5. 在OBS中添加浏览器源输入URL和自定义CSS

BIN
screenshot.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 273 KiB