Typing
A recording of keyboard typing.
import {Audio, Scene, Video} from "odori";
<Video>
<Scene id="terminal" duration="8s">
<Audio src="ui.typing" loop gain={0.5} duckUnder="foreground" />
</Scene>
</Video>Installation
pnpm odori add audio typingnpx odori add audio typingbunx odori add audio typingDownloads and verifies public/audio/typing.m4a, then registers ui.typing in your brand. Use --force to replace an existing file.
Download the file into public/audio/typing.m4a.
/audio/typing.m4a · 249 KB.
Register the cue in your brand
videos/layout.tsx
audio: {cues: {"ui.typing": "/audio/typing.m4a"}}Add it to a scene
import {Audio, Scene, Video} from "odori";
<Video>
<Scene id="terminal" duration="8s">
<Audio src="ui.typing" loop gain={0.5} duckUnder="foreground" />
</Scene>
</Video>Timing contract
Use these durations and content limits when composing a scene. Run odori test to check your video.
- Family
- Sound
- Recommended duration
- 445 frames · 14.83s
- Minimum duration
- 30 frames · 1s
- Entrance
- 0 frames
- Exit
- 0 frames
- Reduced motion
- the waveform renders without a playhead
- Requires
- mono font
- Content limits
- none