如何在直播/视频、BS游戏中显示心率?
必备硬件:支持心率广播的心率带、智能手环等设备
本文涉及的APP、工具、Mod可以在这里下载:
https://pan.baidu.com/s/1Ab554iqz68HCGgwODC0IJA?pwd=tcf3
本文作者: YoLeax ,欢迎关注我的 B 站帐号:
https://space.bilibili.com/7757683
心率数据源方案总览&对比
|
MiBand Heart Rate |
PULSOID |
HypeRate |
YUR (只适用于VR游戏) |
数据路径 |
1. 心率设备 2. 电脑 3. OBS内显示 |
1. 心率设备 2. 手机 APP 3. PULSOID 服务器 4. OBS、BS游戏内显示 |
1. 心率设备 2. 手机 APP / Web 蓝牙 3. HypeRate 服务器 4. OBS、BS游戏内显示 |
1. 心率设备 2. 电脑 3. OBS、BS游戏内显示 |
优点 |
1. 纯本地 2. 简单易用 3. 可以读取小米手环4~7的心率广播 |
1. 数据开放,支持广泛 2. 仪表盘美观丰富,简单易用 |
1. 数据开放,支持广泛 2. 仪表盘美观丰富,可定制性强 |
1. 本地数据路径 2. 数据丰富,除了心率,还能综合头手运动情况来计算、显示卡路里、下蹲次数等
|
缺点 |
|
数据要去服务器(可能在国外)绕一圈,存在延迟、稳定性方面顾虑 |
数据要去服务器(可能在国外)绕一圈,存在延迟、稳定性方面顾虑 |
1. 只能在游玩VR游戏时使用 2. PC 端应用需要在 Steam 外区获取 |
额外硬件需求 |
电脑需具备BLE(蓝牙低能耗,Bluetooth Low Energy)(可使用蓝牙接收器) |
手机 |
手机(可以不需要) |
电脑需具备BLE(蓝牙低能耗,Bluetooth Low Energy)(可使用蓝牙接收器) |
MiBand Heart Rate
工具获取
- 从文章顶部网盘下载,按需选择:
- 老版 - 适用于小米手环4~7
- 新版 - 适用于所有使用标准心率广播协议的心率设备
- 使用【米环4-7的BS玩家用这个.zip】,可以将心率数据转发给 BS Mod - HRCounter
由 @花黎若尘 进行整合,使用时请阅读其中说明
(新版可以直接二次分发心率数据,不需要使用这里面的额外工具)
- 自行编译源码:
https://github.com/Tnze/miband-heart-rate
作者B站有号: @Tnze ,也可以阅读他撰写的更详细的使用教程:
《小米手环OBS直播心率简明教程》(适用于小米手环4~7)
《小米手环10心率广播OBS直播方法》
《小米手环心率直播 miband-heart-rate.exe 的高级使用方法》
在OBS中显示心率
- miband-heart-rate.exe 运行后会输出一条 URL: http://127.0.0.1:3030 ,复制它
- 在 OBS 或其他录播软件中为场景添加“浏览器”源,填入刚刚复制的 URL
PULSOID
APP下载
- 从文章顶部网盘下载(只有安卓)
- 在 Google Play / App Store 搜索 Pulsoid
帐号注册
在OBS中显示心率
- 进入仪表盘管理页 https://pulsoid.net/ui/configuration
- 在 Library 中挑选心仪的仪表盘,点击 "Add to my widgets"
- 在 My widgets 中点击想要使用的仪表盘的 "Configure" 按钮
- 复制类似这样的 URL : https://pulsoid.net/widget/view/xxxx-xxxx-xxxx-xxxx-xxxx
- 在 OBS 或其他录播软件中为场景添加“浏览器”源,填入刚刚复制的 URL
其他说明
部分仪表板、部分仪表盘的详细配置选项,需要订阅网站的 BRO plan 才能使用
HypeRate
APP 下载
- 从文章顶部网盘下载(只有安卓)
- 在 Google Play / App Store 搜索 HypeRate
- 如果你的 WearOS 设备可以使用 Play 商店,可以直接下载手表版的 HypeRate
直接在 Web 端连接心率设备
- 开启设备心率广播
- 进入该页面: https://www.hyperate.io/Webbluetooth/index
- 点击 "Connect Device"
- 在弹出窗口中配对你的设备
这样就可以不使用手机了,不过 Web 端的 ID 可能容易发生变化?
关于 ID
- HypeRate 不需要注册账号,它以 ID 作为用户标识
- 在手机 APP 中,主界面中部 URL 的最后一串字符就是 ID
- 在 Web 蓝牙页面会直接显示 ID
- 在后续自定义仪表盘、其他应用拉取心率数据时会使用这个 ID
- 清空手机 APP 数据会导致 ID 刷新
在OBS中显示心率
-
获取心率仪表盘 URL
- 手机 APP :位于主界面中部
- Web 端:点击 "Copy URL for OBS"
(这个 URL 是最基础的仪表盘)
-
在 OBS 或其他录播软件中为场景添加“浏览器”源,填入刚刚复制的 URL
自定义仪表盘(官方)
- 进入该页面: https://www.hyperate.io/widget-configurator
- 输入你的 ID ,点击 "Connect"
- 对仪表盘进行个性化设计
- 设计完毕后,点击 "Copy URL for OBS" ,更新 OBS 浏览器源的 URL
更多仪表盘
- 进入该页面: https://www.hyperate.io/gallery
- 挑选心仪的仪表盘
- 如果光标放上去显示 "Copy to clipboard" ,点击后去更新 OBS 浏览器源的 URL 即可
- 如果光标放上去显示 "Configure XXX" ,点击后会进入该仪表盘的配置页面,配置完毕后,复制 URL ,更新 OBS 浏览器源的设置
YUR(只适用于VR游戏)
应用下载
PC 端应用需要在 Steam 外区获取(免费),可以创建一个外区小号,下载应用后即可切回大号。
Steam 页面: https://store.steampowered.com/app/1188920/YUR/
它也有移动端应用,但不用安装。
帐号注册
在 PC 端应用上进行注册登录。
YUR 启动后可能默认收纳在右下角系统托盘中,双击打开主界面。
官网右上角那个大大的 "Try it now" 按钮是 AI 运动教练的入口,不要点...
在OBS中显示心率
-
右键系统托盘中的 YUR 图标,勾选 "Enable Desktop Overlay" 和 "Always Show Desktop Overlay"
-
在 OBS 或其他录播软件中为场景添加“窗口采集”源,设置如下:
窗口
YUR.fit Overlay
采集方式
Windows 10(1903或更新版本)
窗口匹配优先级
窗口标题必须匹配
显示鼠标指针
取消勾选
-
这个 Overlay 窗口本身就是背景透明的,如果 采集方式
未选择 “Windows 10(1903或更新版本)”,它在 OBS 中的背景会变成品红色,需要额外操作如下:
- 打开这个源的“滤镜”窗口
- 在“效果滤镜”中添加“色度键”
关键色类型
选择“品红”
注意:这种方法会导致品红色的正常内容也被抠除,因此不推荐。
自定义 Desktop Overlay 显示组件
- 打开 YUR 主界面,点击右上角的三条杠,然后点击 Widgets
- 9款控件,5个槽位,自行选择
填写身体数据
- 打开 YUR 主界面,点击右上角的三条杠,然后点击 Profile
- 填写数据, YUR 依据这些数据计算卡路里和下蹲次数
自定义 SteamVR Overlay
- 打开 YUR 主界面,点击顶部的 Settings
- 自行调节尝试,在此不做展开
BS 游戏内心率显示 MOD 总览&对比
|
HRCounter |
YUR |
显示信息 |
心率 |
心率 卡路里 下蹲次数 本次游玩时长 YUR 运动等级 ... |
数据源支持 |
Pulsoid HypeRate Fitbit YUR WebRequest(可自行扩展) ... |
YUR |
显示时机 |
局内 |
局内、局外,且能自定义 |
HRCounter
项目页面
https://github.com/qe201020335/HRCounter
由 @Sky·Qe 开发
MOD 下载
配置数据源
在配置数据源之前,请先安装 MOD 并运行一次游戏来生成 MOD 配置文件(位置: 游戏目录/UserData/HRCounter.json )
注意:手动修改配置文件前,请关闭游戏
MiBand Heart Rate
- 新版工具(标准协议设备):
新版可以二次分发数据,更改 MOD 配置文件中的 DataSource
和 FeedLink
字段:
"DataSource": "WebRequest",
"FeedLink": "http://127.0.0.1:3030/heartrate",
说明: 如果频繁出现 HRCounter 的心率数据更新延迟/更新间隔异常长,私信 我(@YoLeax) 或 @Sky·Qe 反馈。
- 旧版工具(小米手环4~7):
使用网盘中的【米环4-7的BS玩家用这个.zip】(由 @花黎若尘 进行整合),它可以将心率数据转发给 HRCounter ,使用时请阅读其中说明。
如果不想覆盖自己已有的 MOD 配置文件,只需更改 MOD 配置文件中的 DataSource
和 FeedLink
字段:
"DataSource": "WebRequest",
"FeedLink": "http://localhost:2548/",
Pulsoid
- 从这里获取 Pulsoid 的 token ,如果订阅了 BRO plan ,从这里获取
- 请将该 token 保存在安全的地方,因为它不会在短时间内过期,你将来始终可以重复使用该令牌
- 更改 MOD 配置文件中的
DataSource
和 Pulsoid Token
字段:
"DataSource": "Pulsoid",
"PulsoidToken": "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx",
HypeRate
- 获取自己的 HypeRate ID
- 更改 MOD 配置文件中的
DataSource
和 HypeRateSessionID
字段:
"DataSource": "HypeRate",
"HypeRateSessionID": "xxxxx",
YUR
- 运行 YUR PC 端应用
- 更改 MOD 配置文件中的
DataSource
字段:
"DataSource": "YUR APP",
游戏运行中,以通过游戏主界面左侧 HRCounter → Data 标签页 → DataSource
选项在各个数据源之间进行切换
心率显示位置设置
配合 Counters+ MOD 使用
- 安装 Counters+ MOD: https://beatmods.com/mods/37
- HRCounter 设置页 → General 标签页 → 关闭 Ignore Counters+ 选项,否则场上会同时存在两个心率显示控件
- Counters+ 设置页 → 底部 Counters 标签页 → 滚动到最右边,点击 Heart Rate Counter
- 启用该控件并对其位置进行设置
个人使用感受:这种方法不太容易调到令人满意的位置,因为 Counters+ 的位移步进太大,且控件定位会随场景发生变化
独立使用
- HRCounter 设置页 → General 标签页 → 打开 Ignore Counters+ 选项
- 如果安装了 Counters+ ,关闭里面的 Heart Rate Counter 控件,否则场上会同时存在两个心率显示控件
- 在游戏关闭的情况下更改 MOD 配置文件中的
StaticCounterPosition
字段,比如(推荐数值):
"StaticCounterPosition": { "x": 0.0, "y": 2.0, "z": 5.0 },
个人使用感受:可以对控件位置进行细致调整,但每次调整都要关闭游戏、修改配置文件、再启动游戏查看效果,比较费力
其他功能
General 标签页
Hide During Replay
播放回放时隐藏心率控件
Counter No Bloom
关闭心率控件辉光效果
Icon 标签页
自定义心跳图标
Colorize 标签页
心率数字颜色基于心率值进行渐变
Health & Safety 标签页
若心率达到设定数值,自动暂停游戏,防止暴毙
YUR
MOD 下载
数据控件介绍
YUR MOD 提供了三组控件,它们分别显示以下数据:
- Current - 本场数据
- 时钟(可选)
- 心率
- 卡路里
- 下蹲次数
- 本场游玩时长
- Daily - 本日数据
- 本日累计卡路里 / 本日目标卡路里
- 本日累计游玩时长
- Level - YUR 运动等级
通过游戏主界面左侧 YUR.FIT → 齿轮图标 → 对应标签页,可以对他们进行以下设置:
Visibility
显示时机
- Always - 局内、局外都显示
- In Menu - 仅局外显示
- In Game - 仅局内显示
- Never - 完全不显示
Allow Movement
显示移动手柄,用于调节控件定位(局内定位实际无法调节)
注意事项
如果没运行 YUR PC 端应用, YUR MOD 会导致 BS 在退出的时候卡住