HFLive-BMT

这是什么

这是一套可用于OBS的标题Web页面，可以实现基本的文字显示和动画。

本插件由HFLive13.0某同学开发，初衷是给HFLive提供一个可用的、轻量的、美观的Title软件。考虑开发简便性和使用简便性，最终使用纯HTML+CSS+JavaScript开发，可以离线使用。

在GitHub上下载本软件的源码，内含bmt-css、bmt-js、mdui等文件夹，control-panel.html、show-source.html等文件。将这些内容复制到任一可访问的文件夹，不要删除。

直接双击两个以html结尾的文件或拖入同一电脑的同一款浏览器，就可以在控制面板上控制，显示面板中查看标题效果。

打开OBS，左上角视图 > 停靠部件(Dock) > 自定义浏览器(Dock)

在弹出的窗口中，左侧Dock名可随意填写（如“HFLiveBMT - 控制面板")，右侧URL填写control-pannel.html文件的路径（如"C:\User\xiaoxuan010\Desktop\HFLive-BMT\control-pannel.html"），注意路径不要加双引号。
弹出的控制窗口，可以自由拖动，并入OBS界面中。（注意检查不要“锁定用户界面“）
添加源“浏览器”，属性为：勾选本地文件，路径为show-source.html的路径（如C:/Users/xiaoxuan010/Desktop/HFLive-BMT/show-source.html）；宽度设置为1080，高度设置为1920；可以使用自定义帧率（也可以不用）；自定义CSS全部删掉（或按需填写）；其它可按默认。

在OBS 27.2.1中，出现了一些特性，需要改变安装方法。如果安装之后发现无法使用，就两种方法都试一下。

左上角“停靠窗口>自定义浏览器停靠窗口"，以下步骤同上。
重点来了：浏览器源中，不用勾选文件，按如下格式填入地址“file:///M:/HFLive-BMT/show-source.html"，实在不会填的可以在浏览器打开html文件然后把路径复制下来，如图。

作者测试时使用的字体是：方正灵飞经小楷简、方正拉勾标题体简（均可在方正官网免费下载）。安装字体后即可默认使用上述两款字体显示，否则会用浏览器默认字体。有需要可以到bmt-css/source-style.css里面自己设置。

控制页面和显示页面要用同一个浏览器才能互相通信。比如OBS算一个浏览器，在OBS的Dock就可以控制源，在Chrome浏览器里的控制面板就不能控制OBS里面的源。设置存储在浏览器中，不同浏览器可以用“导入/导出功能"备份或同步设置（格式为JSON）。

长宽写死了是1920x1080，有需求的可以自己去css文件里改。

作者只是个苦逼高中生，一个周末抽空写了个小页面，可能也没时间更新。目前只针对HFLive的报幕条显示，希望HFLive14.0能用上。本软件完全免费、开源，欢迎其它大佬贡献代码。

代码文件都写了详细的注释，需要自定义显示效果的可重点阅读bmt-css/source-style.css文件。

KEY0、1、2已经可以使用，KEY3适配中

本项目完全开源，开源地址：https://github.com/xiaoxuan010/HFLive-BMT ，开源协议见LICENSE文件

本项目使用的开源代码有：