diff --git a/README.md b/README.md index 12a37fe..d940624 100644 --- a/README.md +++ b/README.md @@ -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 diff --git a/screenshot.png b/screenshot.png deleted file mode 100644 index 2a4d481..0000000 Binary files a/screenshot.png and /dev/null differ diff --git a/screenshots/chrome.png b/screenshots/chrome.png new file mode 100644 index 0000000..821441f Binary files /dev/null and b/screenshots/chrome.png differ diff --git a/screenshots/obs.png b/screenshots/obs.png new file mode 100644 index 0000000..fd138e9 Binary files /dev/null and b/screenshots/obs.png differ diff --git a/screenshots/stylegen.png b/screenshots/stylegen.png new file mode 100644 index 0000000..00e1063 Binary files /dev/null and b/screenshots/stylegen.png differ