My Homepage Has a Pulse
6 hours ago
- #Personal Website
- #Health Tracking
- #DIY Projects
- 作者在他们的主页上添加了一个跳动的心率小部件，该部件显示来自Garmin Descent Mk3i潜水手表的实际心率（例如，48 bpm），并以该频率模拟心脏的跳动。
- 由于限制，该小部件会重播昨天的心率数据（非实时）：手表分批同步数据，且静态网站无法托管实时数据流。数据通过一个使用非官方python-garminconnect库的Python脚本每日获取。
- 关键技术细节：使用OAuth令牌进行身份验证（每年刷新），时区处理确保准确的'昨天'数据，而客户端JavaScript通过2分钟采样点之间的插值创建平滑、近似实时的显示效果。
- 插值包含保障措施：如果间隔超过20分钟（例如手表关闭时），小部件将隐藏以避免显示虚构数据；同时，午夜时间循环处理可防止数据丢失。
- 心跳动画使用CSS关键帧来模拟收缩/舒张周期，根据BPM值调整缩放，并尊重用户的运动偏好设置。该系统不会产生持续成本，也不会影响手表的电池续航。