剪言 · 素材时间线工作台产品系统

短视频内容创作团队的脚本预演与素材编排场景。面向短视频创作者、剪辑师、内容运营人员，在正式拍摄剪辑前，通过本工具快速将口播文案拆解为多轨时间线，预览画面切换节奏与配音节奏，降低沟通成本和返工率。

1、脚本解析模块：输入口播文案，按标点自动分句，每句生成视频/字幕/音频/语音
四轨 Clip，支持自定义素材匹配规则。

2、多轨时间线：四轨分离布局（视频绿/字幕紫/音频红/语音橙），片段拖拽式排列，
播放头实时定位当前片段，支持播放/暂停/进度跳转。

3、rAF 播放引擎：基于 requestAnimationFrame + performance.now() 驱动，
精度约16ms，跨片段自动触发切换事件，非 setInterval 凑合方案。

4、语音通知总线：片段切换时调用浏览器原生 Web Speech API 朗读配音文本，
同步推送系统通知，语音与播放流解耦可独立开关。

5、工程持久化：每次状态变更自动写入 localStorage，刷新自动恢复；
支持导出/导入 JSON 工程文件，方便团队间传递脚本方案。

1、我负责全部前端业务逻辑开发：自研发布订阅 Store（精准 DOM diff，无虚拟 DOM
开销）、脚本解析器（正则分句+素材关键词匹配）、rAF 播放器（performance.now()
计时）、语音通知模块（Web Speech API + Notification API 封装）、三栏响应式
UI 布局。

2、技术栈：Vite 4 + 原生 JavaScript（ES Modules）+ CSS Variables，零运行时
依赖，零 API Key，完全离线可用。架构亮点：单向数据流（Action → Store → 订阅
者更新 DOM），模块职责单一（parser 只管解析、timeline 只管渲染、voice 只管
播报），事件驱动解耦。难点：rAF 播放器与语音触发的时序同步，确保片段切换时
语音不叠音、不漏播。