hyperframes add 上手指南30秒装好现成视频组件从零到出片【免费下载链接】hyperframesWrite HTML. Render video. Built for agents.项目地址: https://gitcode.com/GitHub_Trending/hy/hyperframesHyperFrames 是一个写 HTML 就能渲染出 MP4 的开源视频框架hyperframes add是其中最能省时间的命令一条指令从官方 Registry 把转场、字幕、图表、地图动画这类现成组件装进你的项目。本文带你走完选组件 → 安装 → 接入时间轴的完整路径。装的是 Block 还是 Component落盘位置不一样目录里的素材分两种装完的落点不同Block独立场景自带尺寸、时长和动画时间线默认装到compositions/name.htmlComponent特效片段没有独立尺寸默认装到compositions/components/name.html需要把里面的 HTML、CSS、JS 合并进你现有的场景装完后 CLI 会列出实际写入的文件并自动生成一段引入片段snippet。Block 装完片段会自动进剪贴板Component 装完给的是注释提示告诉你要去哪个文件里摘代码。装完第一个组件后把片段贴进主合成先建项目再装一个动态图表 Block 试试手感npx hyperframes init my-video cd my-video npx hyperframes add>div ># 按意图搜索本地排序 npx hyperframes catalog --query reveal a headline one line at a time # 按类型 / 标签浏览 npx hyperframes catalog --type block --tag social搜索全程在本机跑不发任何请求加--json可拿到机器可读结果配合hyperframes add name适合脚本和 Agent 调用。注意查询用英文——目录以英文编写中文查询会解析不出任何词而返回空。搜到的名字确认后再回来执行hyperframes add。一条命令装下一类组件标签批量安装hyperframes add的参数会先按精确名字解析匹配不到时自动降级为标签匹配把所有带该标签的 Block 全部装上npx hyperframes add captions # 装完所有字幕类 Block npx hyperframes add html-in-canvas # 装完所有 HTML-in-Canvas 区块比如做口播视频想一次备齐字幕样式就靠这一条命令。批量安装会逐个汇报成功与跳过最后输出Installed N/M blocks的汇总。参数与离线环境里藏着的坑技能文档列了五个常用参数这里挑容易踩的参数一句话作用--dir 路径装到指定项目目录默认当前目录--json输出机器可读结果CI / Agent 友好--no-clipboard跳过剪贴板复制无头环境必备--vars JSON把目录页调好的变量值写进引入片段--force覆盖你改过的文件默认保留你的改动并标kept三个高频疑问想换目录布局项目里hyperframes.json的paths.blocks/paths.components一改安装路径自动重映射不用动任何素材文件。离线能装吗不能。清单manifest有本地缓存所以能搜但组件文件每次安装都实时下载断网时add必挂。走代理的话设HTTPS_PROXY再试。能装完整示例项目吗不能。add只认 Block 和 Component示例项目走hyperframes init dir --example name。组件库替你管好了动画和排版你只负责挑对东西、贴对位置、调好时间轴。【免费下载链接】hyperframesWrite HTML. Render video. Built for agents.项目地址: https://gitcode.com/GitHub_Trending/hy/hyperframes创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考