复刻 HyperFrames 渲染器的调度内核:class="clip" + data-start / data-duration / data-track-index 声明组合 → 轨道视图实时呈现。拖播放头(或点播放)到任意 t,看哪些 clip 激活、音轨如何混音——这就是 headless Chrome 每一帧做的事。故意放入同轨重叠,体验 lint 报警。
左:轨道视图(灰暗 = 该时刻不活跃)。右:t 时刻的调度读数与 lint 结果。切换预设感受不同组合,或点「制造冲突」看同轨重叠如何被 lint 抓住。