pixel-point/aval
A new open-source format for interactive video on the web, with a built-in state machine, frame-accurate transitions, and packed-alpha transparency.
项目说明
AVAL
AVAL is a web format and runtime for short prerendered motion with continuous loops, named application states, authored triggers, bounded transitions, reversals, and packed transparency.
One logical animation is published as a codec bundle. Each codec gets its own
AVAL 1.0 file—AV1, VP9, H.265/HEVC, or H.264—and the browser selects the first
ordered <source> with a supported rendition. The state graph and authored
timing are identical in every file.
Five-minute start
npm install @pixel-point/[email protected]
npm install --save-dev @pixel-point/[email protected]
npx avl init my-motion
cd my-motion
npm install
npm run dev
Here npx avl resolves the avl executable from the compiler package
installed on the preceding line. The generated starter contains its RGBA
frames, project 1.0 file, four ordered encoding policies, fallback markup, and
watch workflow.
For a normal build, the compiler publishes a directory rather than a single output file:
npx avl compile motion.json --out dist/motion
dist/motion/
av1.avl
vp9.avl
h265.avl
h264.avl
build.json
Browser integration
Use literal direct-child sources in preference order. The exact codec strings
come from build.json; the values below are illustrative.
<aval-player width="320" height="320">