新增作者包

创建组件本来就是做视频的一部分。先从场景需要的行为出发:什么要保持在一起、什么会变化、由哪些事件驱动。

从完整示例开始

已安装的 @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 看依赖图。

继续阅读