Key click
A recorded keystroke.
import {Audio, Scene, Video} from "odori";
<Video>
<Scene id="terminal" duration="8s">
<Audio src="ui.key" gain={0.5} duckUnder="foreground" />
</Scene>
</Video>Installation
pnpm odori add audio ui-keynpx odori add audio ui-keybunx odori add audio ui-keyDownloads and verifies public/audio/ui-key.m4a, then registers ui.key in your brand. Use --force to replace an existing file.
Download the file into public/audio/ui-key.m4a.
/audio/ui-key.m4a · 4 KB.
Register the cue in your brand
videos/layout.tsx
audio: {cues: {"ui.key": "/audio/ui-key.m4a"}}Add it to a scene
import {Audio, Scene, Video} from "odori";
<Video>
<Scene id="terminal" duration="8s">
<Audio src="ui.key" 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
- 5 frames · 0.17s
- Minimum duration
- 5 frames · 0.17s
- Entrance
- 0 frames
- Exit
- 0 frames
- Reduced motion
- the waveform renders without a playhead
- Requires
- mono font
- Content limits
- none