本站通过浏览器 Web Bluetooth 直连支持标准 BLE 心率服务
(0x180D)的设备,实时绘制滚动心电图。每次心搏都会在指定位置
迸发一大片星空粒子,并点亮信号指示灯。
未连接设备时自动进入模拟模式,拖动底部的速度滑块可改变运动强度,
心率会随强度平滑上升并带轻微波动,适合演示与调试。
只要设备支持标准 BLE 心率服务(0x180D)即可连接。部分手表/手环需先在设备端 手动开启「心率广播」或「心率推送」功能,浏览器才能搜索到。
· 建议使用 Chrome 或 Edge 等 Chromium 内核浏览器
· 页面必须运行在 HTTPS 或 localhost 下,蓝牙才可用
· 搜索时请确保设备处于配对模式且未被其他 App 占用
· 若设备未广播标准服务,可尝试在代码中改用 acceptAllDevices 兜底
1. 用 Chrome 或 Edge 打开页面(HTTPS 或 localhost)
2. 点击底部「连接心率设备」,选择你的设备
3. 连接成功后,心电图会实时显示心率,每次心搏触发星空粒子与信号灯闪烁
4. 未连接设备时,拖动「速度」滑块即可模拟 68–180 BPM
液态玻璃:开启后,面板、按钮、弹窗切换为苹果风格的液态玻璃质感,带边缘色散、透镜高光。默认关闭。
透明度:调节玻璃的不透明程度。0% 最透明,粒子完全透出;100% 最实,对比度最高。
透镜带:在屏幕上横贯一条液态玻璃透镜。带内的 ECG 波形与粒子会被模糊、提亮,上下边缘叠加高光与色散,产生内容被推挤变形的视觉效果。
透镜带位置:控制透镜带在屏幕上的垂直位置。
启用粒子:控制心跳时是否迸发星空粒子。
粒子强度:控制每次心跳生成的粒子数量(标准 / 丰富 / 爆炸 / 狂野)。
全屏分布:开启后,粒子云以屏幕中心为圆心覆盖整个屏幕,此时分布位置、分布半径、自定义坐标将被禁用。
分布位置:粒子云的中心锚点。
分布半径:粒子云覆盖范围。
粒子颜色:点击色块切换粒子颜色。
摆动方向:控制粒子的初速度方向。
局部放大:在屏幕右下角显示一个放大窗口,展示最近一个完整心搏的波形。
手动打点标记:开启后,点击波形区域会在该位置添加一个运动节点标记。
心跳信号灯:顶部 BPM 数字下方,每次心搏时向外扩散脉冲圆环。
信号强度条:显示蓝牙连接质量(0–100%),四格信号柱逐格点亮。
· 点击右上角「设置」/「关于」切换面板
· 点击面板外空白区域或按 ESC 关闭当前面板
· 打开面板时,背景的 ECG 波形与粒子继续运行,可透过面板看到
Chrome / Edge 等 Chromium 内核浏览器,页面运行在 HTTPS 或 localhost 下。Safari、Firefox 暂不支持 Web Bluetooth。