dsh-hyperframes
同步 HyperFrames by HeyGen 官方上游的二十一技能:HTML 写视频/动画/关键帧/音频与音乐转视频/CLI/注册表/幻灯片/口播重剪/网址·产品·PR 转视频/Studio 时间轴规范等,附随包资源完整性自检。面板内置 4 步首次使用引导,看一次后不再出现。
安装
dsh plugin --profile web add dsh-hyperframes
沙箱测试结果
| 阶段 | 结果 |
|---|---|
| 1 安装 | ✓ |
| 2 列装 | ✓ |
| 3 挂载 | ✓ |
| 4 启动 | — |
四阶段在隔离沙箱里跑:安装(有网)→ 列装 → 挂载 → 启动(后三步断网)。
README
简体中文 · [English](README.en.md)
HyperFrames
在 DSH 里用 HTML 创作并导出视频。
  
[安装使用](#安装) · [使用流程](#开始使用) · 完整说明
<picture>
<source media="(prefers-color-scheme: dark) and (max-width: 640px)" srcset="https://raw.githubusercontent.com/STARDUSTLC666/dsh-hyperframes/master/docs/assets/intro/workflow-zh-mobile-dark.svg">
<source media="(max-width: 640px)" srcset="https://raw.githubusercontent.com/STARDUSTLC666/dsh-hyperframes/master/docs/assets/intro/workflow-zh-mobile-light.svg">
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/STARDUSTLC666/dsh-hyperframes/master/docs/assets/intro/workflow-zh-dark.svg">
<img src="https://raw.githubusercontent.com/STARDUSTLC666/dsh-hyperframes/master/docs/assets/intro/workflow-zh-light.svg" alt="在 DSH 里用 HTML 创作并导出视频。 · 流程示意" width="100%">
</picture>
功能
- 从标题卡、产品介绍和图文轮播模板开始。
- 编辑内容、上传素材并调整图片顺序。
- 使用官方预览与本机渲染,保留可编辑工程。
安装
在 DSH 桌面版「插件」面板安装 dsh-hyperframes。已配置命令行时也可使用:
dsh plugin --profile desktop add dsh-hyperframes
网页版把 desktop 改为 web;安装后重启对应的 DSH。宿主要求以包声明 >=0.2.1-rc.3 为准。
开始使用
1. 从左侧栏打开 HyperFrames,点击“新建视频”,选模板并填写内容。
2. 先保存工程,再上传素材;在“素材”页调整顺序,原始文件保持不变。
3. 首次使用在“环境”页准备渲染环境,等待实际准备完成。
4. 启动预览并检查画面,停止预览后再编辑或导出 MP4。
5. 播放并下载成品;保存可编辑工程备份。以后可在工程库搜索、排序,或从归档恢复。
可以这样说:
制作一个 HTML 产品介绍视频,先确认文案与结构,再预览和导出 MP4。
开始前要知道
首次使用需准备官方渲染环境;工程修改后需要重新导出。
配置、完整工具与排错见详细使用说明。
插件更新
在工作台或原生插件详情页底部检查更新。默认自动检查,默认不自动安装;是否安装、何时重启由你决定。Suite 管理的组件随整包更新。查看更新规则。
文档
反馈与贡献
如果插件帮到了你,欢迎 Star,让更多人发现它。问题和建议请提交 Issues,也欢迎代码与文档 PR。反馈时附上版本与复现步骤,并移除凭据。
License
<a id="依赖与配置"></a>
以上内容来自 npm 上的 README,我们只做格式化,不改内容。
版本
npm 上共发布:27,最后更新 2026-11-04