Skip to content

Commit 69cceb9

Browse files
committed
docs(website): describe the current editor UI, in every locale
The showcase's export panel shows the named destinations and Advanced, and the caption display language is a row of buttons. The docs name the 3D camera, the speed preset row, the cursor settings, the export destinations and the background animation and blur.
1 parent 1a5a49a commit 69cceb9

43 files changed

Lines changed: 169 additions & 148 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎website/docs/editing-timeline.md‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -30,10 +30,10 @@ A floating icon rail sits over the preview. Five facets:
3030

3131
| Facet | What it controls |
3232
|---|---|
33-
| **Composition** | A background section (image, solid color, or gradient behind your recording; upload your own image or pick from presets), then background blur, shadow, motion blur, corner roundness, and padding. Its **Format** row sets the output shape for preview and export: **Auto** (the default for new projects), which wraps the frame around your recording and camera layout with an even padding border, your clips' own shapes under **Original**, plus 16:9, 9:16, 1:1, 4:3, 4:5, 16:10, and 10:16. |
33+
| **Composition** | A background section (image, solid color, or gradient behind your recording; upload your own image or pick from presets), with an **Animation** row (None, Drift, Aurora, Waves) that moves gradients and images alike, and a background blur from 0 to 100%. Then the frame: shadow (None, Light, Medium, Strong), padding, corner roundness, and motion blur. Its **Format** row sets the output shape for preview and export: **Auto** (the default for new projects), which wraps the frame around your recording and camera layout with an even padding border, your clips' own shapes under **Original**, plus 16:9, 9:16, 1:1, 4:3, 4:5, 16:10, and 10:16. |
3434
| **Camera layout** | Webcam composite: picture-in-picture, vertical stack, dual frame, or no webcam. Mirror and "shrink on zoom." For picture-in-picture: camera shape (rectangle or square), roundness (fully round, a square camera is a circle), size, and position: one of eight spots along the edge, always the same distance from it. Drag the webcam on the canvas and it snaps to the nearest one. |
3535
| **Audio** | The output level, applied the same way in the preview and the export. |
36-
| **Cursor** | Only meaningful for recordings made in the editable cursor mode, on Windows, macOS, or Linux. Show/hide, clip-to-canvas, and sliders for size, smoothing, motion blur, and click bounce. |
36+
| **Cursor** | Only meaningful for recordings made in the editable cursor mode, on Windows, macOS, or Linux. Show/hide and auto-hide, the cursor style with its **3D cursor** switch, the cursor types (each type the video shows, drawn as recorded or as the arrow), sliders for size (up to four times the default), smoothing, and motion blur, click bounce (None, Light, Strong), and **Click impact**, which pushes the screen back on each click under every camera. |
3737
| **Transcript** | The aggregated transcript across every clip, editable — see [Transcript editing](./captions.md#transcript-editing). Its **Captions** button turns captions on, styles them, and translates them — see [Captions & transcript](./captions.md#captions). |
3838

3939
The **pencil** button on the same rail opens the **Edit clip** modal for the selected clip: a draggable crop rectangle with numeric X/Y/W/H inputs and aspect-ratio presets, plus the clip's in/out points. Crop is per clip, not per project.
@@ -54,13 +54,13 @@ Selecting a region on the timeline (a zoom, trim, annotation, speed, or Full Cam
5454

5555
Drag a region's edges to resize, or drag the block to move it. Regions snap to the playhead, other region edges, and the timeline's start/end. `Ctrl/Cmd + C` / `Ctrl/Cmd + V` copies a selected region's attributes onto another region of the same kind.
5656

57-
`Shift` + scroll pans the timeline; `Ctrl`/`Cmd` + scroll zooms in and out. Both are shown as hints under the transport bar.
57+
`Shift` + scroll pans the timeline; `Ctrl`/`Cmd` + scroll zooms in and out. Both are shown as hints beside the play controls.
5858

5959
### Zoom regions
6060

6161
Click a zoom block to open its inspector:
6262
- Six depth presets — 1.25× / 1.5× / 1.8× / 2.2× / 3.5× / 5×.
63-
- **3D rotation** — None, Iso, Left, or Right.
63+
- **3D camera** — Off, Screen turned left, Screen turned right, or 3D Orbit (a camera that moves with the zoom and follows its focus mode).
6464
- **Focus mode** — Manual (drag the focus marker in the preview) or Auto (follows the recorded cursor). Locked to Auto when the toolbar's Auto-focus toggle is on.
6565
- **Focus position** — numeric X/Y percentage in manual mode.
6666

@@ -72,7 +72,7 @@ A trimmed span is cut from playback and export. The inspector is a single **Dele
7272

7373
### Speed regions
7474

75-
A preset dropdown (0.25× through 5×, plus 1× to return to normal) and a free numeric field that accepts anything up to 100×. Export renders the true speed either way.
75+
A row of preset buttons (0.5×, 1×, 1.5×, 2×, 4×) and a free numeric field for any other speed from 0.25× to 16×. Export renders the true speed either way.
7676

7777
### Full Camera regions
7878

@@ -95,7 +95,7 @@ Freehand blur shapes can no longer be drawn. Existing ones still render, but as
9595

9696
## Cursor styling
9797

98-
If your recording has editable cursor data (native capture in the editable cursor mode, on Windows, macOS, or Linux; [Cursor mode](./recording.md#cursor-mode) lists what each platform records), the Cursor facet lets you tune size, smoothing, motion blur, and click bounce independently of the raw capture — the underlying cursor path is smoothed deterministically, so what you see in preview matches the final export.
98+
If your recording has editable cursor data (native capture in the editable cursor mode, on Windows, macOS, or Linux; [Cursor mode](./recording.md#cursor-mode) lists what each platform records), the Cursor facet lets you tune its style, size, smoothing, motion blur, click bounce, and click impact independently of the raw capture — the underlying cursor path is smoothed deterministically, so what you see in preview matches the final export.
9999

100100
## Keyboard shortcuts
101101

‎website/docs/guides/product-demo-video.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -57,13 +57,13 @@ The webcam is recorded to its own file, so its placement is an editing decision
5757

5858
For an intro or outro, press `C` to add a **Full Camera** segment: the camera fills the whole frame for that span.
5959

60-
The **Composition** facet styles the frame. Its background section offers 18 built-in wallpapers, a solid color, a gradient or your own image, and a background blur. Below it are shadow, roundness, padding and motion blur.
60+
The **Composition** facet styles the frame. Its background section offers 18 built-in wallpapers, a solid color, a gradient or your own image, an animation that moves gradients and images alike, and a background blur. Below it are shadow, padding, roundness and motion blur.
6161

6262
## 4. Add automatic zooms
6363

6464
In the timeline toolbar, open **Auto-enhance** and choose **Automatic zooms**. OpenScreen reads the recorded cursor movement and places zoom regions on those pauses, with no network and no model. If it places nothing, it tells you so. The usual causes are a recording without cursor data, no pause in that range, or existing zooms that already cover those moments.
6565

66-
Then review them. Click a zoom to set its level (from 1.25× to 5×), its focus mode (Auto follows the cursor, Manual holds a fixed point) and an optional 3D rotation. Press `Z` to add a zoom by hand, and `Ctrl/Cmd+D` to delete one you do not want.
66+
Then review them. Click a zoom to set its level (from 1.25× to 5×), its focus mode (Auto follows the cursor, Manual holds a fixed point) and an optional 3D camera. Press `Z` to add a zoom by hand, and `Ctrl/Cmd+D` to delete one you do not want.
6767

6868
More on how the zooms are placed: [Auto-zoom](/features/auto-zoom/).
6969

‎website/docs/quick-start.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@ Click **Open Studio** (or it opens automatically after stopping) to load your re
4949
## 6. Trim and export
5050

5151
- Park the playhead where you want a cut and press `T` (or the scissors button) — a two-second trim region drops there. Drag its edges to adjust what gets removed.
52-
- Click **Export** in the top bar, choose **MP4** or **GIF**, pick a quality, and hit **Export**.
52+
- Click **Export** in the top bar, pick a destination (**Web / YouTube**, **Social**, **Studio** or **README GIF**), and hit **Export**. Format and quality sit under **Advanced** if you need them.
5353
- When it finishes, click **Show in folder** to find your file.
5454

5555
That's the core loop. For the full editing toolset — zooms, speed changes, annotations, cursor styling, webcam layout — see [Editing & timeline](./editing-timeline.md). To assemble several takes into one video, see [Media library](./media-library.md).

‎website/i18n/code.source.json‎

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -74,21 +74,6 @@
7474
"home.install.note.linux": "Linux",
7575
"editor.skipLink": "Skip the editor — go to downloads",
7676
"editor.title": "Five things you will actually do",
77-
"recreation.style.kicker": "Style",
78-
"recreation.style.title": "Swap the background",
79-
"recreation.style.sub": "Image, color or gradient behind your recording — no re-shoot.",
80-
"recreation.effects.kicker": "Effects",
81-
"recreation.effects.title": "Frame it your way",
82-
"recreation.effects.sub": "Padding, motion blur, shadow, roundness — every effect composites live.",
83-
"recreation.cursor.kicker": "Cursor",
84-
"recreation.cursor.title": "A cursor worth watching",
85-
"recreation.cursor.sub": "Size, smoothing, motion blur, click bounce — every move reads on screen.",
86-
"recreation.timeline.kicker": "Timeline",
87-
"recreation.timeline.title": "One click, every zoom placed",
88-
"recreation.timeline.sub": "Zooms, speed ramps, trims, comments — each edit lands as a pill on the timeline.",
89-
"recreation.transcript.kicker": "Transcript",
90-
"recreation.transcript.title": "Edit video like text",
91-
"recreation.transcript.sub": "Delete a word or a silence; the cut lands on the timeline. Nothing destructive.",
9277
"showcase.record.kicker": "record",
9378
"showcase.record.claim": "It records with the operating system, not around it.",
9479
"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.",
@@ -100,14 +85,14 @@
10085
"showcase.export.body": "MP4 from 720p up to source, at 24, 30 or 60, in H.264 or H.265 — or a GIF. The encode runs on your machine and counts frames while it does. No queue, no account, no watermark, and the file is on disk when the bar fills.",
10186
"showcase.export.fact": "H.264 / H.265 · 24, 30, 60 fps · no watermark",
10287
"showcase.export.link.docs": "Video export docs",
103-
"showcase.export.label": "A drawing of the export panel: recording-1783066227227.mp4 going out as MP4, with H.265 chosen beside H.264, 1080p, 60 fps and GIF, and a progress bar 62 percent along reading frame 1 488 of 2 400, writing to the Movies folder.",
88+
"showcase.export.label": "A drawing of the export panel: recording-1783066227227.mp4 going out as MP4 to the Web / YouTube destination, beside Social, Studio and README GIF, with the detailed settings folded under Advanced, and a progress bar 62 percent along reading frame 1 488 of 2 400, writing to the Movies folder.",
10489
"showcase.captions.kicker": "captions",
10590
"showcase.captions.claim": "Transcription runs on your machine.",
10691
"showcase.captions.body": "whisper.cpp ships with the app, and the model downloads once on first use — after that it works with the network off. The audio never leaves the laptop, and what comes back is editable text: set the typeface, the size, the color and the position, then burn it into the render.",
10792
"showcase.captions.fact": "whisper.cpp · 100 languages · offline after first run",
10893
"showcase.captions.link.docs": "Captions and transcript docs",
10994
"showcase.captions.link.feature": "How local captions compare",
110-
"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 offering English, Français, a Translate button and the option to delete a translation.",
95+
"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.",
11196
"showcase.agent.kicker": "agent",
11297
"showcase.agent.claim": "Or say which parts to cut.",
11398
"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.",
@@ -116,6 +101,21 @@
116101
"showcase.agent.link.feature": "How automatic zooms work",
117102
"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”.",
118103
"showcase.title": "Recorder, captions, agent, encoder.",
104+
"recreation.style.kicker": "Style",
105+
"recreation.style.title": "Swap the background",
106+
"recreation.style.sub": "Image, color or gradient behind your recording — no re-shoot.",
107+
"recreation.effects.kicker": "Effects",
108+
"recreation.effects.title": "Frame it your way",
109+
"recreation.effects.sub": "Padding, motion blur, shadow, roundness — every effect composites live.",
110+
"recreation.cursor.kicker": "Cursor",
111+
"recreation.cursor.title": "A cursor worth watching",
112+
"recreation.cursor.sub": "Size, smoothing, motion blur, click bounce — every move reads on screen.",
113+
"recreation.timeline.kicker": "Timeline",
114+
"recreation.timeline.title": "One click, every zoom placed",
115+
"recreation.timeline.sub": "Zooms, speed ramps, trims, comments — each edit lands as a pill on the timeline.",
116+
"recreation.transcript.kicker": "Transcript",
117+
"recreation.transcript.title": "Edit video like text",
118+
"recreation.transcript.sub": "Delete a word or a silence; the cut lands on the timeline. Nothing destructive.",
119119
"footer.brand.description": "A free, open-source screen recorder and editor. Community-maintained continuation, MIT licensed.",
120120
"footer.product.title": "Product",
121121
"footer.product.download": "Download",

‎website/i18n/de/code.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -315,7 +315,7 @@
315315
"message": "Doku zum Videoexport"
316316
},
317317
"showcase.export.label": {
318-
"message": "Eine Zeichnung des Exportbereichs: recording-1783066227227.mp4 wird als MP4 exportiert. Ausgewählt ist H.265, daneben stehen H.264, 1080p, 60 fps und GIF. Ein Fortschrittsbalken bei 62 Prozent zeigt Frame 1 488 von 2 400; die Datei wird in den Ordner Movies geschrieben.",
318+
"message": "Eine Zeichnung des Exportbereichs: recording-1783066227227.mp4 wird als MP4 an das Ziel Web / YouTube exportiert, neben Social, Studio und README GIF, die detaillierten Einstellungen unter Advanced eingeklappt. Ein Fortschrittsbalken bei 62 Prozent zeigt Frame 1 488 von 2 400; die Datei wird in den Ordner Movies geschrieben.",
319319
"description": "Describes a drawing of the app for screen readers. The drawing is in English: keep the quoted words as drawn."
320320
},
321321
"showcase.captions.kicker": {
@@ -338,7 +338,7 @@
338338
"description": "Link label under the panel."
339339
},
340340
"showcase.captions.label": {
341-
"message": "Eine Zeichnung des Untertitelbereichs: die Zeile „amber day on the validator, and it“ groß über dem Video, daneben eingeschaltete Untertitel, ein Hinweis, dass sieben Untertitelzeilen live aus dem Transkript abgeleitet werden, und eine Sprachzeile mit English, Français, einer Schaltfläche Translate und der Option, eine Übersetzung zu löschen.",
341+
"message": "Eine Zeichnung des Untertitelbereichs: die Zeile „amber day on the validator, and it“ groß über dem Video, daneben eingeschaltete Untertitel, ein Hinweis, dass sieben Untertitelzeilen live aus dem Transkript abgeleitet werden, und eine Sprachzeile mit dem Originaltranskript und Français als Schaltflächen, einer Schaltfläche Translate und der Option, eine Übersetzung zu löschen.",
342342
"description": "Describes a drawing of the app for screen readers. The drawing is in English: keep the quoted words as drawn."
343343
},
344344
"showcase.agent.kicker": {

0 commit comments

Comments
 (0)