新增作者包
创建组件本来就是做视频的一部分。先从场景需要的行为出发:什么要保持在一起、什么会变化、由哪些事件驱动。
从完整示例开始
已安装的 @hypit/hypit 发行版里包含 examples/minimal-author-package/packages/example-component。把这个目录复制到视频项目的 packages/ 下,把包名与模块换成你自己的 scope 与名称,并把夹具里的 workspace:* 开发依赖替换成项目使用的发行版本。
npm install --save-dev @hypit/hypit@<selected-release>
npm run build
示例包含 TypeScript 构建配置、清单、Surface、Fragment、Producer、激活逻辑与一个小的预览源;它的 README 说明了确切的文件与包设置。
什么时候该写组件
- — 一个媒体呈现可能用媒体轨就够了
- — 「示意图出现时视频视口移开」这类行为,适合做进一个项目组件
- — 独立字幕应当保持独立,不要塞进同一个组件
FAQ
必须发布到 npm 吗?
不必。项目内的包只要在项目 packages/ 下即可使用。
可以用 JavaScript 吗?
可以,但示例与官方包都是 TypeScript,跟随示例能少踩坑。
怎么验证组件可用?
用示例自带的小预览源,或直接在项目里跑一次 plan 看依赖图。