feat(website): demo loops on the homepage and feature pages, lazily loaded from R2

website/i18n/code.source.json

@@ -74,6 +74,26 @@
   "home.install.note.linux": "Linux",
   "editor.skipLink": "Skip the editor — go to downloads",
   "editor.title": "Five things you will actually do",
+  "demoLoop.pause": "Pause video",
+  "demoLoop.play": "Play video",
+  "demoLoop.classic-zoom": "A task board recorded in OpenScreen. The view zooms in on a checklist item and a Ship button as they are clicked, then pulls back to the whole board.",
+  "demoLoop.3d-camera": "The same recording seen through the 3D camera, which tilts the screen and orbits around it while it follows the cursor.",
+  "demoLoop.3d-cursors": "One recorded pointer, redrawn in five cursor styles one after another while the recording keeps playing.",
+  "demoLoop.automatic-subtitles": "A narrated recording with captions under it, switching from English to French, Spanish and Korean.",
+  "demoLoop.caption-styles": "One caption shown in five styles: a plain caption, a bold yellow one, a handwritten one, a monospaced one, and one showing a single word at a time.",
+  "demoLoop.edit-by-transcript": "In the editor's transcript, a sentence is selected and deleted, and the matching cut appears on the timeline.",
+  "demoLoop.tighten-pauses": "Two clicks on the silence markers in the transcript, and both pauses are cut from the timeline.",
+  "demoLoop.background-picker": "The editor's background picker going through wallpapers, a gradient and a solid color, then turning on the animated Aurora background.",
+  "demoLoop.every-format": "The same recording exported in 16:9, then square, then vertical, with the framing following the cursor.",
+  "demoLoop.sensitive-data-mask": "A sign-in form being filled in. The email and password fields stay blurred while they are typed.",
+  "demoLoop.camera-blur": "A square webcam vignette over a screen recording. The view moves in on it while the room behind the speaker blurs, then pulls back.",
+  "demoLoop.every-layout": "One recording with a webcam, cycling through the layouts: picture in picture, side by side, stacked, full camera, then screen only.",
+  "demoLoop.device-frames": "The same playing recording framed in turn as a browser window, a phone, a laptop and a desktop monitor.",
+  "demoLoop.animated-backgrounds": "A recording on a plain background, then on a blurred photo background that moves slowly behind it.",
+  "demoLoop.beautiful-by-default": "A raw screen capture, then the same take as OpenScreen opens it, already zoomed, framed and with a restyled cursor, then in several looks.",
+  "demoLoop.simpler-editor": "The OpenScreen editor. One click on a background thumbnail restyles the whole video, then the side panel switches to the transcript.",
+  "demoLoop.edit-like-a-doc": "Text selected in the transcript is deleted like text in a document, and the video is cut to match.",
+  "demoLoop.ask-the-agent": "A request typed into the editor's chat panel, and the edits the agent makes appearing on the timeline.",
   "showcase.record.kicker": "record",
   "showcase.record.claim": "It records with the operating system, not around it.",
   "showcase.record.body": "Pick a window or a display. macOS goes through ScreenCaptureKit, Windows through Windows Graphics Capture, Linux through PipeWire and the ScreenCast portal — on each, the capture path the system itself provides. The pointer is recorded as data rather than burned into the pixels, which is the only reason you could restyle it further up this page.",
@@ -92,15 +112,62 @@
   "showcase.captions.fact": "whisper.cpp · 100 languages · offline after first run",
   "showcase.captions.link.docs": "Captions and transcript docs",
   "showcase.captions.link.feature": "How local captions compare",
-  "showcase.captions.label": "A drawing of the captions panel: the line “amber day on the validator, and it” set large over the video, and beside it captions switched on, a note that seven caption lines are derived live from the transcript, and a language row showing the original transcript and Français as buttons, a Translate button and the option to delete a translation.",
   "showcase.agent.kicker": "agent",
-  "showcase.agent.claim": "Or say which parts to cut.",
+  "showcase.agent.claim": "Describe the edit. The agent makes it.",
   "showcase.agent.body": "The wizard further up this page places zooms by watching where your cursor went. The agent goes further: it reads the actual transcript and the actual timeline, so it answers with timecodes you can go and check — which spans it will cut, and how much that saves. Every edit it makes is an ordinary undoable one, and it needs a provider key you supply. Nothing runs until you connect one.",
   "showcase.agent.fact": "bring your own key · off by default · every edit is undoable",
   "showcase.agent.link.docs": "AI editing docs",
   "showcase.agent.link.feature": "How automatic zooms work",
