Skip to content

Latest commit

 

History

History
27 lines (23 loc) · 2.21 KB

README.md

File metadata and controls

27 lines (23 loc) · 2.21 KB

Echo Live

一款基于 Echo 的用于无声系虚拟主播直播的仿视觉小说对话框 OBS 插件。该插件无需部署本地服务器,下载后开箱即用。

使用方法

  1. 打开 OBS,将 live.html 作为浏览器源(勾选“本地文件”)添加到您的场景中。
  2. 使用文本编辑器打开 start.js 备用。建议您使用 VSCode 等专业文本编辑器作为您的文本编辑器,不建议使用 Windows 内置的记事本。
  3. 通过浏览器打开 editor.html,根据网页指引生成对话数据并复制。
  4. start.js 中的内容替换成复制的内容。
  5. 在 OBS 中选中浏览器源,点击 “刷新”。如果您自定义了一串消息列表,点击 “交互”,在弹出的窗口中点击任意内容区域即可开始打印下一条消息。

注意事项

  • 每次显示新对话都需要刷新源。
  • 富文本不适合快节奏的直播活动,更适合用作预先准备好的演出。
  • 如果您自定义了一串消息列表,请不要在未播放完的情况下连续点击对话框,这会产生意料之外的情况。
  • 在浏览器中预览效果时,一些浏览器的自动播放音频政策会导致您在未点击网页的情况下听不到打字音效,这是正常现象,OBS 内置浏览器无此限制。

客制化

  • css/live.css 定义了对话框的样式,里面已经整理好了常用变量以供修改。
  • css/echo.css 定义了对话框正文的样式。
  • css/fh-ui.css 是编辑器所使用的 UI 库,请不要动它,除非您知道您在做什么。
  • css/editor.css 是编辑器所使用的样式,请不要动它,除非您知道您在做什么。
  • config.js 是配置文件,可修改默认滚动速度等信息。
  • js/live.js 是部署 js/echo.js 的脚本,主要工作为导入配置、绑定事件、配合 css/echo.css 解析消息格式。
  • js/sounds.js 定义了打字音效。

杂谈

这是我目前能想到的最优解决方案,更便捷的操作流程需要部署服务器,无论是本地服务器还是云服务器都是对用户智商和钱包的考验。如果您有更优秀的解决方案,欢迎提出。