kinetograph.
Terminology

Public directory

The public/ folder for images, video, sound and fonts, read with staticFile.

The public directory is a folder named public/ next to your entry point. If there is none there, Kinetograph looks next to the nearest package.json. staticFile('name') gives the path of a file in it. npx kinetograph init makes images/, fonts/, audio/ and video/ inside.

<Audio src={staticFile('audio/line-1.wav')} />

A HyperFrames page has no public/ folder. It names files by a path from the page.

staticFile is for local files. Passing it a web address is an error. Use the address directly instead, and Kinetograph downloads it once into its cache.

See also

On this page