返回 Pack GalleryMotion Pack 16 · 工作流表面
媒体拖动
拖动时间线时，让画面帧、时间标记和进度轨道保持同步。
Motion · 01
Arrival pattern00:09 / 01:20
实现一个媒体拖动预览：用户拖动原生 range 时间线时，画面中的播放头、时间文字与进度填充连续更新。拖动停止后保持当前帧，避免额外的装饰性循环。
动效规则
画面、时间和轨道的更新必须来自同一个进度值。
减弱动效
保持拖动与内容同步，省略画面内部的过渡。
实现
HTML、CSS 与行为所需的 JavaScript 一起复制。