用途:把 Helios 集成到标准 HTML/JS 应用中,通过直接 DOM 操作和订阅驱动动画,适合无框架的合成或简单 DOM/Canvas 操作。
主要能力:初始化 Helios 并绑定文档时间线;用 subscribe 每帧回调更新 DOM 或 Canvas;同步 WAAPI/CSS 动画;可读取当前帧、帧率与字幕等状态;支持基于 SRT 内容的字幕显示。
使用方式:先创建 Helios 实例,设置 duration、fps、width、height 与 autoSyncAnimations,并把它挂到 window 上供 Player/Studio 使用;调用 helios.bindToDocumentTimeline() 绑定外部时间线(对 Renderer/Studio 很重要);然后在 helios.subscribe((state) => ...) 回调用 style.transform、textContent 等更新界面。字幕示例中读取 state.activeCaptions,有内容时显示并设 opacity 为 1,否则清空并设 opacity 为 0。相关示例文件:examples/vanilla-captions-animation/、examples/simple-canvas-animation/。
适用场景:无框架项目、需要 Player 或 Renderer 驱动动画、字幕随帧显示、Canvas 逐帧绘制等。
限制:资料未提供安装方式、收费与平台信息,暂未提供;订阅回调内应避免昂贵的布局抖动(先读偏移再写样式)。