@ui2v/cli
v1.2.0
Published
CLI for validating, previewing, inspecting, and rendering ui2v video projects
Maintainers
Readme
@ui2v/cli
用于校验、预览、检查和渲染 ui2v 动画 JSON 项目的命令行入口。
大多数用户建议安装短包名:
npm install -g @ui2v/cli
# or: bun install -g ui2v
ui2v --version也可以直接安装实现包:
npm install -g @ui2v/cli第一次渲染
ui2v doctor
ui2v validate examples/library-timeline/animation.json --verbose
ui2v preview examples/library-timeline/animation.json --pixel-ratio 2
ui2v render examples/library-timeline/animation.json -o .tmp/examples/library-timeline.mp4 --quality high不全局安装也可以运行:
npx @ui2v/cli --version
npx @ui2v/cli render animation.json -o output.mp4 --quality highpreview 会打开本地 ui2v Studio:项目列表、时间轴编辑、Ripple segment 首尾对齐、runtime inspect、JSON 编辑器(CodeMirror)、beat 模板条、播放头切分、MP4 导出。时间轴与模板插入会直接写回 animation.json。
命令
ui2v doctor
ui2v init my-video
ui2v validate animation.json --verbose
ui2v preview animation.json --pixel-ratio 2
ui2v inspect-runtime animation.json --time 0 --time 1
ui2v list-beats
ui2v insert-beat animation.json beat-gsap --time 2
ui2v lint-timeline animation.json
ui2v render animation.json -o output.mp4
ui2v infoBeat 模板
ui2v list-beats --schema template --json
ui2v insert-beat animation.json beat-three --time 8
ui2v insert-beat animation.json runtime-canvas-hook --time 0 --json
ui2v insert-beat animation.json --listlist-beats / insert-beat 与 Studio 模板条共用同一套目录:template 项目用 beat-* layer,runtime 项目用 runtime-* segment。
渲染参数
ui2v render animation.json -o output.mp4 --quality high --fps 60
ui2v render animation.json -o output.mp4 --width 1280 --height 720 --render-scale 2
ui2v render animation.json -o output.mp4 --codec avc --bitrate 8000000
ui2v render animation.json -o output.mp4 --timeout 300 --no-headlessrender 当前主要输出 MP4。AVC/H.264 是默认编码器;只有本机浏览器支持时,才能请求 HEVC。
本地浏览器要求
ui2v 使用 puppeteer-core,不会下载内置 Chromium。请先本地安装 Chrome、Edge 或 Chromium。如果自动检测失败,可以设置:
PUPPETEER_EXECUTABLE_PATH=/path/to/chrome node packages/cli/dist/cli.js doctor
CHROME_PATH=/path/to/chrome node packages/cli/dist/cli.js doctor
CHROMIUM_PATH=/path/to/chromium node packages/cli/dist/cli.js doctor
EDGE_PATH=/path/to/edge node packages/cli/dist/cli.js doctor本地开发
bun install
bun run build
node packages/cli/dist/cli.js doctor许可
MIT
