更新readme

This commit is contained in:
John Smith 2019-06-22 17:17:30 +08:00
parent 82f7a84793
commit 36136af08d
5 changed files with 14 additions and 10 deletions

View File

@ -1,25 +1,29 @@
# blivechat
用于OBS的仿YouTube风格的bilibili直播聊天层
最近喜欢看VTuber想为此写些程序于是有了这个东西。~~写到一半发现有类似项目了,而且还是纯前端实现的[bilibili-live-chat](https://github.com/Tsuk1ko/bilibili-live-chat)。~~ 本项目就当做练手吧而且对YouTube的模仿程度更高指样式和Super Chat
最近喜欢看VTuber想为此写些程序于是有了这个东西。~~写到一半发现有类似项目了:[bilibili-live-chat](https://github.com/Tsuk1ko/bilibili-live-chat)、[BiliChat](https://github.com/3Shain/BiliChat)。~~ 本项目就当做练手吧而且对YouTube的模仿程度更高
![截图](https://github.com/xfgryujk/blivechat/blob/master/screenshot.png)
![OBS截图](https://github.com/xfgryujk/blivechat/blob/master/screenshots/obs.png)
![Chrome截图](https://github.com/xfgryujk/blivechat/blob/master/screenshots/chrome.png)
![样式生成器截图](https://github.com/xfgryujk/blivechat/blob/master/screenshots/stylegen.png)
## 特性
* 兼容YouTube直播chat的样式,生成样式参考[https://chatv2.septapus.com/](https://chatv2.septapus.com/)
* 兼容YouTube直播chat的样式
* 金瓜子礼物模仿Super Chat显示
* 高亮舰队、房管、主播的用户名
* 支持屏蔽弹幕、限制最大速度等设置
* 自带样式生成器
## 使用方法
### 发布版
1. 下载[发布版](https://github.com/xfgryujk/blivechat/releases)仅提供Windows
1. 下载[发布版](https://github.com/xfgryujk/blivechat/releases)(仅提供x64 Windows
2. 双击`blivechat.exe`运行服务器或者用命令行可以指定host和端口号
```bat
blivechat.exe --host 127.0.0.1 --port 80
```
3. 用浏览器打开[http://localhost](http://localhost),输入房间进入复制房间URL其实就是http://localhost/room/<房间ID>
4. (可选)在[https://chatv2.septapus.com/](https://chatv2.septapus.com/)生成样式复制CSS
5. 在OBS中添加浏览器源输入URL和自定义CSS
3. 用浏览器打开[http://localhost](http://localhost),输入房间ID进入房间复制房间URL
4. (可选)用样式生成器生成样式复制CSS
5. 在OBS中添加浏览器源输入URL和自定义CSS或者可以在首页的样式设置里输入CSS
### 源代码版
1. 编译前端需要安装NPM
@ -36,6 +40,6 @@
```sh
python3 main.py --host 127.0.0.1 --port 80
```
3. 用浏览器打开[http://localhost](http://localhost),输入房间进入复制房间URL其实就是http://localhost/room/<房间ID>
4. (可选)在[https://chatv2.septapus.com/](https://chatv2.septapus.com/)生成样式复制CSS
5. 在OBS中添加浏览器源输入URL和自定义CSS
3. 用浏览器打开[http://localhost](http://localhost),输入房间ID进入房间复制房间URL
4. (可选)用样式生成器生成样式复制CSS
5. 在OBS中添加浏览器源输入URL和自定义CSS或者可以在首页的样式设置里输入CSS

Binary file not shown.

Before

Width:  |  Height:  |  Size: 305 KiB

BIN
screenshots/chrome.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 105 KiB

BIN
screenshots/obs.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 288 KiB

BIN
screenshots/stylegen.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 139 KiB