diff --git a/README.md b/README.md index 33d25242..341a6c7d 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@ # blivechat 用于OBS的仿YouTube风格的bilibili直播评论栏 -最近喜欢看VTuber,想为此写些程序,于是有了这个东西。~~写到一半发现有类似项目了:[bilibili-live-chat](https://github.com/Tsuk1ko/bilibili-live-chat)、[BiliChat](https://github.com/3Shain/BiliChat)。~~ 本项目就当做练手吧,而且对YouTube的模仿程度更高 +最近喜欢看VTuber,想为此写些程序,于是有了这个东西。~~写到一半发现有类似项目了:[bilibili-live-chat](https://github.com/Tsuk1ko/bilibili-live-chat)、[BiliChat](https://github.com/3Shain/BiliChat)~~ ![OBS截图](https://github.com/xfgryujk/blivechat/blob/master/screenshots/obs.png) ![Chrome截图](https://github.com/xfgryujk/blivechat/blob/master/screenshots/chrome.png) @@ -13,6 +13,7 @@ * 高亮舰队、房管、主播的用户名 * 支持屏蔽弹幕、合并相似弹幕等设置 * 自带样式生成器 +* 支持自动翻译弹幕、醒目留言到日语 ## 使用方法 ### 本地使用 diff --git a/frontend/public/static/img/tutorial/tutorial-1.png b/frontend/public/static/img/tutorial/tutorial-1.png index bb36aaeb..28055eea 100644 Binary files a/frontend/public/static/img/tutorial/tutorial-1.png and b/frontend/public/static/img/tutorial/tutorial-1.png differ diff --git a/frontend/public/static/img/tutorial/tutorial-2.png b/frontend/public/static/img/tutorial/tutorial-2.png index a69ca2dc..2b2f2858 100644 Binary files a/frontend/public/static/img/tutorial/tutorial-2.png and b/frontend/public/static/img/tutorial/tutorial-2.png differ diff --git a/frontend/public/static/img/tutorial/tutorial-3.png b/frontend/public/static/img/tutorial/tutorial-3.png index a7ffbc0a..320bc43a 100644 Binary files a/frontend/public/static/img/tutorial/tutorial-3.png and b/frontend/public/static/img/tutorial/tutorial-3.png differ diff --git a/frontend/public/static/img/tutorial/tutorial-4.png b/frontend/public/static/img/tutorial/tutorial-4.png index 55c9c5d3..14d7f1f5 100644 Binary files a/frontend/public/static/img/tutorial/tutorial-4.png and b/frontend/public/static/img/tutorial/tutorial-4.png differ diff --git a/frontend/public/static/img/tutorial/tutorial-5.png b/frontend/public/static/img/tutorial/tutorial-5.png index 3a4cf61d..5c24060b 100644 Binary files a/frontend/public/static/img/tutorial/tutorial-5.png and b/frontend/public/static/img/tutorial/tutorial-5.png differ diff --git a/frontend/src/lang/en.js b/frontend/src/lang/en.js index ac7eecf3..20d928d5 100644 --- a/frontend/src/lang/en.js +++ b/frontend/src/lang/en.js @@ -109,7 +109,7 @@ export default { help: { help: 'Help', p1: '1. Copy the room ID from the Bilibili live room webpage', - p2: '2. Enter the room ID into the room ID on the home page. Copy the room URL after saving the configuration', + p2: '2. Enter the room ID into the room ID on the home page. Copy the room URL', p3: '3. Generate styles with the style generator. Copy the CSS', p4: '4. Add browser source in OBS', p5: '5. Enter the previously copied room URL at URL, and enter the previously copied CSS at custom CSS' diff --git a/frontend/src/lang/ja.js b/frontend/src/lang/ja.js index dd498f89..60fa6ce4 100644 --- a/frontend/src/lang/ja.js +++ b/frontend/src/lang/ja.js @@ -109,7 +109,7 @@ export default { help: { help: 'ヘルプ', p1: '1. ビリビリの生放送ウェブから生放送ルームIDをこぴーする', - p2: '2. ホームページでコピーしたIDを入力し、配置を保存すると、ルームのURLをこぴーする', + p2: '2. ホームページでコピーしたIDを入力し、ルームのURLをこぴーする', p3: '3. スタイルジェネレータでお好みのコメント様子を選び、出力したCSSをコピーする', p4: '4. OBSでブラウザを新規作成する', p5: '5. プロパティでこぴーしたURLを入力し、カスタムCSSでスタイルジェネレータのCSSを入力する' diff --git a/frontend/src/lang/zh.js b/frontend/src/lang/zh.js index 63cc51b4..0786567c 100644 --- a/frontend/src/lang/zh.js +++ b/frontend/src/lang/zh.js @@ -109,7 +109,7 @@ export default { help: { help: '帮助', p1: '1. 从B站直播间网页复制房间ID', - p2: '2. 把房间ID输入到首页的房间ID,保存配置后复制房间URL', + p2: '2. 把房间ID输入到首页的房间ID,复制房间URL', p3: '3. 使用样式生成器生成样式,复制CSS', p4: '4. 在OBS中添加浏览器源', p5: '5. URL处输入之前复制的房间URL,自定义CSS处输入之前复制的CSS' diff --git a/screenshots/stylegen.png b/screenshots/stylegen.png index 3b3c8271..10b3a74a 100644 Binary files a/screenshots/stylegen.png and b/screenshots/stylegen.png differ