{FLAMES.map(([x, y], i) => { const q = 0.72 + 0.28 * hash(i * 9.1 + f * 0.37); return

; })} ); }; /** The far door opens inward onto the bedroom. The room is scaled down inside the doorway, so the push carries straight into it. */ const OpeningDoor: React.FC = () => { const t = useT(); const open = easeInOut(ramp(t, E('door') - 0.22, E('door') + 0.72)); if (open <= 0) return null; const roomW = 1080 * (ROOM_Z / DOOR_Z), roomH = 1935 * (ROOM_Z / DOOR_Z); return ( <>

); }; /** The voiceless push: everything but the wallpaper and the window fades out as the years run, and the window light grows. */ const Emptying: React.FC = () => { const t = useT(); const gone = easeInOut(ramp(t, E('push') + 0.3, E('today') + 0.1)); const glow = 0.08 + 0.36 * ramp(t, E('push'), E('tape')); return ( <>

); }; const Still: React.FC<{ s: Shot; dx?: number }> = ({ s, dx = 0 }) => { const t = useT(); const c = camAt(s, t); return (

{s.img === 'marks' ? : null} {s.img === 'birthday' ? : null} {s.img === 'boxes' ? : null} {s.img === 'bedroom' ? : null}

); }; /* ---------- what the tape does to the picture ---------- */ /** Focus hunts: [second, how far out, how long]. */ const HUNTS: [() => number, number, number][] = [[() => 0, 16, 0.95], [() => E('mark') + 0.1, 9, 0.9], [() => E('bday'), 7, 0.6], [() => E('frame') - 0.15, 7, 0.75], [() => E('yard'), 6, 0.5], [() => E('wallpaper'), 5, 0.6]]; const focusAt = (t: number) => HUNTS.reduce((m, [at, a, d]) => { const k = (t - at()) / d; return k < 0 || k > 1 ? m : Math.max(m, a * (1 - k) * Math.abs(Math.cos(k * Math.PI * 1.5))); }, 0); /** How dim the low point gets. It sags, it never reaches black. */ const dimAt = (t: number) => (0.55 * ramp(t, E('battery'), E('friday')) + 0.45 * ramp(t, E('friday'), E('friday') + 0.45)) * (1 - ramp(t, E('so'), E('room') + 0.15)); const tearK = (t: number) => { if (paused(t)) return 0.22; if (SHOTS[shotAt(t)].rewind) return 0.85; const taped = ramp(t, E('part'), E('over')) * (1 - ramp(t, E('over') + 0.25, E('low'))); const low = 0.3 * ramp(t, E('battery'), E('friday')) * (1 - ramp(t, E('so'), E('so') + 0.35)); const fri = 0.5 * Math.max(0, 1 - Math.abs(t - E('friday') - 0.25) / 0.5); return Math.max(taped, low, t < E('so') ? fri : 0); }; const tearsAt = (t: number) => { const k = tearK(t); if (k <= 0.02) return []; const step = Math.floor(t * 12); return Array.from({ length: 2 + Math.round(k * 4) }, (_, i) => { const h = 26 + hash(step * 3.1 + i) * 120; return { y: Math.floor(250 + hash(step * 1.7 + i * 5.3) * 1300), h: Math.floor(h), dx: Math.round((hash(step * 2.3 + i * 7.9) - 0.4) * 190 * k) }; }); }; /** The jump where the next recording starts: the picture lands low and snaps back up. */ const jumpAt = (t: number) => (t >= E('over') + 0.25 ? 90 * (1 - easeOut(ramp(t, E('over') + 0.25, E('over') + 0.5))) : 0); const Picture: React.FC = () => { const t = useT(); const i = shotAt(t); const s = SHOTS[i]; const end = ramp(t, E('tape'), E('tape') + 0.42); if (end >= 1) return null; const whip = WHIPS.map((w) => ramp(t, w() - WHIP, w() + WHIP)).find((k) => k > 0 && k < 1); const wk = whip === undefined ? 0 : easeInOut(whip); const w = whip === undefined ? null : t >= WHIPS.map((x) => x()).find((x) => Math.abs(t - x) < WHIP)! ? { a: SHOTS[i - 1], b: s } : { a: s, b: SHOTS[i + 1] }; const dim = dimAt(t); const blur = 1.1 + focusAt(t) + (whip === undefined ? 0 : 16 * Math.sin(wk * Math.PI)); const bright = (1 - 0.58 * dim) * (1 + 0.04 * Math.sin(t * 2.3) * dim) * (1 + 0.9 * easeIn(end)); const sat = 1.12 - 0.62 * Math.min(1, dim); const amt = paused(t) ? 0 : 1 - 0.3 * dim; const wob = sway(t, amt); const bob = walking(t); const jit = paused(t) ? (hash(Math.floor(t * 30)) - 0.5) * 12 : 0; const tx = wob.x + bob * 7 * Math.sin(t * 5.2), ty = wob.y + bob * 15 * Math.sin(t * 10.4) + jit + jumpAt(t); return (

0 ? `scaleY(${1 - easeIn(end) * 0.998})` : undefined, transformOrigin: '50% 860px' }}>

