这篇指南聚焦“Muse 计时器网页”。下面把问题拆成容易跟做和复查的步骤。
01｜先准备一份已经确认的清单
先把练习清单写清楚再请 Muse 做计时页面。每行只列你或教练已经确认的动作名称、顺序、时长、休息和轮数。动作说明、强度或配重若没有写，留空就好。不要让 Muse 按常见训练表补齐。
Rishabh Jain 的公开演示里，workout applet 显示分钟进度、动作名称和开始、重置、跳过控件。作者随后提醒，生成的动作姿势不可靠。计时器能帮人看时间，动作仍应沿用教练确认的指导。页面不放 AI 生成的动作视频或姿势图。
02｜先决定网页需要做什么
第一版只做一轮。页面显示当前项目、剩余秒数、下一项、总进度和开始、暂停、继续、重置按钮。需要休息阶段或多轮时，照原清单写出来。跳过按钮也要说明会前往哪一项，并把剩余时间算对。
Meta 将可互动的网页等输出称为 Artifacts。它们能通过聊天交付，也可以在聊天外使用；公开说明没有写每个 Artifact 都能导出离线 HTML，也没有承诺锁屏后台持续计时。先让 Muse 在当前 Artifact 里做计时页面。拿到结果后，再确认实际的分享或导出选项。
03｜把原始清单交给 Muse
把清单按顺序贴给 Muse，时长统一用秒或分钟。每个阶段单独一行，列明类型、名称、时长和下一项。先让 Muse 复述成表格，逐项核对动作、顺序、轮数和休息时间，再叫它生成页面。
可以这样写。请把下面这份我和教练已经确认的清单做成一个用于练习时看时间的 Artifact 网页。只使用我给的动作名称、顺序、时长、休息时间和轮数，不添加动作、次数、配重、姿势说明或训练建议。先回显表格供我核对，确认后再生成页面。页面要有开始、暂停、继续、重置、跳过当前项和静音开关，显示当前项、剩余时间和下一项。不要生成动作视频或姿势图片。
04｜让倒数按时间差计算
页面上的数字每秒刷新一次，不代表浏览器每秒都准时运行脚本。MDN 提醒，浏览器可能把页面隐藏后的定时器延后或集中执行，间隔回调实际发生时间也可能晚于设置值。若程序只在每次回调时减一秒，页面切到后台后就可能慢下来。
请 Muse 用一个结束时间来计算剩余秒数，每次刷新屏幕时重新计算当前时间到结束时间的差值。切到别的标签页再回来时，也重新算一次。如果页面在暂停状态，恢复时从保存的剩余秒数重新设结束时间。这样能让显示跟上经过的时间，但不能让浏览器在页面被关闭或系统休眠时继续响铃。
05｜把声音做成可选择的提醒
音效只负责提醒，不要播放配乐或带动作的示范。页面要有明显的静音开关和视觉提示。让用户先点开始，再尝试启用提示音；MDN 说明脚本调用播放可能被浏览器拒绝，play() 会通过 Promise 报告成功或失败。发生拒绝时，页面应继续显示计时并给出可见提示，不能假装声音已经打开。
第一次试用前把音量调低，用几秒钟的测试项目确认开始、暂停和结束提示。若你要在健身房戴耳机或把手机放远，先确认提示方式适合当时环境。静音状态、浏览器权限和设备媒体音量要分开检查。
06｜做一轮短测试再放入完整清单
先用两项各十秒的测试清单，两项之间留五秒休息。确认倒数到零时会切换到正确阶段，休息结束会进入下一项，最后一项结束后会停在完成状态。暂停后等几秒再继续，时间要从原位置接上；重置后进度回到第一项；跳过后显示的下一项也要对。
再测试声音开关、手机窄屏、浏览器重新载入和页面切换。页面重载后是否能恢复进度取决于它实际保存的状态，不能默认会保存。只有短测试的结果都对，才把完整清单贴入。发现时长或顺序不符，先改清单或提示，再重复刚才的验收。
07｜锁屏和后台要单独验收
开始计时后把浏览器切到后台一会儿，再回来看剩余时间和当前阶段。先别锁屏。随后锁屏短暂测试，检查页面亮起后是否根据真实经过时间校正。最要紧的是确认返回时当前项目、经过的阶段和总进度彼此吻合，不能只看秒数有没有变化。MDN 的 Page Visibility API 能通知网页标签页变成 hidden 或 visible，但它不是让网页绕过系统调度的后台服务。
若浏览器关闭、系统清理页面或手机休眠时提醒停止，按实际表现标明限制，并让使用者保持页面打开或改用专门计时器。Muse Artifact 能生成网页，并不等于离线单文件、锁屏常驻通知或后台报警都已经可用。不要把尚未验证的后台功能写进页面说明。
08｜保留清单来源并按实测结果修改
页面上可放一个“清单版本”或简单备注，写清更新时间和清单由谁确认。修改练习顺序或时长时，先保存旧版本，再将新清单逐项对照并用短测试复核。让 Muse 只改你点名的文字或时长，不要让它顺手改动作名称、阶段逻辑和提醒方式。
当测试不通过时，把问题描述成具体结果，例如“从休息阶段继续后，页面回到了上一动作”或“切到后台三分钟再回来，剩余时间没有变化”。附上预期显示和当前显示，请 Muse 只修对应计时状态，再重复同一条测试。相关的资料整理也可以接着看 Muse 报告与 PDF 教程。
参考来源
以下资料用于核对本文中的产品信息。Musevip 为独立中文指南，与 Meta 无隶属关系。
本文最后核验于 2026.10.02。产品页面可能更新。