Silent text then voice
Cinematic centred serif title with a wide-tracked kicker. Stages: “No sound for two seconds. Then this.” The first frame needs to look different from the feed. Fits lines like “Read this before you buy anything.”.
Preview unavailable
Open my video with this hook: "Silent text then voice" from the 24fps video editor library.
Preset JSON: https://24fps.dev/video-editor/hooks/silent-text-then-voice/preset.json (pass its "preset" to the engine).
Engine (MIT, no dependencies, ES module): https://24fps.dev/editor/engine.js. Download the engine next to your page (curl -O) rather than importing cross-origin, then import { mount } from "./engine.js" in a <script type="module"> served over http.
Wiring: root = a position:relative box at the video's size. media = { main }: main is a wrapper holding my video, filling the root. Then const fx = mount(root, { kind: "text", preset, media }) and call fx.render(seconds) every frame. The preset runs 4s from t = 0; offset t to place it later. It is seek-safe: drive it from the GSAP timeline in HyperFrames or call render(frame / fps) in Remotion. Before capturing frames, await (fx.ready ?? document.fonts.ready). Check it on my footage: if text is hidden behind the subject or doesn't read against my colours, nudge the layer positions or colours.
Replace the demo text with mine: set preset.layers[n].text (use \n for line breaks); if none given, write lines that fit my footage and tell me.
Hook formula: Silent opening with large on-screen text; voice kicks in at second three.
Field reference: https://24fps.dev/video-editor/llms.txt. Keep sizes as fractions of the frame height so it works at any resolution. Credit: 24fps.dev/video-editor- Formula
- Silent opening with large on-screen text; voice kicks in at second three.
- Example lines
- No sound for two seconds. Then this. · Read this before you buy anything. · This will take three seconds. · Don't blink.
- Beats
- 0.0s Wide-tracked kicker 'read this' fades in. → 0.2s Serif title 'Before you buy anything this year' blurs into focus. → 0.9s Accent line 'sound on in 3' fades in. → 1.4s Full silence for two seconds so the text carries; a clean voice hit at 2.0 s drops in with the first word.
- Technique
- Visual pattern interrupt hook: Break feed rhythm with an unexpected visual, sound or staging paired with a line.
- Footage
- Man talking and gesturing, Pexels