{w ? ( <> ) : } {tearsAt(t).map((r, n) => (

))}

); }; /** One noise tile, built once from `hash`, so two renders match. Moved at random each frame, the mean stays even and nothing flashes. */ const NOISE = (() => { const c = document.createElement('canvas'); c.width = 320; c.height = 180; const g = c.getContext('2d') as CanvasRenderingContext2D; const im = g.createImageData(320, 180); for (let y = 0; y < 180; y++) { let run = 0, v = 0; for (let x = 0; x < 320; x++) { if (run-- <= 0) { run = Math.floor(hash(x * 0.71 + y * 13.3) * 5); v = 52 + hash(x * 3.77 + y * 17.1) * 150; } // short runs read as tape streaks const i = (y * 320 + x) * 4; im.data[i] = v; im.data[i + 1] = v; im.data[i + 2] = v + 6; im.data[i + 3] = 255; } } g.putImageData(im, 0, 0); return c.toDataURL('image/png'); })(); const Noise: React.FC<{ style: React.CSSProperties; seed: number; scale?: number; rate?: number }> = ({ style, seed, scale = 4, rate = 30 }) => { const f = Math.floor(useT() * rate + 0.001); return

; }; /** The soft snow behind the collapsing picture, and for the last seconds of the film. */ const EndSnow: React.FC = () => { const t = useT(); if (t < E('tape') - 0.06) return null; return ; }; /** Tape noise over the picture: the snow that swallows a recording, and the tracking bars. */ const TapeNoise: React.FC = () => { const t = useT(); const snow = 0.8 * ramp(t, E('part'), E('over')) * (1 - ramp(t, E('over') + 0.25, E('low') + 0.1)); const heavy = SHOTS[shotAt(t)].rewind ? 1 : Math.max(snow, 0.4 * ramp(t, E('battery'), E('friday')) * (1 - ramp(t, E('so'), E('so') + 0.4))); const count = heavy > 0.05 ? 3 : 1; return ( <> {snow > 0.01 ? : null} {Array.from({ length: count }, (_, i) => { const y = ((t * (300 + i * 170) + hash(i + 2) * 1900) % 1960) - 60; return ; })} {paused(t) ? : null} ); }; const Texture: React.FC = () => ( <> ); /** End of tape: the picture folds into one bright line, and the line fades into the snow. */ const BrightLine: React.FC = () => { const t = useT(); const a = E('tape') + 0.2; if (t < a || t > a + 0.95) return null; const k = ramp(t, a + 0.25, a + 0.95); return ( <>

); }; /* ---------- the viewfinder ---------- */ const Corners: React.FC<{ x: number; y: number; w: number; h: number; len: number; th: number; color?: string; opacity?: number }> = ({ x, y, w, h, len, th, color = OSD, opacity = 1 }) => { const side = (left: boolean, top: boolean) => ({ position: 'absolute' as const, width: len, height: len, left: left ? 0 : w - len, top: top ? 0 : h - len, borderStyle: 'solid', borderColor: color, borderWidth: `${top ? th : 0}px ${left ? 0 : th}px ${top ? 0 : th}px ${left ? th : 0}px` }); return (

); }; /** The focus box goes looking: it locks on the pencil mark, and on the birthday it slides off the cake to the chair and finds no one. */ const FocusBox: React.FC = () => { const t = useT(); const s = SHOTS[shotAt(t)]; if (s.img === 'marks' && !s.rewind && t >= E('mark')) { const p = toScreen(s, t, 545, MARK_FOUND); const lock = easeOut(ramp(t, E('tall') - 0.1, E('tall') + 0.1)); const w = (520 - lock * 40) * (p.z / 1.85), h = (250 - lock * 90) * (p.z / 1.85); return = 1 ? CC : OSD} />; } if (s.img === 'birthday' && t >= E('someone') - 0.1) { const k = easeInOut(ramp(t, E('someone'), E('frame') + 0.2)); const p = toScreen(s, t, CAKE[0] + (CHAIR[0] - CAKE[0]) * k, CAKE[1] + (CHAIR[1] - CAKE[1]) * k); const hunt = (t > E('frame') + 0.2 ? 1 : 0) * 10 * Math.sin(t * 7) * (1 - ramp(t, E('frame') + 0.2, E('frame') + 1)); const w = (300 + 110 * k) * (p.z / 1.42) + hunt, h = (240 + 240 * k) * (p.z / 1.42) + hunt; return ; } return null; }; type Mode = 'REC' | 'PAUSE' | 'REW' | 'PLAY' | 'STOP'; const modeAt = (t: number): Mode => { if (t >= E('today')) return 'STOP'; if (t >= E('over') + 0.25) return 'REC'; if (t >= E('bday')) return 'PLAY'; if (t >= E('back')) return 'REW'; return paused(t) ? 'PAUSE' : 'REC'; }; const ModeIcon: React.FC<{ m: Mode; on: boolean }> = ({ m, on }) => { const box: React.CSSProperties = { display: 'block', width: 56, height: 56, filter: 'drop-shadow(3px 3px 0 rgba(0,0,0,.72))' }; const paths: Record = { REC: , PAUSE: , REW: , PLAY: , STOP: , }; return ; }; const levelAt = (t: number, ch: number) => { if (t >= E('push') && t < E('end')) return 1; const w = WORDS.find((x) => t >= x.t0 - 0.02 && t < x.t1 + 0.04); return w ? 4 + Math.floor(hash(Math.floor(t * 13) * 1.7 + ch * 31) * 6) : 1; }; const Meter: React.FC<{ y: number; ch: string; n: number }> = ({ y, ch, n }) => (

{ch} {Array.from({ length: 10 }, (_, i) => )}

); const MONTHS = ['JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC']; const stampOf = (t: number) => { let cur = STAMPS[0], from: Stamp | null = null, k = 1; for (let i = 0; i < STAMPS.length; i++) { const s = STAMPS[i]; const start = s.rollFrom ? s.rollFrom() : s.at(); if (t >= start) { from = cur === s ? null : cur.d; cur = s; k = s.rollFrom ? ramp(t, start, s.at()) : 1; } } const d = cur.d; if (!from || k >= 1) return { y: d[0], mo: d[1], day: d[2], h: d[3], mi: d[4], rolling: false }; const m0 = from[0] * 12 + from[1] - 1, m1 = d[0] * 12 + d[1] - 1; const mm = Math.round(m0 + (m1 - m0) * ((1 - Math.cos(Math.PI * k)) / 2)); return { y: Math.floor(mm / 12), mo: (mm % 12) + 1, day: 1 + Math.floor(hash(mm * 1.3) * 27), h: 1 + Math.floor(hash(mm * 0.7) * 22), mi: Math.floor(hash(mm * 2.1) * 59), rolling: true }; }; const DateStamp: React.FC = () => { const t = useT(); const s = stampOf(t); const secs = s.rolling ? Math.floor(hash(Math.floor(t * 30)) * 59) : Math.floor(t) % 60; const h12 = s.h % 12 === 0 ? 12 : s.h % 12; const pad = (n: number) => String(n).padStart(2, '0'); const sag = dimAt(t) > 0.3 ? 0.45 + 0.55 * hash(Math.floor(t * 9)) : 1; return (

{MONTHS[s.mo - 1]} {s.day} {s.y}

{h12}:{pad(s.mi)}:{pad(secs)} {s.h >= 12 ? 'PM' : 'AM'}

); }; const counterAt = (t: number) => { const base = 727; if (t < E('back')) return base + t; if (t < E('bday')) return base + E('back') - (t - E('back')) * 180; return base + E('back') - (E('bday') - E('back')) * 180 + (t - E('bday')); }; const Viewfinder: React.FC = () => { const t = useT(); if (t >= E('tape') + 0.14) return null; const m = modeAt(t); const c = Math.max(0, Math.floor(counterAt(t))); const pad = (n: number) => String(n).padStart(2, '0'); const bat = t < E('over') ? 3 : t < E('low') ? 1 : 0; const lowOn = t >= E('battery') - 0.1 && t < E('today'); const blink = Math.floor(t * 3) % 2 === 0; const big = t >= E('battery') - 0.1 && t < E('so'); const s = SHOTS[shotAt(t)]; const zoom = clamp((camAt(s, t).z - 1) / 1.6); return ( <>

{m}

{Math.floor(c / 3600)}:{pad(Math.floor(c / 60) % 60)}:{pad(c % 60)} {TAPE_NO}

{[0, 1, 2].map((i) => )}

W

T
{big ?
{LOW_WORD}
: null} {lowOn && !big ?
{LOW_WORD}
: null} ); }; /* ---------- the cassette ---------- */ const Spine: React.FC = () => { const t = useT(); const k = easeIn(ramp(t, E('cta') - 0.5, E('cta') - 0.05)); return (

{SPINE_LABEL} {SPINE_NOTE}

T-120

); }; const Spool: React.FC<{ cx: number; a: number; pack: number }> = ({ cx, a, pack }) => ( {[0, 60, 120, 180, 240, 300].map((r) => )} ); /** The tape itself comes up out of the spine and stays: the keyword is written on its label in marker. */ const Cassette: React.FC = () => { const t = useT(); if (t < E('cta')) return null; const k = backEase(ramp(t, E('cta'), E('cta') + 0.6)); const size = Math.min(152, 640 / (KEYWORD.length * 0.68)); // fits a longer keyword on the label return (

{CTA_WORD}

{KEYWORD}

); }; /* ---------- closed captions: one fixed place, black boxes, the spoken word lit ---------- */ const CHUNKS = buildChunks(22, 2); const CcRow: React.FC<{ children: React.ReactNode }> = ({ children }) =>
{children}
; const Captions: React.FC = () => { const t = useT(); const box: React.CSSProperties = { position: 'absolute', left: 60, top: 1246, width: 890, height: 230, display: 'flex', flexDirection: 'column', justifyContent: 'flex-end', alignItems: 'center', font: `400 96px/1.08 ${VT}`, color: OSD, textAlign: 'center' }; if (t >= E('push') && t < E('end') - 0.06) { return t >= E('today') ?
{STOP_WORD}
: null; } const idx = CHUNKS.reduce((a, c, i) => (t >= c.t0 - 0.06 ? i : a), -1); if (idx < 0) return null; const c = CHUNKS[idx]; if (t >= E('cta') && c.t0 < E('cta')) return null; const live = c.words.findIndex((w) => t >= w.t0 - 0.03 && t < w.t1 + 0.08); let w = 0; return (
{c.rows.map((r, ri) => { const ws = r.s.split(' '); return (
{ws.map((word, wi) => { const on = w === live || (word.startsWith(KEYWORD) && t >= E('cta')); w += 1; return {word}{wi < ws.length - 1 ? ' ' : ''}; })}
); })}
); }; const Stage: React.FC = () => ( ); export const HomeVideo: React.FC = () => ( ); ``` ## 8. Voice (optional) A voice is worth adding when the world has a speaker of its own, because the deadpan delivery is half the joke. Skip it for a sound-off post, or when the user would rather not have one: the film still works. **The persona:** whoever holds the camera. An adult, close to the mic, speaking quietly to themselves in an empty house. Plain, unhurried and a little awkward at first, as if they feel odd talking out loud in there. Never sad on purpose and never a performer: the empty rooms carry the feeling, so the voice doesn't have to. **When to use it:** on every line except the voiceless moment. The user's own voice is the best choice, recorded in the real room on a phone if they can. Otherwise audition quiet, natural voices and keep the delivery flat. "They sell the house on Friday" gets no extra weight at all. Treat it like a small camera mic: mono, a touch of the room, and gentle cuts below about 120 Hz and above about 8 kHz. - **Never clone or imitate a real person.** Audition 3 or 4 voices on two lines of the script and let the user pick, or use the user's own voice. - **One take per line,** with word timestamps. Pass the neighboring lines as context if your provider allows it, so the delivery flows. Trim each take to its speech, and tighten any pause inside it longer than 0.5 s. - **Listen for your call to action.** Keywords blur easily. Commas around one in the spoken text ("Comment, gate, and...") usually fix it. Check the final mix with Whisper, line by line. - **With no voice.** Keep the estimated timings as the clock. If there's music, put the captions on its grid. Raise the effects and the music: they carry the film now. Make sure the words stay on screen long enough to read, about 0.3 s a word. The estimate runs close to that, so add `tail` after a line that feels rushed. ## 9. Sound The picture tells the story without sound, so a film can ship silent. Sound is what makes each change land, though, so add it unless the user says not to. This section says what to use and when it plays. Add it after the user approves the animatic. **Effects: make a set for this world.** Generate them with the sound-effects tool the user chose, or pick from a licensed library. Prompt the thing itself, and keep it warm, never bright or harsh. | Sound | Length | Prompt idea | When it plays | |-------|--------|-------------|---------------| | motor whirr | 12 s | a small camcorder tape motor running, a faint steady mechanical whirr, close and soft | the bed, all the way through, rising on `low` | | room hiss | 12 s | the room tone of an empty house, soft still air with faint tape hiss, no voices | the bed, all the way through; with the whirr it's all you hear in the low point | | record click | 0.5 s | a small plastic camcorder record button pressed, one soft click and a quiet beep | `on`, and again on `today` for the stop | | focus motor | 0.7 s | a tiny autofocus motor hunting, a soft short whine, very quiet | every row in `HUNTS` | | whip | 0.4 s | a small camera swung fast through a room, a low soft rush of air | `marks`, `kitchen` | | zoom motor | 1.5 s | a small camcorder zoom motor, a low mechanical hum | `smaller` | | tape clunk | 0.6 s | an old tape deck's mechanism engaging, one soft plastic clunk | `hang`, `back`, `bday` | | rewind | 1.2 s | a tape rewinding fast, a warm chattering whir, soft, never sharp | `back` to `bday` | | candles | 3 s | small candle flames in a quiet room, the faintest flutter, a little warm room air | `bday` | | yard air | 4 s | a summer backyard, soft leaves in a light wind, a rope creaking once, far-off birds, no voices | `yard` | | tape noise | 2.5 s | soft warbling tape static rising slowly, low and warm | `part` to `over` | | battery beep | 0.4 s | a small low-battery beep, soft and dull | each blink from `battery` to `so`, quietly | | footsteps | 2.5 s | slow footsteps on old carpet in an empty house, soft and close, one floorboard creak | `so` to `door` | | door | 1.5 s | an old wooden bedroom door opening slowly, a soft latch and a low hinge creak | `door` | | outside | 5 s | the outdoors heard through a closed window from an empty room, far-off birds, a quiet street | `push`, under the voiceless moment | | power down | 1 s | an old picture tube collapsing, a soft electric thump and a falling whine, warm | `tape` | | snow | 6 s | soft even tape snow, a warm hiss with no harsh top | `tape` to the end, low | | eject | 1 s | a tape cassette ejecting, a soft mechanical clunk and a slide | `cta` | Keep the tape sounds small and close. They're the camera in your hand, not effects. - **Place a sound on every visible change,** at the same event the picture uses, so a re-voice moves both. - **Beds run under everything:** a world without room tone feels empty, and room tone is what keeps the low point alive. - **The same sound twice within 80 ms:** keep the louder one. - **Warm, never bright:** low-pass effects to about 1.5-3.5 kHz if they bite. **Music: one instrumental bed.** Describe the sound, never an artist. Generators ignore requested timestamps, so fit the track instead: find its real downbeats from bar-to-bar energy jumps, pick the bar where it lifts, place that bar on the story's turn, and stretch (keeping the pitch, within about 4 %) so a second downbeat lands on the voiceless moment. **The brief:** "A slow, tender instrumental that sounds like it's playing off a worn tape: one felt piano with sparse notes, a warm pad with a slight pitch wobble, soft room around it, very quiet and unresolved for a long stretch, then a gentle lift where a soft second instrument joins and the chords open, no drums, no vocals." **When it plays:** low and sparse from the hallway on. It drains to nothing over 0.7 s on "Low battery" and stays out, so only the motor whirr and the room hiss keep running. It comes back on the word "room", climbs through the door, and is at its fullest on the voiceless moment, on a bar where the track opens up. On "End of tape" let it slow and sag downward like a tape stopping, as the picture folds into its line. One last quiet chord can sit under the call to action. **Mix, voice first.** - **Voice:** compress lightly so consonants stay off the limiter, about -14 LUFS. - **Music:** about 16 to 20 LU under the voice while it speaks, lifted in gaps and on the voiceless moment. - **Effects:** 7 to 10 LU under the voice overall, ducked about 6 dB under speech, so nothing masks a word. - **Master:** -14 LUFS integrated, sample-peak ceiling about -2.4 dBFS. AAC encoding adds about 0.8 dB, so check the true peak of the final file. Give the master a 10 ms fade-in, or every view opens on a click. ## 10. Render and QA 1. **Render** without audio. Mux your mix onto it, trimmed to the exact length (`-t`, never `-shortest`), as H.264 at high quality with AAC 320k and `+faststart`. 2. **Sync and length:** the frame count matches the clock, and a cross-correlation of the muxed audio against your mix shows an offset of 0 ms. 3. **Contact sheets:** one frame per second with the safe box drawn. Look at every sheet: nothing cut off, nothing important outside the box, no empty or black frames, and the time of day and the story still agree. 4. **Determinism:** render about 10 spread frames twice with `npx remotion still src/index.ts Film-9x16 out/a.png --frame=N`, and compare each pair with `cmp`; they should match. 5. **Loudness:** -14 LUFS integrated, true peak at or below -1 dBTP. 6. **Words:** transcribe the mix line by line with Whisper. A difference on a plain word is a masked or swallowed word. 7. **Gaps and stills:** no voice gap over 1.0 s outside the voiceless moment (`clock.mjs` warns about these), and no still stretch over 1.2 s or black stretch (`ffmpeg -i out/silent.mp4 -vf "freezedetect=n=0.001:d=1.2,blackdetect=d=0.1" -an -f null -` prints any). A small moving corner can hide a freeze from that check, so trust the contact sheets over it. For a silent film, skip the checks that need audio (the offset in 2, and 5 and 6) and use `out/silent.mp4` as the final file. ## 11. Traps - **It reads as a slideshow:** a still that only zooms is a slideshow. Keep the hand wobble on every shot, and make each change of picture something the camera does. - **The stills drift:** always edit from the hero. The pairs that must share their framing exactly are `hall` and `boxes`, `kitchen` and `birthday`, `bedroom` and `bare`. - **The room doesn't visibly empty:** if the push goes too far in, the bed and the desk leave the frame before they fade. Stay wide enough to watch them go. Ours ends at zoom 1.8. - **A person sneaks in:** a face in a framed photo, a reflection, a doll. Check every still at full size before you build on it. - **A black ending:** the snow sits behind the picture before it folds, so the frame never goes black. Keep it there. - **Noise that flashes:** move the noise tile, don't change its brightness. Graph the mean brightness per frame, and if you see more than 2 swings a second across the whole picture, ease it off. - **Text lost on a pale wall:** the amber stamp and the white display need their hard shadows. Check them over your window and your brightest wall. - **Dates that don't add up:** viewers do the math. The age in the birthday line, the year on the stamp and today's date have to agree. - **Two renders of a frame differ slightly:** Chrome's image scaling can move a pixel by 2 or 3 levels out of 255 on some frames. That's invisible, and text and positions still match. Anything bigger is a real bug. - **A heavy file:** snow and grain eat bitrate. Keep the grain faint and the snow soft, and don't worry about the master's size. Encode the delivery file at normal quality. | Symptom | Fix | |---------|-----| | A few random frames show text at the wrong size | moving text as HTML, not SVG ``, under per-frame transforms | | A shape keeps a style from an earlier frame | a negative CSS length was rejected: clamp at 0 | | A render dies on a font timeout | take `delayRender` inside React, as `core.tsx` does, never at module level | | Sound drifts against the picture | mux your own mix with `-t` and check the offset by cross-correlation | | The music's lift lands late | fit by real downbeats; do not trust requested timestamps | | Two renders of a frame differ slightly along a panel's edge | a large blurred `box-shadow` isn't exactly repeatable: use a shadow with no blur on big panels | | A caption breaks after "a.m." | The caption chunker (`buildChunks`, or the frame's own if it has one) ends a chunk at any word ending in a full stop: write "am" in `text`, or break the chunks yourself | ## 12. Deliver The MP4, a cover frame and a ready-to-paste caption. For organic posts the caption repeats the comment keyword and carries no link.