-  "showcase.agent.label": "A drawing of the agent's reply. Asked to cut the dead air, it answers with timecodes: 0 to 2.19 seconds of lead-in before “Hi” and 35.12 to 40.03 seconds of tail after “think.”, taking the video from 40 seconds to 33 seconds of playable footage, with the existing zooms left on the same moments — then a green line reading “applied: added 2 trims”.",
   "showcase.title": "Recorder, captions, agent, encoder.",
+  "films.default.kicker": "Out of the box",
+  "films.default.title": "Good-looking from the first take.",
+  "films.default.lead": "Every new recording opens {zoomed}, on a wallpaper, with padding, a shadow and rounded corners. Change any of it, or export it as it is.",
+  "films.default.lead.zoomed": "already zoomed on your clicks",
+  "films.default.note.zooms": "{t} Each take is zoomed where you clicked, by a fixed rule: no AI, no network call. Turn it off in Record mode.",
+  "films.default.note.zooms.t": "Zooms from your clicks.",
+  "films.default.note.frame": "{t} Wallpaper, padding, shadow, rounded corners and a little motion blur are on before you touch anything.",
+  "films.default.note.frame.t": "A finished frame.",
+  "films.default.note.cursor": "{t} The pointer is recorded apart from the pixels, so its size and style can change after the take.",
+  "films.default.note.cursor.t": "A cursor you can redo.",
+  "films.depth.kicker": "3D",
+  "films.depth.title": "Depth, not just zoom.",
+  "films.depth.lead": "Turn the screen or {orbit} as you zoom, draw the pointer as {cursor} with a shadow, and put the whole take {device}, over a background that moves.",
+  "films.depth.lead.orbit": "orbit the screen",
+  "films.depth.lead.cursor": "a 3D cursor",
+  "films.depth.lead.device": "in a device",
+  "films.depth.tab.camera": "3D camera",
+  "films.depth.tab.cursors": "Cursors",
+  "films.depth.tab.frames": "Device frames",
+  "films.depth.tab.backgrounds": "Animated backgrounds",
+  "films.depth.note.camera": "{t} Each zoom can stay flat, turn the screen left or right, or orbit it while following the zoom's focus. Depth of field softens the far side.",
+  "films.depth.note.camera.t": "3D camera.",
+  "films.depth.note.cursors": "{t} Studio Ink, Prism Glow, Pop Coral, Pixel Candy and Star Sprout, each of which can be drawn as a 3D object with a shadow.",
+  "films.depth.note.cursors.t": "Five cursor packs.",
+  "films.depth.note.frames": "{t} A window, laptop, phone or screen, light or dark, over a background animated with Drift, Aurora or Waves.",
+  "films.depth.note.frames.t": "Frames and motion.",
+  "films.camera.kicker": "Camera",
+  "films.camera.title": "Your camera, your screen, or both.",
+  "films.camera.lead": "One take with a webcam can be {layouts}, and the room behind you can be {blurred}, cut out or replaced on your own computer, with no green screen.",
+  "films.camera.lead.layouts": "picture in picture, side by side, stacked or full screen",
+  "films.camera.lead.blurred": "blurred",
+  "films.camera.tab.layouts": "Layouts",
+  "films.camera.tab.blur": "Background blur",
+  "films.camera.note.layouts": "{t} Picture in picture, dual frame, vertical stack, or no webcam at all.",
+  "films.camera.note.layouts.t": "Four layouts.",
+  "films.camera.note.full": "{t} Give a stretch of the timeline to the camera: it grows to full screen, then eases back.",
+  "films.camera.note.full.t": "Full Camera.",
+  "films.camera.note.background": "{t} A segmentation model separates you from the room on your own computer. Nothing is uploaded.",
+  "films.camera.note.background.t": "Blur, cut out or replace.",
+  "films.ship.kicker": "Before it ships",
+  "films.ship.title": "Fit any format. Blur what should not be seen.",
+  "films.ship.lead": "One take becomes {formats}, and whatever should not be seen stays {blur}.",
+  "films.ship.lead.formats": "wide, square or vertical",
+  "films.ship.lead.blur": "under a blur",
+  "films.ship.formats": "{t} The same take, framed for 16:9, 9:16, 1:1, 4:3, 4:5, 16:10 or 10:16.",
+  "films.ship.formats.t": "Any aspect ratio.",
+  "films.ship.blur": "{t} Smooth or mosaic, as a rectangle, an oval or a freehand shape, over an email, a key or a password.",
+  "films.ship.blur.t": "Blur regions.",
+  "films.label": "More of the app, in motion",
   "recreation.style.kicker": "Style",
   "recreation.style.title": "Swap the background",
   "recreation.style.sub": "Image, color or gradient behind your recording — no re-shoot.",