# Tutorial AI — full documentation > Every page of the Tutorial AI docs and help center as Markdown. The index is at https://www.tutorial.ai/llms.txt; each page is also available on its own by adding .md to its URL. # Introduction > Welcome to Tutorial AI — the AI-powered platform that transforms screen recordings into polished product tutorials. Section: Docs Tutorial AI turns raw screen recordings into professional video tutorials with AI-generated scripts, voiceovers, zoom effects, captions, and written documentation — all automatically. ## What you can create - **Video tutorials**: With AI narration in 74 languages. - **Step-by-step documentation**: With annotated screenshots, generated from the same recording. - **Product demos**: With professional polish — zooms, cursor effects, and branding. - **Training content**: For employees, customers, and partners. ## How it works 1. **Record** your screen (Mac, Windows, or mobile) 2. **AI edits** — generates a script, adds voiceover, applies zoom effects and transitions 3. **Publish** — export as video, embed on your site, or generate written articles ## Get started - [Quickstart](https://www.tutorial.ai/docs/getting-started/quickstart): Create your first video in 5 minutes - [Video Basics](https://www.tutorial.ai/docs/getting-started/video-basics): Understand the core workflow - [Article Basics](https://www.tutorial.ai/docs/getting-started/article-basics): Generate documentation from recordings ## Browse the docs - [Recording](https://www.tutorial.ai/docs/recording/screen-recording): Desktop App, Chrome Extension, mobile, uploads, and recording tips - [Editing](https://www.tutorial.ai/docs/editing/editor-overview): The editor, Clips, and slides - [Voiceover](https://www.tutorial.ai/docs/voiceover/ai-voices): AI voices, script editing, voice tags, and pronunciations - [Visual Effects](https://www.tutorial.ai/docs/visual-effects/zooming): Zooms, cursor effects, highlights, blur, captions, and backgrounds - [Branding](https://www.tutorial.ai/docs/branding/brand-kits): Brand Kits and custom fonts - [Translation](https://www.tutorial.ai/docs/translation/one-click-translation): 1-Click Translation and the multilingual video player - [Publishing](https://www.tutorial.ai/docs/publishing/export-video): Export, publish, SCORM, and written documentation - [Collaboration](https://www.tutorial.ai/docs/collaboration/comments): Comments and guest reviewers - [AI Assistants (MCP)](https://www.tutorial.ai/docs/ai-assistants/connect): Connect ChatGPT, Claude, Cursor, Grok, or Gemini to your projects Source: https://www.tutorial.ai/docs --- # Article Basics > Generate step-by-step written documentation with screenshots from your video recordings — then export to Word, Notion, Zendesk, and more. Section: Docs › Getting started Tutorial AI can automatically generate a written article with screenshots from any screen recording — giving you both a video tutorial and written documentation from a single recording. [Video: Tutorial AI - Document Editor](https://embed.videoscripter.ai/video/019d34c8-4c72-768f-8549-82a0ef44dfce) ## How it works After creating a video project, switch to the **Document** tab to generate written documentation. ![](https://www.tutorial.ai/images/help/help-14323571-image_full.59003368.png) Click **Generate Documentation** — AI analyzes your video and narration, then transforms the content into structured written instructions: 1. **Screenshots** are captured at key moments in your recording 2. **Text instructions** are generated from your script 3. **The article** is assembled with screenshots placed alongside each step ## Adding screenshots Use the built-in **Screenshot Selector** to grab frames directly from your video — no manual screenshots needed. ![](https://www.tutorial.ai/images/help/help-14323571-019d352f-736c-73d3-a649-65be4b3c7396.90f3a9b6.webp) The selector highlights key events and Sync Markers along your video's timeline, making it easy to find the right frame. You can also use the **Crop Tool** to focus on a specific area of the screenshot before inserting it. ## Editing the article Customize the generated article using the built-in editor: - Edit the text for each step - Select which screenshots to include or exclude - Reorder steps as needed - Add headings to organize content into logical sections - Format with bold, lists, and other standard options ## Exporting When your article is ready, click **Export** and choose your preferred format. ![](https://www.tutorial.ai/images/help/help-14323571-019d3f48-8552-7471-be03-5ba214c3360a.9e34ac10.png) Available export formats and integrations: | Format | Use case | |--------|----------| | **Word** (.docx) | Office documents, internal sharing | | **Google Docs** | Collaborative editing | | **Notion** | Team wikis and knowledge bases | | **Zendesk** | Customer support articles | | **HubSpot** | Marketing knowledge bases | | **WordPress** | Blog and CMS publishing | | **Webflow** | Website content | | **Markdown** | Developer docs, static sites | | **HTML** | Web publishing | | **RTF** | Universal rich text | All formats preserve your document structure, formatting, and screenshots. ## Why both video and articles? Different people learn differently. Some prefer watching a video, others prefer reading step-by-step instructions. By producing both formats from one recording, you serve every learning style without extra work. Written articles also improve **SEO** — making your content discoverable by search engines and AI assistants in ways that video alone can't. > **Tip:** Speak clearly and narrate the steps as you perform them during recording. This makes AI-generated documentation more accurate, since it uses your narration as the basis for written instructions. ## Next steps - [Quickstart](https://www.tutorial.ai/docs/getting-started/quickstart): Create your first video in 5 minutes - [Video Basics](https://www.tutorial.ai/docs/getting-started/video-basics): Understand the video creation workflow - [Generate Documentation](https://www.tutorial.ai/docs/publishing/generate-documentation): Full documentation generation guide - [Export Documents](https://www.tutorial.ai/docs/publishing/export-documents): Detailed export options Source: https://www.tutorial.ai/docs/getting-started/article-basics --- # Organizing Videos > Sort and nest videos into folders, and use automatic Virtual Translation Folders that group every translated copy with its original. Section: Docs › Getting started As your video library grows, folders keep it navigable. Tutorial AI supports nested folders, multiple workspaces, and **Virtual Translation Folders** — automatic groupings that keep a translated set together without manual filing. [Video: Tutorial AI - Folders](https://embed.videoscripter.ai/video/019e1b8d-0803-7209-baaa-88c64b3833bc) ## Creating a folder On the Videos dashboard, click **New Folder**, enter a name, and confirm. ![New Folder button on the Videos dashboard](https://www.tutorial.ai/images/help/help-folders-new-button.a8418059.png) ## Moving a video Open the three-dot menu on a video tile and choose **Move to** → pick a destination folder. ![Three-dot menu with the Move to option](https://www.tutorial.ai/images/help/help-folders-move-menu.ee597cb3.png) ## Nested folders Folders can contain folders. Either navigate into a folder first and click **New Folder**, or use the **New Folder** button at the bottom-left of the Move to popup to create a subfolder inline. ![New Folder button at the bottom of the folder selector popup](https://www.tutorial.ai/images/help/help-folders-nested-popup.4d5acf6f.png) ## Virtual Translation Folders When you translate a video, Tutorial AI groups the source and all of its translated copies into a **Virtual Translation Folder** — created automatically and named after the source. New translations of the same source always land in the same folder, so a multilingual set stays together as you add languages. > **Tip:** Virtual Translation Folders are automatic — you don't create them manually. They're the easiest way to manage a project that ships in multiple languages alongside the [Video Player](https://www.tutorial.ai/docs/translation/video-player), which embeds all language versions in a single player. See [1-Click Translation](https://www.tutorial.ai/docs/translation/one-click-translation) for the translation flow. ## Workspaces Folders are scoped to a workspace. From the **Move to** popup, navigate one level up past the top folder to see your other workspaces — projects can be moved across workspaces from there. > **Caution:** **Brand Kits are workspace-scoped.** Moving a project that uses a Brand Kit to a different workspace breaks the link — you'll need to re-apply a Brand Kit available in the destination workspace. ## Notes - **Rename** — three-dot menu on the folder → Rename. - **Delete** — three-dot menu on the folder → Delete. Videos inside aren't deleted; they move back to the parent location. - **Breadcrumbs** — navigate up out of nested folders using the breadcrumb trail at the top of the dashboard. ## Next steps - [1-Click Translation](https://www.tutorial.ai/docs/translation/one-click-translation): Create translations that auto-populate Virtual Translation Folders - [Video Player](https://www.tutorial.ai/docs/translation/video-player): Embed all language versions in one player - [Uploading Videos](https://www.tutorial.ai/docs/recording/uploading-videos): Get videos into the library in the first place - [Brand Kits](https://www.tutorial.ai/docs/branding/brand-kits): Workspace-scoped branding Source: https://www.tutorial.ai/docs/getting-started/organizing-videos --- # Quickstart > Create your first polished video tutorial in under 5 minutes. Section: Docs › Getting started This guide walks you through creating your first video tutorial with Tutorial AI — from recording to published video. [Video: Tutorial](https://www.youtube.com/embed/Zc7GnysX9JA) ## Step 1: Install the recorder Download the Desktop App for [macOS](https://download.tutorial.ai/mac/VideoScripter.dmg) or [Windows](https://download.tutorial.ai/win/VideoScripter-win-Setup.exe). Alternatively, install the [Chrome Extension](https://www.tutorial.ai/docs/recording/chrome-extension) for browser-based recording. Already have a recording you want to use? Skip to [Uploading Videos](https://www.tutorial.ai/docs/recording/uploading-videos) — Tutorial AI can analyze an existing file and build the project for you. ![](https://www.tutorial.ai/images/help/help-9939384-AD_4nXeT8RaC2SKasRmCrtLryRmsqSSqUy5TPuSO2FstuN95X0fy5_M2n5Q5.b2b1fc78.png) The Desktop App is recommended — it captures metadata and cursor positions that enable [advanced cursor effects](https://www.tutorial.ai/docs/visual-effects/cursor-effects) the Chrome Extension can't provide. ## Step 2: Record your screen Open the recorder and capture your workflow. You can: - **Stay silent** — AI will generate a narration script from your screen actions - **Speak while recording** — AI transcribes your words and refines them into a polished script > **Tip:** Speaking while recording gives AI a better starting point and produces more accurate scripts. Your voice is not used in the final video — AI regenerates it as a professional voiceover. **Quick tips:** - Keep recordings under 10 minutes for best results - Close unnecessary tabs and mute notifications - Click deliberately on elements — the recorder tracks clicks to generate [Sync Markers](https://www.tutorial.ai/docs/voiceover/script-editing#sync-markers) ## Step 3: Let AI do the editing Once your recording uploads, the **AI Script Writer** shows what it will do before it generates anything: ![The AI Script Writer listing its plan: enhance your voice narration to remove filler words, Smart Auto-Cut to remove long pauses, auto-zoom on key moments, and write the narration in English (USA), with a Generate script button](https://www.tutorial.ai/images/help/help-quickstart-ai-script-writer.9d762c1e.webp) - **Enhance your voice narration** — removes filler words (when you recorded with your voice) - **Smart Auto-Cut** — removes long pauses from the video - **Auto-zoom** — zooms in on key moments - **Narration language** — the language the script is written in, such as English (USA) Click **Generate script** and AI writes the narration and adds a professional AI voiceover. Prefer to write it yourself? Click **Skip, I'll enter my script**. ## Step 4: Review and refine Open the editor to fine-tune your video. The editor uses a script-based approach — you edit text, not a timeline. ![The Tutorial AI editor with eight numbered callouts: 1 edit the script like a doc, 2 rewrite with AI, 3 add zooms and slides, 4 Clips and video styling, 5 live preview, 6 Brand Kit, 7 switch between video and article, 8 the Sync Marker Rail on the left edge](https://www.tutorial.ai/images/help/help-quickstart-editor-callouts.c787a446.webp) 1. **Edit the script like a doc** — change the words, and the voiceover and video timing update to match. 2. **Rewrite with AI** — [Ask AI](https://www.tutorial.ai/docs/voiceover/ask-ai), **Optimize**, **Enhance**, and **Tone** polish the narration for you. 3. **Add zooms and slides** — [zoom in](https://www.tutorial.ai/docs/visual-effects/zooming) on key moments, or insert intro, agenda, and outro [slides](https://www.tutorial.ai/docs/editing/slides). 4. **Clips and video styling** — open **Clips** to [cut and trim](https://www.tutorial.ai/docs/editing/cut-and-trim) your recording, or change the background, cursor, music, highlights, and captions. 5. **Live preview** — play your latest edits right in the editor. 6. **Brand Kit** — apply your logo, colors, and fonts with a [Brand Kit](https://www.tutorial.ai/docs/branding/brand-kits). 7. **Video or article** — switch to **Document** to see the [written guide](https://www.tutorial.ai/docs/getting-started/article-basics) generated from the same recording. 8. **Sync Marker Rail** — open it to see the sync markers from your recording and drag them into the script to keep narration and video in step. See [Sync Markers](https://www.tutorial.ai/docs/voiceover/script-editing#sync-markers). For a full tour of the editor, see [Editor Overview](https://www.tutorial.ai/docs/editing/editor-overview). ## Step 5: Publish Export your finished video as MP4, share via link, or embed directly in your help center, LMS, or website. Tutorial AI also generates a [written article with screenshots](https://www.tutorial.ai/docs/getting-started/article-basics) from the same recording — giving you both a video tutorial and step-by-step documentation from a single recording session. ## Next steps - [Video Basics](https://www.tutorial.ai/docs/getting-started/video-basics): Understand the full video creation workflow - [Article Basics](https://www.tutorial.ai/docs/getting-started/article-basics): Generate written documentation from recordings - [Screen Recording](https://www.tutorial.ai/docs/recording/screen-recording): Detailed Desktop App guide - [Edit Like a Doc](https://www.tutorial.ai/docs/editing/edit-like-a-doc): How script-based editing works Source: https://www.tutorial.ai/docs/getting-started/quickstart --- # Video Basics > Understand the core video creation workflow in Tutorial AI — from recording to published tutorial — and how Sync Markers keep the video in step with your script. Section: Docs › Getting started Every Tutorial AI video starts with a screen recording and ends with a polished, narrated tutorial. This guide covers the full workflow and how Sync Markers keep the video in step with your script. ## The video creation flow 1. **Record** — Capture your screen with the [Desktop App](https://www.tutorial.ai/docs/recording/screen-recording), the [Chrome Extension](https://www.tutorial.ai/docs/recording/chrome-extension), or on [mobile](https://www.tutorial.ai/docs/recording/mobile-recording) — or [upload an existing video](https://www.tutorial.ai/docs/recording/uploading-videos) 2. **Script** — The AI Script Writer analyzes your recording and generates a narration script. If you [spoke while recording](https://www.tutorial.ai/docs/recording/recording-with-audio), AI transcribes and refines your words. 3. **Voice** — AI narrates the script with a [natural-sounding voice](https://www.tutorial.ai/docs/voiceover/ai-voices) in your chosen language 4. **Effects** — Smart [zoom](https://www.tutorial.ai/docs/visual-effects/zooming) on key moments and [cursor smoothing](https://www.tutorial.ai/docs/visual-effects/cursor-effects) are applied automatically 5. **Review** — Edit the script (the video updates to match), adjust effects, and add [slides](https://www.tutorial.ai/docs/editing/slides). Open [Clips](https://www.tutorial.ai/docs/editing/clips-overview) to [cut out mistakes](https://www.tutorial.ai/docs/editing/cut-and-trim), [combine several recordings](https://www.tutorial.ai/docs/editing/combine-videos) into one video, or [replace a section](https://www.tutorial.ai/docs/editing/update-or-replace-footage) of a recording. 6. **Publish** — [Export](https://www.tutorial.ai/docs/publishing/export-video), share, or [embed](https://www.tutorial.ai/docs/publishing/publish-share) your finished video ## The editor The editor uses a script-based approach — you edit text, not a timeline. When you change a word in the script, the voiceover and video timing update automatically. That's why subject-matter experts, not video specialists, can create professional tutorials: the script is the single source of truth. For a tour of every area of the editor, see [Editor Overview](https://www.tutorial.ai/docs/editing/editor-overview). ## Sync Markers Sync Markers are timestamps linking specific words in your script to specific frames in your video. They're generated automatically by the Desktop App when you click on screen elements. Each marker sits in the script as a numbered chip. Drag a marker to a different word to change when its frame appears — the video automatically pauses or speeds up to keep narration and visuals aligned. ![Sync Marker 1 being dragged from between the words the and key, leaving an empty slot, to a drop point right before the word highlight on the same line](https://www.tutorial.ai/images/help/help-video-basics-drag-sync-marker.9caabb68.webp) If a marker is missing from the script — for example, you deleted it — click the spine on the left edge of the script to open the **Sync Marker Rail**. It lists every marker in order with a thumbnail of its frame. Drag the marker from the rail onto the word where its frame should appear. While you drag, the parts of the script where it can't go are greyed out, because markers always stay in order. ![The Sync Marker Rail open next to the script. Marker 3, Select Sighs voice tag, is being dragged from the rail into the narration right after the words sound more human, while the rest of the script is greyed out](https://www.tutorial.ai/images/help/help-video-basics-drag-from-rail.3a0638d5.webp) You can also click **+** in the rail to [add a custom marker](https://www.tutorial.ai/docs/voiceover/script-editing#custom-sync-markers) at the current video frame. Learn more in [Script Editing](https://www.tutorial.ai/docs/voiceover/script-editing). ## Navigating your video Tutorial AI offers three ways to navigate through your video: - **Click in the script** — Jump directly to the video segment corresponding to that text - **Click a thumbnail** — Click a marker in the Sync Marker Rail to jump the video to that frame - **Use the progress bar** — Scrub through the video for quick review ## Next steps - [Quickstart](https://www.tutorial.ai/docs/getting-started/quickstart): Create your first video in 5 minutes - [Article Basics](https://www.tutorial.ai/docs/getting-started/article-basics): Generate written documentation from the same recording - [Edit Like a Doc](https://www.tutorial.ai/docs/editing/edit-like-a-doc): Deep dive into script-based editing - [Script Editing](https://www.tutorial.ai/docs/voiceover/script-editing): Sync Markers, custom markers, and editing the narration - [Editor Overview](https://www.tutorial.ai/docs/editing/editor-overview): Full tour of the editor interface Source: https://www.tutorial.ai/docs/getting-started/video-basics --- # Chrome Extension > Use the Tutorial AI Chrome Extension for quick browser-based recordings — and understand when to choose it over the Desktop App. Section: Docs › Recording Tutorial AI offers two ways to record: the **Desktop App** and the **Chrome Extension**. While both produce recordings you can edit in Tutorial AI, they're designed for different goals. ## When to use the Chrome Extension The Chrome Extension is optimized for **speed and simplicity** when everything happens inside the browser. ![](https://www.tutorial.ai/images/help/help-13687915-brower-extension-VHEJvxUv.83682e50.png) ### Quick browser walkthroughs Use the Chrome Extension for: - Simple SaaS flows - Short feature explanations - One-tab or one-tool demos It's the fastest way to record when cursor polish isn't critical. ### Lightweight, informal recordings The extension is great for: - Internal references - Quick explanations - Capturing something on the fly No install friction, no setup — just hit record. ### Web-only workflows If your entire process lives inside Chrome and doesn't require desktop apps, file system access, or cursor enhancements, the Chrome Extension is sufficient. ## When to use the Desktop App The **Desktop App** is the better choice when you want **high-quality, professional tutorials** with full control over how interactions appear. ![](https://www.tutorial.ai/images/help/help-13687915-AD_4nXeT8RaC2SKasRmCrtLryRmsqSSqUy5TPuSO2FstuN95X0fy5_M2n5Q5.b2b1fc78.png) ### Advanced cursor rendering The Desktop App captures the screen **without recording the cursor directly**, then **re-draws the cursor on top of the video** afterward. This unlocks features that browser extensions cannot offer: ![](https://www.tutorial.ai/images/help/help-13687915-682ed1a439a2b631802d0010_e6bd3278adc39b7393c39e90a17ca7fb_mu.737444a3.png) - Enlarged cursor for better visibility - Smooth cursor movement - Simplified mouse paths (straight from click to click) - Reduced cursor flicker and jitter - Auto-hide cursor when idle Learn more in [Cursor Effects](https://www.tutorial.ai/docs/visual-effects/cursor-effects). > **Caution:** Chrome extensions (including Loom and similar tools) **cannot** redraw or smooth the cursor. These features require low-level screen capture that only a desktop application can provide. ### Record anything on your computer Unlike browser extensions, the Desktop App captures: - Native desktop apps (Figma, Slack, Excel, IDEs, design tools) - Multi-app workflows - System dialogs, menus, and file operations - A selected area of your screen ## Comparison | Use case | Recommended tool | |----------|-----------------| | Polished, professional tutorials | **Desktop App** | | Enlarged, smooth, simplified cursor | **Desktop App** | | Desktop apps or multi-tool workflows | **Desktop App** | | Customer-facing documentation | **Desktop App** | | Quick browser walkthroughs | **Chrome Extension** | | Simple, web-only flows | **Chrome Extension** | | Fast, informal recordings | **Chrome Extension** | If you want tutorials that look professional, feel smooth, and are easy to follow — use the Desktop App. Use the Chrome Extension when speed matters more than polish and your workflow stays entirely in the browser. ## Next steps - [Screen Recording](https://www.tutorial.ai/docs/recording/screen-recording): Full guide to the Desktop App - [Recording with Audio](https://www.tutorial.ai/docs/recording/recording-with-audio): Speak while recording for better scripts - [Recording Best Practices](https://www.tutorial.ai/docs/recording/best-practices): Tips for clean recordings Source: https://www.tutorial.ai/docs/recording/chrome-extension --- # Mobile Recording > Record iPhone, iPad, and Android screens for mobile tutorials — with tap markers to highlight touch interactions. Section: Docs › Recording Tutorial AI supports mobile screen recordings for creating tutorials of iOS and Android apps. Since mobile screens don't visually capture tap gestures by default, Tutorial AI provides a **Tap Marker** tool to highlight touch interactions in your video. [Video: Tutorial AI - Add Taps to Mobile Recordings](https://embed.videoscripter.ai/video/019d9322-55be-7f91-9a25-8a80392e1863) ## How to record mobile screens There are two ways to get a mobile recording into Tutorial AI: | Method | Platform | How | |--------|----------|-----| | **Direct capture** | iOS (Mac only) | Connect your iPhone/iPad to your Mac and use the Desktop App's mobile recording feature | | **Import recording** | iOS, Android | Record with your device's built-in screen recorder, then import via **Upload Mobile Recording** in the Screen Recordings tab | > **Note:** Direct iPhone/iPad capture is only available in the macOS Desktop App. For Android devices, or if you're on Windows, use the import method. ## Adding tap markers When recording on a mobile device, tap gestures are not visually captured by default. The **Tap Marker** tool lets you mark where taps occurred so viewers can follow your actions. ### Step 1: Open the Tap Marker tool Open the **Tap Marker** tool from the video toolbar. ![Tap Marker tool in video toolbar](https://www.tutorial.ai/images/help/taps-1.918dc18c.png) ### Step 2: Locate the tap frame 1. Play your video 2. Pause at the point where an interaction occurred 3. Use the **left** and **right** arrow keys to move frame by frame for precise placement ![Positioning pointer at tap location](https://www.tutorial.ai/images/help/taps-2.6e503ec8.webp) ### Step 3: Mark and name the tap Click the screen at the tap location, then assign a descriptive name to identify it in your workflow. ![Naming the tap marker](https://www.tutorial.ai/images/help/taps-3.3c29de26.webp) ### Step 4: Sync taps with narration All recorded taps appear as **Sync Markers** within your project. After marking all relevant taps: 1. Click **Finish** to proceed 2. Tutorial AI uses the tap names to auto-generate a script aligned with your actions 3. Drag the Sync Markers into their corresponding points in the narration editor to synchronize tap events with your narration ![Dragging Sync Markers in the narration editor](https://www.tutorial.ai/images/help/taps-4.706ff213.webp) > **Tip:** Name your taps descriptively (e.g., "Tap Settings icon", "Tap Save button"). These names help AI generate more accurate narration scripts. ## Next steps - [Screen Recording](https://www.tutorial.ai/docs/recording/screen-recording): Desktop App recording guide - [Script Editing](https://www.tutorial.ai/docs/voiceover/script-editing): Edit and sync your narration with Sync Markers - [Zooming](https://www.tutorial.ai/docs/visual-effects/zooming): Add zoom effects to highlight details in your recording Source: https://www.tutorial.ai/docs/recording/mobile-recording --- # Recording Best Practices > Tips for creating clean, professional screen recordings — from preparation to recording technique. Section: Docs › Recording A good recording is the foundation of a great tutorial. These tips help you capture clean, professional footage that AI can work with effectively. ## Before recording ### Clean up your screen - **Hide desktop icons** — use the Desktop App's built-in option to remove them from the recording - **Close unnecessary apps** — only keep what's relevant to the tutorial open - **Mute notifications** — prevent popups from interrupting your flow - **Hide the Dock** (macOS) — removes visual clutter from the bottom of the screen ### Adjust the recording area When recording browser content, exclude the browser window frame and address bar: ![](https://www.tutorial.ai/images/help/help-9939384-Screenshot_2025-09-11_at_10_04_40.e43102db.png) Click **Adjust Recording Area** before recording and drag the borders to crop out unnecessary UI elements. This keeps the viewer focused on the content. ### Use a countdown timer Enable the countdown timer in the Desktop App settings so you have a moment to prepare before recording starts. ## During recording ### Work at a steady pace Move deliberately through each step. Quick mouse movements and rapid clicks make it harder for AI to generate accurate narration and can confuse viewers. ### Pause when needed Use `Ctrl + Cmd + P` (Mac) or `Ctrl + Alt + P` (Windows) to pause the recording. The recording bar blinks red while paused. ![](https://www.tutorial.ai/images/help/help-9939384-AD_4nXclGdZcrepDF_sMNbQ101ZEyuRnZjTwafsOehHv0wyA9EswJSlA5JLC.d3069025.png) Pausing is useful when you need to: - Switch between screens or apps - Review your notes - Prepare for the next section ### Speak while recording [Recording with audio](https://www.tutorial.ai/docs/recording/recording-with-audio) gives AI a much better starting point for narration. Speak naturally — AI will clean up filler words and polish the script. ### Click clearly The Desktop App tracks your mouse position and clicks to generate [Sync Markers](https://www.tutorial.ai/docs/voiceover/script-editing#sync-markers). Click on elements deliberately so the system captures clear interaction points. ## Choosing the right recorder | Scenario | Recommended | |----------|------------| | Professional, customer-facing tutorials | [Desktop App](https://www.tutorial.ai/docs/recording/screen-recording) | | Multi-app workflows or desktop software | [Desktop App](https://www.tutorial.ai/docs/recording/screen-recording) | | Quick browser-only walkthroughs | [Chrome Extension](https://www.tutorial.ai/docs/recording/chrome-extension) | | Mobile app tutorials | [Mobile Recording](https://www.tutorial.ai/docs/recording/mobile-recording) | The Desktop App captures metadata and cursor positions that enable [cursor effects](https://www.tutorial.ai/docs/visual-effects/cursor-effects) — enlarged cursor, smooth movement, simplified paths. The Chrome Extension can't do this. ## After recording ### Let AI enhance your content If you recorded with audio, take advantage of the automatic enhancement options: - **Enhance Narration** — removes filler words and refines sentence structure - **Smart Auto-Cut** — trims idle sections from the video ### Reuse recordings You can create multiple projects from the same recording. Go to the **Screen Recordings** tab and select **New project from recording** to start fresh with the same footage. ![](https://www.tutorial.ai/images/help/help-9945215-AD_4nXcAPd508atHu0S7AGx13dFT0DXE1p13XqhrSxK_Xav5YFQvhy9Jt5hV.33506c14.png) ## Next steps - [Screen Recording](https://www.tutorial.ai/docs/recording/screen-recording): Desktop App recording guide - [Chrome Extension](https://www.tutorial.ai/docs/recording/chrome-extension): Browser-based recording - [Edit Like a Doc](https://www.tutorial.ai/docs/editing/edit-like-a-doc): How script-based editing works Source: https://www.tutorial.ai/docs/recording/best-practices --- # Recording with Audio > Speak while recording to give AI a better starting point for your narration script — then let AI clean up and regenerate a professional voiceover. Section: Docs › Recording By default, screen recordings are captured without sound. You can either write your own script or let AI generate one from your video. But there's a better option: **speak while recording** to give AI a head start. > **Tip:** Uploading a recording that already has audio you *don't* want transcribed? Strip it first with the free [Remove Audio](https://www.tutorial.ai/remove-audio) tool — it runs locally in your browser, the file never leaves your device. ![](https://www.tutorial.ai/images/help/help-10098157-VS_Horizontal_bar__281_29.5860ea5b.png) ## Enabling audio recording 1. Open the Recorder 2. Click the **microphone icon** to enable audio 3. Select an audio source 4. Speak naturally while recording your screen Once you finish recording, Tutorial AI converts your narration to text and displays it in the script editor. > **Note:** Your original voice is **not** used in the final video. Tutorial AI converts your audio to text, then regenerates it as a polished AI voiceover. This ensures consistent, professional quality regardless of your recording conditions. ## Automatic enhancements After uploading a recording with audio, the system offers two enhancement options: ### Enhance Narration AI automatically removes filler words and refines sentence structure, giving your narration a more polished and professional flow. ### Smart Auto-Cut Analyzes the video and trims out sections where the mouse remains idle. In [Clips](https://www.tutorial.ai/docs/editing/clips-overview) you can undo individual cuts, or click **Remove cuts** to restore everything. ![](https://www.tutorial.ai/images/help/help-10098157-Screenshot_2B2025-08-28_2Bat_2B15_02_46.be7c3f5d.png) ## Why record with audio? Speaking while recording gives better results than silent recording because: - **More accurate scripts** — AI starts with your actual explanation rather than guessing from screen activity - **Better pacing** — your natural rhythm guides how the narration aligns with the video - **Fewer edits needed** — the initial script is closer to what you intended Simply record naturally, and let AI handle the polishing — delivering a professional result with minimal effort. ## Next steps - [Screen Recording](https://www.tutorial.ai/docs/recording/screen-recording): Full Desktop App recording guide - [Uploading Videos](https://www.tutorial.ai/docs/recording/uploading-videos): Import a pre-recorded file - [AI Voices](https://www.tutorial.ai/docs/voiceover/ai-voices): Choose the voice for your narration - [Script Editing](https://www.tutorial.ai/docs/voiceover/script-editing): Edit and sync the generated script - [Ask AI](https://www.tutorial.ai/docs/voiceover/ask-ai): Polish your script with AI assistance Source: https://www.tutorial.ai/docs/recording/recording-with-audio --- # Screen Recording > Record your screen on Mac or Windows with the Tutorial AI Desktop App — capture metadata, cursor positions, and screen interactions for AI-powered video creation. Section: Docs › Recording The Desktop App is a client application specifically designed to capture your screen for optimal results. Record your entire screen, a specific application, a selected area, or even a portable device. > **Tip:** Already have a recording? You can also [upload an existing video file](https://www.tutorial.ai/docs/recording/uploading-videos) — Tutorial AI will analyze it for Sync Markers and create a project automatically. ![](https://www.tutorial.ai/images/help/help-9939384-AD_4nXeT8RaC2SKasRmCrtLryRmsqSSqUy5TPuSO2FstuN95X0fy5_M2n5Q5.b2b1fc78.png) > **Note:** Capturing iPhone or iPad devices is only available in the macOS Desktop App. To record an Android screen, or if you are using Windows, use the **Upload Mobile Recording** feature in the **Screen Recordings** tab. ## Recording options Before recording, you can configure several options to enhance your recording experience: - **Hide desktop icons** — they won't appear in the recording but remain visible to you - **Countdown timer** — prepare yourself before recording starts - **Hide the Dock** — remove the macOS Dock from the recording - **Hide the app icon** — keep the Tutorial AI icon out of view - **Mute notifications** — prevent popups from interrupting your recording ![](https://www.tutorial.ai/images/help/help-9939384-AD_4nXeZCHGqh8Wzex7XpDz6E0lDcOnM4_N0YS67Vrp8Ebaua-FX3a0k5A-s.1c82bc7a.png) ## What makes the Desktop App unique Unlike traditional screen recorders, the Desktop App doesn't just capture your screen — it also collects important **metadata** during recording. This metadata helps AI generate accurate narration scripts and align your narration precisely with the video. By tracking your mouse cursor position, the Desktop App enables: - **Enlarged cursor** for better visibility - **Smooth cursor movement** for a professional feel - **Simplified mouse paths** — straight movement from click to click - **Reduced cursor flicker and jitter** - **Auto-hide cursor when idle** ![](https://www.tutorial.ai/images/help/help-9939384-AD_4nXdus10_WV9Gi6srcCeLGJDa3yb5-uBz_FxTzi4rS9WFWE7-R05GMa-S.1c6b169a.png) Learn more about these features in [Cursor Effects](https://www.tutorial.ai/docs/visual-effects/cursor-effects). ## Adjusting the recording area When recording browser content, exclude the browser window frame and address bar for a cleaner result: ![](https://www.tutorial.ai/images/help/help-9939384-Screenshot_2025-09-11_at_10_04_40.e43102db.png) 1. Before recording, click the **Adjust Recording Area** button on the recording toolbar 2. Drag the borders to exclude the window header and address bar This removes unnecessary clutter and keeps the viewer's attention on the main content. ## Pausing during recording Keyboard shortcuts are particularly useful when recording longer videos, switching between screens, or reviewing your script before continuing. **Pause/Resume:** `Ctrl + Cmd + P` (Mac) or `Ctrl + Alt + P` (Windows) ![](https://www.tutorial.ai/images/help/help-9939384-AD_4nXclGdZcrepDF_sMNbQ101ZEyuRnZjTwafsOehHv0wyA9EswJSlA5JLC.d3069025.png) When paused, the recording bar blinks red. While paused, you can change tabs, review notes, or open another application. Press **Resume** or the same shortcut to continue — your recording picks up exactly where you left off. ## Reusing recordings Every screen recording automatically creates a project. To create an additional project from the same recording: 1. Go to the **Screen Recordings** tab 2. Select a recording and click **New project from recording** from the three-dot menu ![](https://www.tutorial.ai/images/help/help-9945215-Screenshot_2025-10-06_at_10_41_24.f43239b2.png) Or open the recording and click **Create Project from Recording** in the top right corner. ![](https://www.tutorial.ai/images/help/help-9945215-AD_4nXfX0DuIoCh62GQeWwexcGYSPBnVXUQ42LTyAmViEQE6T6-_9CIyP16G.2d9c8ad8.png) ## Troubleshooting To access advanced settings — including proxy and logging options — open the **Settings** panel. If you're behind a corporate firewall or encountering issues, contact our support team. ![](https://www.tutorial.ai/images/help/help-9939384-Screenshot_2026-02-11_at_12_43_07.9e2e0eba.png) ## Next steps - [Chrome Extension](https://www.tutorial.ai/docs/recording/chrome-extension): When to use the browser extension instead - [Uploading Videos](https://www.tutorial.ai/docs/recording/uploading-videos): Import an existing recording or an Asset Library clip - [Recording with Audio](https://www.tutorial.ai/docs/recording/recording-with-audio): Speak while recording for better scripts - [Recording Best Practices](https://www.tutorial.ai/docs/recording/best-practices): Tips for clean, professional recordings Source: https://www.tutorial.ai/docs/recording/screen-recording --- # Uploading Videos > Upload screen recordings to start a project or combine several recordings into one video, and upload decorative videos to the Asset Library for use on slides. Section: Docs › Recording Most uploads are **screen recordings** — files from an OS-native recorder, a phone, or another tool that you want Tutorial AI to turn into a tutorial. Upload one to start a new project, or upload several and combine them into a single video with **Clips**. A second, less common kind of upload is a **decorative video** — an animation, intro clip, or B-roll placed on a slide. Those go to the Asset Library and are covered at the end of this page. ## Uploading a screen recording [Video: Tutorial AI - How to upload screen recordings](https://embed.videoscripter.ai/video/019fb4ac-682a-7cd3-8202-3160f03c52e1) Open the **Screen Recordings** section from the sidebar, then click the **Upload screen recording** button in the top-right of the header. ![Screen Recordings section in the sidebar with the Upload screen recording button visible in the top right](https://www.tutorial.ai/images/help/help-uploading-videos-sidebar-nav.1925fe6a.webp) A modal opens with two file-type options: **Desktop Recording** (computer screen capture) or **Mobile Recording** (iOS or Android device). **Desktop recording** ![Upload Screen Recording modal with Desktop Recording selected, showing AI analysis, Click detection, and Narration suggestions](https://www.tutorial.ai/images/help/help-uploading-videos-desktop-option.c6513d6b.webp) When you import a desktop recording, Tutorial AI runs three automatic passes on the file: - **AI analysis** — every click, scroll, and screen transition is detected and turned into a Sync Marker - **Click detection** — interaction spots are identified so post-recording effects (zooms, cursor emphasis) have targets to lock onto - **Narration suggestions** — if the recording has narration audio, the script is transcribed from it; if it's silent, the script is drafted from the visual content Processing can take a few minutes for longer videos. You can leave the tab open or close it — Tutorial AI emails you when the project is ready. > **Tip:** If the recording has sound you don't want transcribed, strip it first with the free [Remove Audio](https://www.tutorial.ai/remove-audio) tool. It runs entirely in your browser — the file never leaves your device. **Mobile recording** Select **Mobile Recording**, then pick the platform — **Android** or **iOS**. Any `.mp4` or `.mov` captured with a device's built-in screen recorder is accepted. ![Upload Screen Recording modal with Mobile Recording selected, showing the Android and iOS platform toggle](https://www.tutorial.ai/images/help/help-uploading-videos-mobile-option-iphone.44d072b5.webp) > **Tip:** On a Mac, you can also capture iPhone or iPad screens directly by connecting the device via cable and using QuickTime, then upload the resulting `.mov` here. For a fully in-Tutorial-AI iOS/iPadOS capture flow, see [Mobile Recording](https://www.tutorial.ai/docs/recording/mobile-recording). > **Note:** Mobile recordings don't visually capture tap gestures by default. Mark them after upload with the Tap Marker tool — see [Mobile Recording](https://www.tutorial.ai/docs/recording/mobile-recording). ## Combining several recordings into one video Every recording you upload is listed in **Screen Recordings**, so you can add it to any project — to join a second take to your first, or to add a part you recorded separately. 1. Open the project and click **Clips**. 2. Hover over the timeline and click the **+** where the recording should go. 3. Choose **Screen recording**, pick the uploaded recording, and confirm with **Insert video & open script**. The recording becomes its own clip, and AI writes narration for it. See [Combine Videos](https://www.tutorial.ai/docs/editing/combine-videos) for every option, and [Update or Replace Footage](https://www.tutorial.ai/docs/editing/update-or-replace-footage) to swap out an outdated section. ## Uploading decorative videos for slides Decorative videos don't belong in the Screen Recordings tab — they live in the **Asset Library** and can be dropped onto any slide. Examples: an animated rocket background, a looped product shot, a personal intro clip recorded on a phone. ![Animated video decorating a slide](https://www.tutorial.ai/images/help/help-uploading-videos-example-video-on-slide.e0d57d4e.png) ![Personal intro video placed on a slide](https://www.tutorial.ai/images/help/help-uploading-videos-example-human-intro.0768ade0.webp) There are two ways to upload one: - From the dashboard's left navigation, open **Asset Library** → **Upload media** - While editing a slide, click the **video** button in the top toolbar → **Upload media** ![Upload media modal inside the Asset Library](https://www.tutorial.ai/images/help/help-uploading-videos-asset-library-modal.1bc87c12.png) Uploaded videos become available across all your projects and can be placed onto any slide. See [Slides](https://www.tutorial.ai/docs/editing/slides) for how to position video content on a slide. ## Next steps - [Combine Videos](https://www.tutorial.ai/docs/editing/combine-videos): Combine uploaded recordings in one video - [Screen Recording](https://www.tutorial.ai/docs/recording/screen-recording): Record a new video from scratch - [Mobile Recording](https://www.tutorial.ai/docs/recording/mobile-recording): Adding tap markers to mobile recordings - [Slides](https://www.tutorial.ai/docs/editing/slides): Placing videos onto slides - [Editor Overview](https://www.tutorial.ai/docs/editing/editor-overview): The script-based editor Source: https://www.tutorial.ai/docs/recording/uploading-videos --- # Clips Overview > What clips are, how to open Clips, and what every button, menu, and keyboard shortcut in Clips does. Section: Docs › Editing **Clips** is where you edit the footage in your project. Your script is still where you shape the tutorial — Clips is where you cut out mistakes, split a recording, combine recordings, and replace parts that went out of date. > **Tip:** Clips is available on all paid plans. ## What a clip is A project is made of **clips** and **slides**, in the same order as your script: - **Clip** — one piece of recording footage. Each clip owns a section of the script: the narration spoken over it. - **Slide** — a title, agenda, outro, or other slide. Slides sit between or inside clips. - **Cut** — a part of a clip that's removed from the video. It stays greyed out on the timeline, so you can adjust or restore it. - **Trim** — a cut at the very start or end of a clip. - **Split** — dividing one clip into two at the playhead. A new project starts with one clip per recording. Splitting, inserting, and removing clips changes that — see the articles linked at the end. ## Opening Clips Click **Clips** in the toolbar above the video preview. ![The editor with the cursor on the Clips button in the toolbar above the video preview](https://www.tutorial.ai/images/help/help-10396375-open-clips.78fac19b.webp) You can also open a specific clip from the script: each clip has a heading with its name, and the scissors icon opens that clip in Clips with the playhead at its start. The pencil renames it. ![Clip headings in the script, each with a pencil icon to rename the clip and a scissors icon to open it in Clips](https://www.tutorial.ai/images/help/help-split-a-clip-section-heading.bb8b32d6.webp) ## The toolbar ![The Clips toolbar: Replace clip with its tooltip, Cut a segment, Split, Blur, Auto-cut, Remove cuts, play, and the zoom slider, above the timeline](https://www.tutorial.ai/images/help/help-replace-clip-toolbar.6f3c3981.webp) | Button | What it does | |---|---| | **Replace clip** (Beta) | Swap a clip's footage for a new recording and keep its narration. See [Update or Replace Footage](https://www.tutorial.ai/docs/editing/update-or-replace-footage#replacing-a-clips-footage). | | **Cut a segment** | Mark the start and end of a segment to remove it from your video. See [Cut & Trim](https://www.tutorial.ai/docs/editing/cut-and-trim). | | **Split** | Split the recording at the playhead. See [Split & Remove Clips](https://www.tutorial.ai/docs/editing/split-and-remove-clips). | | **Blur** | Mask part of the picture. Available on Growth, Team, and Enterprise plans. See [Blur](https://www.tutorial.ai/docs/visual-effects/blur). | | **Auto-cut** | Detect and cut idle moments. Hover to preview what it would cut. | | **Remove cuts** | Restore everything that's greyed out. | | **Play** and **zoom** | Play the preview, and zoom the timeline in or out. | **Cut a segment**, **Split**, and **Blur** work on recording footage only, so they're unavailable while the playhead is on a slide. While a task is in progress, a step bar replaces the left side of the toolbar and tells you what to do next. ## The timeline - Clips and slides appear as separate blocks, in script order. Each clip shows its name. - Hover over the timeline while paused to scrub the preview. Move away and the playhead returns to where it was. - Slides play for their set duration while the video frame holds still. Slides can't be cut. - Greyed-out, hatched areas are cuts. - Hover over a gap between blocks to see the **+** (**Insert here**) for adding a recording, slide, or clip from another project. See [Combine Videos](https://www.tutorial.ai/docs/editing/combine-videos). - Click a highlight on the timeline to open it in Highlight mode. To see more of the picture while you edit, click **Hide padding**. It only changes your view — the final video keeps its padding. Zoom effects are always off in Clips. ## The right-click menu Right-click any block on the timeline. The menu shows its name and duration. ![The right-click menu on a clip with Rename clip, Cut a segment, Split at playhead, Change speed marked Soon, and Remove clip](https://www.tutorial.ai/images/help/help-10396375-right-click-menu.2ce48812.webp) **On a clip:** **Rename clip**, **Cut a segment**, **Split at playhead**, **Change speed** (*coming soon*), and **Remove clip**. **On a slide:** **Edit slide content** and **Delete slide and narration**. If an item is unavailable, hover over it to see why. ## Keyboard shortcuts | Key | Action | |---|---| | **Space** | Play or pause | | **Left / Right arrow** | Move the playhead one frame | | **Shift + Click** on the timeline | Add a cut | | **Escape** | Cancel the current task, such as an unfinished cut | | **Backspace / Delete** | With a clip selected: open the **Remove clip** confirmation. With a blur or highlight selected: remove it. | ## Undo and redo Every confirmed action — a cut, split, insert, removal, Auto-cut, or Remove cuts — is one undo step. Use the undo and redo buttons at the top left. Discarding an insert before you confirm it doesn't use up an undo step. ## Coming soon - **Change speed** on a clip. - **Library** as an insert source, for uploaded images and videos. ## Next steps - [Cut & Trim](https://www.tutorial.ai/docs/editing/cut-and-trim): Remove pauses and mistakes - [Split & Remove Clips](https://www.tutorial.ai/docs/editing/split-and-remove-clips): Split a recording, choose transitions, remove clips - [Combine Videos](https://www.tutorial.ai/docs/editing/combine-videos): Combine recordings or reuse clips from other projects - [Update or Replace Footage](https://www.tutorial.ai/docs/editing/update-or-replace-footage): Fix an outdated section or add a missing step Source: https://www.tutorial.ai/docs/editing/clips-overview --- # Combine Videos > Combine several screen recordings into one video, or reuse clips from another project. Each one arrives with its own section of the script. Section: Docs › Editing A project isn't limited to one recording. In **Clips**, you can add more screen recordings — a second take, a part you recorded separately, a step you forgot — or reuse clips you've already made in another project. Each one arrives with its own section of the script. > **Tip:** Clips is available on all paid plans. [Video: Release highlights - Sep '26](https://embed.videoscripter.ai/video/01a1019b-c543-7193-95ec-78707ebf22d7) ## Opening the Insert menu In Clips, hover over the timeline. A **+** appears at the start, at the end, and between every clip and slide, labelled **Insert here**. Click it where the new footage should go. ![The Clips timeline with the cursor on the + between a slide and a clip, and the Insert here tooltip](https://www.tutorial.ai/images/help/help-insert-insert-here.ca528c87.webp) To add footage in the middle of a clip, [split the clip](https://www.tutorial.ai/docs/editing/split-and-remove-clips) first — the split creates a new **+** at that point. ## Choosing what to add The **Insert** window asks what you'd like to add to your video: - **Screen recording** — pick from your earlier screen recordings, including ones you've [uploaded](https://www.tutorial.ai/docs/recording/uploading-videos). - **From another project** — reuse clips you've already made. - **Library** — insert an uploaded image or video. *Coming soon.* ![The Insert window with Screen recording, Slide, Library marked Coming soon, and From another project](https://www.tutorial.ai/images/help/help-insert-menu.0abe5b95.webp) The same window also adds slides — see [Add Slides](https://www.tutorial.ai/docs/editing/slides#inserting-a-slide-from-clips). ### Adding a screen recording Search or scroll to the recording you want and select it. Once you confirm the insert, the script opens at the new clip and AI writes its narration — this doesn't use AI credits. You'll see **Writing narration…** in the script while it works; you can keep editing elsewhere in the meantime. If [Smart Auto-Cut](https://www.tutorial.ai/docs/editing/cut-and-trim#smart-auto-cut-when-you-create-a-project) is on, idle moments in the new clip are cut automatically. If writing the narration fails, the recording stays inserted. Click **Retry**, or **Continue without script** to write it yourself. ### Reusing clips from another project Pick a project from your workspace, then the clip you want. Use the search box, or the folder path at the bottom, to find it. ![The From another project window listing projects in the MCP folder, with search and folder navigation](https://www.tutorial.ai/images/help/help-insert-from-another-project.fc713088.webp) A copied clip brings its footage together with its narration, sync markers, zooms, cuts, blurs, and highlights — so the timing and emphasis you already created come with it. No AI narration runs; the narration is copied as it is. The project's slides are listed separately, so pick them on their own. ## Confirming the insert The new clip appears on the timeline as a preview first, and the step bar reads **Placed … — confirm on the clip**. Play it to see how it fits. ![An inserted clip previewed on the timeline, with the step bar reading Insert clip, Placed Clips - Claude Desktop MCP Part 1 — confirm on the clip, and an Insert video & open script button](https://www.tutorial.ai/images/help/help-insert-confirm.4185025d.webp) - Click **Insert video & open script** to keep it. - Click **×** to discard it. The timeline returns exactly to how it was. After you confirm, the script opens at the new section, marked **Just inserted**. ![The script with the new section marked Just inserted, under the clip's heading](https://www.tutorial.ai/images/help/help-insert-just-inserted.5c5a4b16.webp) Then pick how the new clip joins its neighbours — a **Direct Cut** or a **Fade** — on its heading in the script. See [choosing a transition](https://www.tutorial.ai/docs/editing/split-and-remove-clips#choosing-a-transition). ## Notes - **One task at a time.** Finish the current edit or narration generation before adding another clip. - **Undo works as usual.** The insert is one undo step; the AI-written narration for an inserted recording is a separate one. - **Changing an existing section?** See [Update or Replace Footage](https://www.tutorial.ai/docs/editing/update-or-replace-footage) for step-by-step recipes. ## Next steps - [Update or Replace Footage](https://www.tutorial.ai/docs/editing/update-or-replace-footage): Step-by-step recipes for changing part of a video - [Split & Remove Clips](https://www.tutorial.ai/docs/editing/split-and-remove-clips): Split a recording and remove outdated clips - [Uploading Videos](https://www.tutorial.ai/docs/recording/uploading-videos): Upload recordings you want to combine - [Add Slides](https://www.tutorial.ai/docs/editing/slides): Add intro, agenda, and outro slides between clips Source: https://www.tutorial.ai/docs/editing/combine-videos --- # Cut & Trim > Remove pauses, mistakes, and unwanted footage from your recording in Clips — with Auto-cut, Cut a segment, and trim handles. Section: Docs › Editing Mistakes happen when you record — a pause while a page loads, a wrong click, a false start. Instead of recording again, remove those parts in **Clips**. Cut footage stays in your project, greyed out on the timeline, so you can adjust or restore it at any time. [Video: Tutorial AI - Cut and Trim Your Recording](https://embed-stage.videoscripter.ai/video/01a0d844-e107-755b-ba2e-223157edce06) > **Tip:** Clips is available on all paid plans. ## Opening Clips Click **Clips** in the toolbar above the video preview. Your recording opens on a timeline, where you can cut, trim, and review every edit. New to Clips? Start with the [overview](https://www.tutorial.ai/docs/editing/clips-overview). ![The editor with the cursor on the Clips button in the toolbar above the video preview](https://www.tutorial.ai/images/help/help-10396375-open-clips.78fac19b.webp) ## Smart Auto-Cut when you create a project When the AI Script Writer generates your script, **Smart Auto-Cut** removes long pauses from each recording automatically. It's on by default. ![The AI Script Writer showing Smart Auto-Cut will remove long pauses](https://www.tutorial.ai/images/help/help-quickstart-ai-script-writer.9d762c1e.webp) ## Removing idle moments with Auto-cut **Auto-cut** in the Clips toolbar detects idle moments — stretches with no mouse or keyboard activity, such as waiting for a page to load — and cuts them. Hover over **Auto-cut** to preview the spans it would remove; nothing changes until you click. ![The Clips toolbar with the Auto-cut tooltip, Detect and cut idle moments from your video, and automatic cuts shown as hatched sections on the timeline](https://www.tutorial.ai/images/help/help-10396375-auto-cut.f6a56eee.webp) Treat automatic cuts as suggestions: keep the ones that tighten the pacing, and adjust or undo any that remove something viewers need to see. - Auto-cut only affects the clip you're on. Other clips are unchanged. - Your own cuts take priority over automatic ones. - Auto-cut isn't available for mobile recordings. ## Zooming the timeline Drag the zoom slider, or pinch on your trackpad, to zoom in for precise edits and back out to review the whole recording. ![The zoom slider at the right of the Clips toolbar, with the timeline zoomed in to a few seconds](https://www.tutorial.ai/images/help/help-10396375-zoom-slider.05b1e55f.webp) To see more of the picture while you cut, click **Hide padding** above the timeline. It only changes your view — the final video keeps its padding. ## Cutting a segment 1. Move the playhead to where the cut should start. 2. Click **Cut a segment** in the toolbar. The playhead position becomes the start of the cut. ![The Cut a segment button in the Clips toolbar](https://www.tutorial.ai/images/help/help-10396375-cut-a-segment-button.45f59b02.webp) 3. The step bar reads **Cut a segment · Click the end**. Click the end point on the timeline — before or after the start both work. ![The step bar reading Cut a segment, Click the end, with a Cancel button, while the end of the cut is being placed on the timeline](https://www.tutorial.ai/images/help/help-10396375-click-the-end.3d58dfec.webp) The removed span turns greyed out. To stop without cutting, click **Cancel** or press **Escape**. **Shortcut:** **Shift + Click** on the timeline to add a cut. You can also right-click a clip on the timeline and choose **Cut a segment**. ![The right-click menu on a clip with Rename clip, Cut a segment, Split at playhead, Change speed marked Soon, and Remove clip](https://www.tutorial.ai/images/help/help-10396375-right-click-menu.2ce48812.webp) ## Adjusting or undoing a cut Drag a cut's start or end edge to make it shorter or longer. To restore a cut completely, hover over it and click **Undo cut**. ![Dragging the edge of a greyed-out cut on the timeline to resize it](https://www.tutorial.ai/images/help/help-10396375-drag-cut-edge.0ad20153.webp) To restore everything that was cut — manual and automatic — click **Remove cuts** in the toolbar. ## Trimming the start or end A trim is a cut that touches the start or end of a clip. Drag the handle at either edge of the clip inward to remove opening or closing footage. ![The trim handle at the left edge of a clip on the timeline](https://www.tutorial.ai/images/help/help-10396375-trim-handles.27fda5f0.webp) A cut always stays inside one clip. If you click past the edge of a clip while cutting, the cut stops at the clip's edge and becomes a trim. ## Previewing your edits Press **Space** or click play to watch the result. Cut footage is skipped, so you can check that every transition feels natural and nothing important was removed. > **Note:** **Nearby cuts merge.** Cuts in the same clip that overlap, touch, or sit very close together combine into one cut. Very short cuts aren't allowed, and a cut can't start inside another cut. ## Next steps - [Split & Remove Clips](https://www.tutorial.ai/docs/editing/split-and-remove-clips): Split a recording into clips and remove outdated parts - [Update or Replace Footage](https://www.tutorial.ai/docs/editing/update-or-replace-footage): Replace an outdated section or add a missing step - [Slides](https://www.tutorial.ai/docs/editing/slides): Add intro, outro, and chapter slides - [Blur](https://www.tutorial.ai/docs/visual-effects/blur): Hide sensitive data you don't want to cut - [Editor Overview](https://www.tutorial.ai/docs/editing/editor-overview): Back to the editor tour Source: https://www.tutorial.ai/docs/editing/cut-and-trim --- # Edit Like a Doc > Edit your video by editing text — script-based editing with Sync Markers that keep narration and video perfectly in sync. Section: Docs › Editing Tutorial AI lets you edit your video as easily as editing a text document. Instead of working with a timeline, you edit a narration script — and the video updates automatically. [Video: Tutorial](https://www.youtube.com/embed/Zc7GnysX9JA) ## Main concept Think of the narration script as a separate, easily editable audio track that runs beneath your video recording. Every time you edit the script, your AI narration is **automatically** synchronized with your video content. What sets Tutorial AI apart is its ability to automatically divide the audio into smaller segments and align them perfectly with the video, using **Sync Markers** placed in the script as a guide. ![](https://www.tutorial.ai/images/help/help-9939395-sm-1.b393777f.png) ## Sync Markers Sync Markers correspond to specific frames in the video recording and are generated automatically by the Recorder App. By dragging and dropping a Sync Marker into the narration script, you tell the system to **synchronize a specific word in the narration with a specific frame in the video**. This ensures that the visual playback aligns precisely with the spoken content at that moment. ![](https://www.tutorial.ai/images/help/help-9939395-Frame_2__281_29.d2a972f8.png) While this is simple with a single sync marker, it gets more complex as you add multiple sync markers. If there's too much audio for a shorter video section, the video will pause to fit the audio. If there's too much video for a shorter audio section, the video will speed up. You don't need to worry about this — **everything is handled automatically**. ### How the system works behind the scenes ![](https://www.tutorial.ai/images/help/help-9939395-Company_2BIntro.4f552dfe.png) ## How to position a Sync Marker You can reposition Sync Markers by dragging them within the narration script and dropping them onto a specific word. ![](https://www.tutorial.ai/images/help/help-9939395-sm-2.2dcafb90.png) The system automatically enforces **ascending order** for Sync Markers. While dragging, any part of the script where the marker **cannot** be placed appears **greyed out and inactive**. This prevents placing markers out of sequence. ## Deleting a Sync Marker In advanced scenarios, you may want to remove a Sync Marker from the script (though this is usually not necessary). **In the script** Select the Sync Marker in the script and press **Backspace**. **From the Sync Marker panel** 1. Open the Sync Marker panel 2. Select the Sync Marker and click the three-dot menu next to its label 3. Click **"Unlink"** ## Re-inserting Sync Markers Deleting a Sync Marker from the script does **not** remove it from the system. You can re-insert it at any time: 1. Open the **Sync Markers** panel 2. Drag and drop the desired Sync Marker back into the script ## Sync Marker labels Sync Markers are automatically generated by the Recorder App. The system generates a short descriptive label under each marker to help you identify what happened when the thumbnail was captured. ![](https://www.tutorial.ai/images/help/help-9939395-sm-3.2b68a077.png) - To **edit** a label: hover over the three-dot menu next to the label and select **"Edit label"** - To **remove** a label: choose Unlink or delete the Sync Marker from the script with Backspace ## Next steps - [Cut & Trim](https://www.tutorial.ai/docs/editing/cut-and-trim): Remove unwanted sections from your recording - [Slides](https://www.tutorial.ai/docs/editing/slides): Add intro, outro, and chapter slides - [Ask AI](https://www.tutorial.ai/docs/voiceover/ask-ai): Use AI to polish and restructure your script Source: https://www.tutorial.ai/docs/editing/edit-like-a-doc --- # Editor Overview > A tour of the Tutorial AI editor — script editor, AI writing tools, toolbars, video preview, Brand Kit, Sync Marker Rail, and sharing. Section: Docs › Editing The Editor is where you craft your video and audio projects. Unlike traditional video editors that use timelines, Tutorial AI uses a **script-based approach** — you edit text, and the video updates to match. ![The Tutorial AI editor with nine numbered callouts: 1 script editor, 2 AI writing tools, 3 script toolbar, 4 video toolbar, 5 video preview, 6 Brand Kit, 7 Video and Document tabs, 8 Sync Marker Rail, 9 Invite and Share](https://www.tutorial.ai/images/help/help-editor-overview-callouts.12a0c14f.webp) ## Key areas of the Editor The numbers match the callouts in the screenshot. ### 1. Script editor This is where you write and edit your narration script, which replaces the traditional video timeline. Change a word and the voiceover and video timing update to match. [Sync Markers](https://www.tutorial.ai/docs/editing/edit-like-a-doc) placed in the text tie words to moments in your recording. Zooms, [voice tags](https://www.tutorial.ai/docs/voiceover/voice-tags), and slides sit inline in the script, so you edit them right where they happen. ### 2. AI writing tools The bar at the bottom of the script: **Ask AI**, **Optimize**, **Enhance**, and **Tone** rewrite your narration — polish rough wording, add missing detail, or change the tone. See [Ask AI](https://www.tutorial.ai/docs/voiceover/ask-ai). ### 3. Script toolbar **Add zoom** adds a [zoom](https://www.tutorial.ai/docs/visual-effects/zooming) to the script, and **Add slide** adds an intro, agenda, outro, or other [slide](https://www.tutorial.ai/docs/editing/slides). ### 4. Video toolbar The tools above the video preview: - **Clips** — edit your recording footage ([overview](https://www.tutorial.ai/docs/editing/clips-overview)): [cut and trim](https://www.tutorial.ai/docs/editing/cut-and-trim), [split and remove clips](https://www.tutorial.ai/docs/editing/split-and-remove-clips), [insert more recordings](https://www.tutorial.ai/docs/editing/combine-videos), and [blur](https://www.tutorial.ai/docs/visual-effects/blur) sensitive data (blur is available on Growth, Team, and Enterprise plans) - **Background** — [wallpapers, gradients, or solid colors](https://www.tutorial.ai/docs/visual-effects/backgrounds), plus padding, rounded corners, and shadow - **Cursor** — [cursor size and movement](https://www.tutorial.ai/docs/visual-effects/cursor-effects) - **Music** — [background music](https://www.tutorial.ai/docs/voiceover/background-music) - **Highlight** — [dim everything except the area viewers should focus on](https://www.tutorial.ai/docs/visual-effects/highlights) (Growth, Team, and Enterprise plans) - **Caption** — [captions](https://www.tutorial.ai/docs/visual-effects/captions) for your video ### 5. Video preview A live preview of the finished video. Press play at any time to see your latest edits, including everything you set from the video toolbar. Right-click the preview for shortcuts to the current frame: ![The right-click menu on the video preview with Add highlight, Add blur, Add zoom, Copy frame, Download frame, Source size 2712 × 1612, Edit clip, and Add sync marker](https://www.tutorial.ai/images/help/help-editor-overview-preview-menu.0aa4b167.webp) - **Add highlight**, **Add blur**, **Add zoom** — add a [highlight](https://www.tutorial.ai/docs/visual-effects/highlights), [blur](https://www.tutorial.ai/docs/visual-effects/blur), or [zoom](https://www.tutorial.ai/docs/visual-effects/zooming) at this point. Highlight and blur are available on Growth, Team, and Enterprise plans. - **Copy frame** — copy the frame to your clipboard. - **Download frame** — save the frame as an image, for example as a [cover image](https://www.tutorial.ai/docs/publishing/export-video#downloading-a-cover-image). - **Source size** — the original recording's size in pixels. Match it when you record footage to [replace a clip](https://www.tutorial.ai/docs/editing/update-or-replace-footage#replacing-a-clips-footage). - **Edit clip** — open this clip in [Clips](https://www.tutorial.ai/docs/editing/clips-overview). - **Add sync marker** — add a [custom Sync Marker](https://www.tutorial.ai/docs/voiceover/script-editing#custom-sync-markers) at this point. On a slide, the menu only offers **Copy frame**, **Download frame**, **Source size**, and **Edit clip**. ### 6. Brand Kit The **Brand** button next to the project title applies your [Brand Kit](https://www.tutorial.ai/docs/branding/brand-kits) — logo, colors, and fonts. Brand Kits are available on the Team and Enterprise plans. ### 7. Video / Document Switch between the video and the [written document](https://www.tutorial.ai/docs/getting-started/article-basics) generated from the same recording. ### 8. Sync Marker Rail The spine on the left edge of the script. Open it to navigate through the key scenes of your recording, similar to slides in a presentation. [Sync Markers](https://www.tutorial.ai/docs/voiceover/script-editing#sync-markers) are created automatically when you click on items while recording with the Desktop App, and you align the video with your script by dragging them into the script. > **Note:** You only need the rail if you prefer to type your own script rather than using AI transcription or an AI-generated script. To open it, click the spine on the left edge of the script. ### 9. Invite & Share **Invite** gives workspace members and collaborators access to the project. **Share** is where you generate the final video, then publish it as a link or embed, or export it — see [Publish & Share](https://www.tutorial.ai/docs/publishing/publish-share). The project name sits at the left of the same bar. ## Next steps - [Edit Like a Doc](https://www.tutorial.ai/docs/editing/edit-like-a-doc): Learn script-based editing and sync markers - [Cut & Trim](https://www.tutorial.ai/docs/editing/cut-and-trim): Remove unwanted sections from your recording - [Slides](https://www.tutorial.ai/docs/editing/slides): Add intro, chapter, and outro slides Source: https://www.tutorial.ai/docs/editing/editor-overview --- # Slide Animations > Animate individual text boxes and images on a slide — entrance, exit, timing, and motion effects. Section: Docs › Editing Tutorial AI applies built-in animations to auto-generated slides (Title, Agenda, Topic intro). On top of that, every text box and image on a slide can have its own custom animation — controlling how it appears, how it leaves, and how it moves while on screen. [Video: Tutorial AI - Animations](https://embed.videoscripter.ai/video/019def5d-2ed8-7a57-a18b-26904a933426) ## Opening the Animations panel Select an image or text box on a slide, then switch to the **Animations** tab in the right-hand panel. ![Animations tab in the right-hand panel](https://www.tutorial.ai/images/help/help-slide-animations-tab.caf3002c.png) All four animation areas live here: **Entrance**, **Timing**, **Exit**, and **Motion effects**. ## Entrance animations Pick from the **Animation Type** dropdown: | Option | Effect | |--------|--------| | **Fade in** | Element softly appears from invisible | | **Move in** | Element travels into position from off-element | | **Slide in** | Element slides in from outside the slide edge | | **Zoom in** | Element scales up from small to full size | ![Animation Type dropdown](https://www.tutorial.ai/images/help/help-slide-animations-type-dropdown.719c6fa4.png) ## Timing By default, animations play at the start of the slide. Add a delay (in seconds) to stagger elements — useful for revealing bullets one by one or holding a title before introducing supporting visuals. ![Animation timing controls](https://www.tutorial.ai/images/help/help-slide-animations-timing.97782a8a.png) ## Exit animations By default, elements remain on screen until the slide transitions out. To exit earlier, set an exit animation in the **Exit Animation** section: | Option | Effect | |--------|--------| | **Fade out** | Element softly fades to invisible | | **Move out** | Element travels off its position | | **Slide out** | Element slides off the slide edge | | **Zoom out** | Element scales down to invisible | Use **Disappear after** to specify when the exit triggers, independent of the slide's own duration. ![Exit Animation section with Disappear after timing](https://www.tutorial.ai/images/help/help-slide-animations-exit.346f6fda.png) > **Tip:** Exit animations are most effective in marketing content where elements need to clear before the next visual lands. For instructional content, leaving elements visible until the slide ends usually reads cleaner. ## Motion effects Motion effects animate an element *while it's on screen* — not just on entrance or exit. Currently one motion effect is available: **Pan** — combines movement and zoom into a single continuous animation. Parameters: - **Distance** — how far the element travels - **Direction** — which way it moves - **Starting zoom** — scale at the beginning - **Ending zoom** — scale at the end A common use: a product shot that slowly zooms in while drifting across the slide, keeping the visual feeling alive without distracting from the narration. > **Note:** Slide transitions and element animations can interfere with each other, especially when both have longer durations — the slide is still moving in while elements are already trying to animate. If you want element animations to be the focus, set the [Slide Transition](https://www.tutorial.ai/docs/editing/slide-transitions) to **Direct Cut** so the slide arrives instantly and gives the element animations room to breathe. ## Copying animations between elements Tune one element, then propagate the settings to others without re-picking each time. ![Copy animation button](https://www.tutorial.ai/images/help/help-slide-animations-copy.3175bf1b.png) 1. On the source element, click the **Copy** button in the Animations tab. 2. Select the target element. 3. Press **Cmd-V** (Mac) or **Ctrl-V** (Windows). The full animation configuration — type, timing, exit, motion — is pasted onto the target. ## Next steps - [Slide Transitions](https://www.tutorial.ai/docs/editing/slide-transitions): How slides themselves transition between each other - [Slides](https://www.tutorial.ai/docs/editing/slides): Slide types and structure - [Zooming](https://www.tutorial.ai/docs/visual-effects/zooming): Zoom effects on screen recordings - [Brand Kits](https://www.tutorial.ai/docs/branding/brand-kits): Apply consistent styling across slides Source: https://www.tutorial.ai/docs/editing/slide-animations --- # Slide Transitions > Choose from Direct Cut, Fade, Wipe, Slide Over, Push, and Zoom transitions to control how slides flow. Section: Docs › Editing Slide transitions determine how content moves from one slide to the next. The right transition sets the tone — subtle fades for professional content, dynamic pushes for marketing videos. > **Note:** Slide transitions are available on all plans. [Video: Tutorial AI - Transitions](https://embed.videoscripter.ai/video/019d3371-fced-7bb6-8fe5-3d4f4a196421) ## Available transition styles | Style | Effect | Best for | |-------|--------|----------| | **Direct Cut** | Instant switch, no visual effect | Sharp scene changes, contrasting information | | **Fade** | Gradual opacity transition | Professional, corporate presentations | | **Wipe** | New slide sweeps across | General purpose, clean transitions | | **Slide Over** | New slide slides over the current one | Step-by-step progressions | | **Push** | New slide pushes the current one out | Dynamic, energetic content | | **Zoom** | Zoom in/out transition | Creative, marketing content | ## Accessing the transition menu 1. Open your project in the editor 2. Locate the area **between any two slides** 3. Click the **Transition** menu button that appears between slides ![](https://www.tutorial.ai/images/help/help-14309492-019d3444-a120-749e-a1dd-00d80fea64c5.84f8a2dc.png) ## Selecting a transition style Browse the available styles in the Transition menu and click your preferred option to preview its effect. ![](https://www.tutorial.ai/images/help/help-14309492-019d33a7-8b66-7903-9fad-061129499b6b.52550701.png) ## Customizing direction and duration After choosing a style: - **Direction** — Set to left, right, up, or down depending on how you want the new slide to enter - **Duration** — Control how fast or slow the transition plays ![](https://www.tutorial.ai/images/help/help-14309492-019d3440-6461-716e-a23f-95b3f20364a3.dee5729d.png) **Duration guidelines:** - **Fast-paced marketing videos** — shorter duration for quicker transitions - **Educational/explanatory content** — longer duration for smoother, more gradual changes ## Applying transitions to all slides To apply the same transition consistently across your entire presentation, click the **Change All** button within the transition menu. ![](https://www.tutorial.ai/images/help/help-14309492-019d3441-67d3-7bfc-b37a-fd012f083da2.c1e1886a.png) ## Tips for effective transitions - **Be consistent** — switch styles only when it supports the content; too many different effects distract viewers - **Match the tone** — subtle Fade or Slide Over for professional presentations, dynamic Push or Zoom for marketing - **Direction matters** — transitioning up/down can signal a change in topic or hierarchy - **Always preview** — play through transitions before finalizing to ensure they support rather than distract from your content ## Next steps - [Slides](https://www.tutorial.ai/docs/editing/slides): Learn about slide types and customization - [Brand Kits](https://www.tutorial.ai/docs/branding/brand-kits): Apply consistent branding to slides - [Backgrounds](https://www.tutorial.ai/docs/visual-effects/backgrounds): Customize slide backgrounds Source: https://www.tutorial.ai/docs/editing/slide-transitions --- # Slides > Add intro slides, chapter breaks, outro slides, and video backgrounds to structure your tutorials. Section: Docs › Editing Slides let you add structure and context to your tutorials beyond the screen recording itself. Use them for introductions, chapter breaks, explanatory content, and professional endings. ## Types of slides ### Title slides Create a branded introduction for your video with a title, subtitle, and your company logo. Title slides set the tone and tell viewers what they're about to learn. ### Chapter slides Break longer tutorials into sections with chapter slides. Each chapter slide can have its own title and description — helping viewers understand the structure and find specific sections. ### Agenda slides Use animated bullet points to lay out what the tutorial covers. Agenda slides give viewers a roadmap before diving into the content. ### Outro slides End with a professional closing slide — include a call-to-action, contact information, or next steps. ## Adding slides 1. Open the **Slides** section in the Editor Toolbar 2. Choose the type of slide you want to add 3. Position the slide in your script — before the recording for intros, between sections for chapters, or at the end for outros 4. Edit the text content directly in the editor ### Inserting a slide from Clips You can also place a slide exactly between two clips from the timeline in **Clips**. 1. Hover over the timeline and click the **+** (**Insert here**) where the slide should go. ![The Clips timeline with the cursor on the + between a slide and a clip, and the Insert here tooltip](https://www.tutorial.ai/images/help/help-insert-insert-here.ca528c87.webp) 2. In the **Insert** window, choose **Slide**. ![The Insert window with Screen recording, Slide, Library marked Coming soon, and From another project](https://www.tutorial.ai/images/help/help-insert-menu.0abe5b95.webp) 3. Pick a slide type, such as a title, agenda, topic intro, section divider, or blank slide. Before you confirm, you can open **Edit slide visuals** or **Edit slide narration**. 4. The slide appears on the timeline as a preview. Click **Insert slide & open script** to keep it, or **×** to discard it. After you confirm, the script opens at the new slide, marked **Just inserted**. The same **+** also adds recordings and clips from other projects — see [Combine Videos](https://www.tutorial.ai/docs/editing/combine-videos). ## Video on slides You can embed video content directly into your slides: - Use a **background video animation** for a dynamic intro or outro - **Record yourself** with a webcam to do a personal introduction, then hand over to the AI narrator for the tutorial itself A friendly face builds trust — especially for onboarding, training, and customer-facing content. Slide videos come from the **Asset Library**. Upload them from the dashboard's left nav, or directly from a slide's top toolbar via the **video** button → **Upload media**. See [Uploading Videos](https://www.tutorial.ai/docs/recording/uploading-videos#uploading-decorative-videos-for-slides) for the full flow. ## Customizing slides Each slide supports: - **Text styles** — fonts, sizes, colors from your [Brand Kit](https://www.tutorial.ai/docs/branding/brand-kits) - **Background colors and gradients** — match your brand identity - **Logos and images** — add your company logo or custom graphics - **Animated bullet points** — items appear one by one for better pacing ## Copying and duplicating - **Copy elements** — copy and paste text, images, and video elements within and across slides - **Duplicate slides** — duplicate an entire slide with one click - **Blank slides** — insert blank slides wherever you need them These make it much faster to customize your intro and outro slides and create explanatory slides in the middle of your tutorials. ## Adding transitions between slides Control how slides transition with effects like Fade, Wipe, Push, Zoom, and Slide Over. See [Slide Transitions](https://www.tutorial.ai/docs/editing/slide-transitions) for details. ## Animating slide elements Each text box and image on a slide can have its own entrance, exit, and motion animation — fade, slide, zoom, or pan — independent of the slide transition. See [Slide Animations](https://www.tutorial.ai/docs/editing/slide-animations) for the full controls. ## Next steps - [Slide Transitions](https://www.tutorial.ai/docs/editing/slide-transitions): Customize how slides transition - [Slide Animations](https://www.tutorial.ai/docs/editing/slide-animations): Animate individual elements on a slide - [Uploading Videos](https://www.tutorial.ai/docs/recording/uploading-videos): Upload decorative videos to the Asset Library - [Brand Kits](https://www.tutorial.ai/docs/branding/brand-kits): Apply consistent branding to slides - [Editor Overview](https://www.tutorial.ai/docs/editing/editor-overview): Back to the editor tour Source: https://www.tutorial.ai/docs/editing/slides --- # Split & Remove Clips > Split a recording into separate clips in Clips, choose between a fade and a direct cut, rename clips, and remove the parts you no longer need. Section: Docs › Editing When part of a tutorial goes out of date — a screen changed, or you forgot to show a step — you don't need to record everything again. In **Clips**, split the recording so the affected part becomes its own clip, then remove it or replace it. Your script stays intact. [Video: Release highlights - Sep '26](https://embed.videoscripter.ai/video/01a1019b-c543-7193-95ec-78707ebf22d7) > **Tip:** Clips is available on all paid plans. ## Splitting a clip Move the playhead to where you want the split, then right-click the clip on the timeline and choose **Split at playhead**. You can also click **Split** in the toolbar. ![The right-click menu on a clip in Clips, with Split at playhead selected](https://www.tutorial.ai/images/help/help-split-a-clip-split-at-playhead.5acaaa5b.webp) The recording splits at the exact playhead frame, and the narration splits at the nearest sentence boundary — never mid-word — so each new clip keeps its own part of the script. - Cuts, blurs, and highlights stay with the footage they belong to. - Slides are never split. - A clip without narration can be split anywhere. - The two new clips join with a 1-second fade. ## Clip headings in the script Each clip has a heading in the script showing its name. Click the pencil to rename the clip, or the scissors to open it in Clips. ![Two clip headings in the script, each showing the clip name, with a pencil icon to rename and a scissors icon to open it in Clips](https://www.tutorial.ai/images/help/help-split-a-clip-section-heading.bb8b32d6.webp) You can also rename a clip by right-clicking it on the timeline and choosing **Rename clip**. Press **Enter** to save or **Escape** to cancel. ## Choosing a transition Click the transition on a clip heading (it shows **Fade** by default) to open **Clip transition**: - **Fade** — a gentle visual separation for clips from different apps, windows, or recording sessions. Drag **Duration** to change its length. - **Direct Cut** — no visible transition, for clips that show the same app at the same window size. ![The Clip transition menu on a clip heading, with Direct Cut and Fade options and a Duration slider set to 1.0 seconds](https://www.tutorial.ai/images/help/help-split-a-clip-transition.ef2f3a88.webp) ## Removing a clip Right-click the clip on the timeline and choose **Remove clip**, or select a clip and press **Backspace** or **Delete**. ![The right-click menu on a split-off clip, with Remove clip selected](https://www.tutorial.ai/images/help/help-split-a-clip-remove-clip.d517d015.webp) A confirmation always opens first, because the clip owns a section of your script: - **Delete clip and content** — deletes the video, its narration and any slides in this section. - **Delete clip, keep narration** — deletes the video only. The narration and slides stay in your script and join the previous clip (or the next one, if this is the first clip), so they play over that clip's footage. If it's the only clip, they stay without video. To reuse the wording with new footage, see [Update or Replace Footage](https://www.tutorial.ai/docs/editing/update-or-replace-footage). - **Cancel** — nothing changes. ![The Delete clip confirmation with Delete clip and content, Delete clip keep narration, and Cancel](https://www.tutorial.ai/images/help/help-split-a-clip-delete-options.41d4e8ca.webp) Removing a clip removes only that clip, together with its own cuts, blurs, and highlights. Other uses of the same recording stay as they are. > **Note:** If **Split** is unavailable, the button explains why — for example *Finish the current edit first*, or *Generate current narration timing before splitting this position* after you've edited the narration. Each split and each removal is a single undo step. ## Next steps - [Update or Replace Footage](https://www.tutorial.ai/docs/editing/update-or-replace-footage): Replace an outdated section or add a missing step - [Combine Videos](https://www.tutorial.ai/docs/editing/combine-videos): Combine recordings or reuse clips from other projects - [Cut & Trim](https://www.tutorial.ai/docs/editing/cut-and-trim): Remove pauses and unwanted footage inside a clip - [Highlights](https://www.tutorial.ai/docs/visual-effects/highlights): Keep attention on an area while your narration plays - [Script Editing](https://www.tutorial.ai/docs/voiceover/script-editing): Edit the narration each clip owns Source: https://www.tutorial.ai/docs/editing/split-and-remove-clips --- # Update or Replace Footage > Swap in new footage when your UI changes or you translate a project and keep your narration, or add a step you forgot to show, without recording the whole tutorial again. Section: Docs › Editing Tutorials go out of date. A screen gets redesigned, a setting moves, or you notice a step you never showed. With **Clips** you record only the part that changed and swap it in — the rest of your video, script, and effects stay as they are. This page covers replacing a clip's footage, showing the interface in a translated project's language, and adding a step you forgot to show. > **Tip:** Clips, including Replace clip, is available on all paid plans. [Video: Tutorial AI - Replace clips](https://embed.videoscripter.ai/video/01a120f6-4a4c-7ef9-8806-be0a2a2b0b9c) ## Replacing a clip's footage **Replace clip** (Beta) swaps a clip's footage for a new recording and keeps its narration. Use it when the workflow is still right but the screen isn't — your product's interface changed, or you [translated the project](https://www.tutorial.ai/docs/editing/update-or-replace-footage#showing-the-interface-in-a-translated-projects-language). 1. **Record the new footage.** Record the same workflow again with the Desktop App, or [upload a recording](https://www.tutorial.ai/docs/recording/uploading-videos). You can pick any recording in **Screen Recordings**; videos in the Asset Library can't be used. 2. **Open Replace clip.** In Clips, select the outdated clip and click **Replace clip** in the toolbar. ![The Clips toolbar with the cursor on Replace clip and its tooltip, Swap a clip's footage, keep its script, above the timeline](https://www.tutorial.ai/images/help/help-replace-clip-toolbar.6f3c3981.webp) 3. **Pick the new recording.** Search or scroll to it and select it. ![The Replace clip window, marked Beta, explaining Your UI changed and You translated the project, with a search box and a grid of screen recordings](https://www.tutorial.ai/images/help/help-replace-clip-window.60fd14cd.webp) 4. **Confirm.** The new footage previews on the timeline, marked **Not saved yet**. Play it, then click **Replace footage & open script** to keep it, or **×** to keep the original. ![The step bar reading New footage for Tutorial AI - Voice Tags is in, and the replaced clip on the timeline marked Not saved yet with a Replace footage & open script button](https://www.tutorial.ai/images/help/help-replace-clip-confirm.23c60a6c.webp) 5. **Review the script.** The script opens and shows **Replacing clip and adjusting narration…** while AI fits the narration to the new footage. When it's done, check that each line still matches what's on screen, especially button names, menu labels, and any section AI added. ![The script placeholder with a Replacing clip and adjusting narration label above greyed-out lines](https://www.tutorial.ai/images/help/help-replace-clip-adjusting-narration.2166f971.webp) ### What happens to your narration - **Your existing narration takes precedence.** If the new recording has its own voice-over, it's ignored. - **AI only rewrites what the new footage needs.** Where the steps still line up, your wording stays; changed lines are rewritten in the same tone. - **Genuinely new UI gets its own section.** If the new recording shows a control or step the old one didn't, AI adds narration for it in the same style. - **The clip takes the new recording's length.** > **Only part of a clip is outdated?:** [Split the clip](https://www.tutorial.ai/docs/editing/split-and-remove-clips) just before and just after the outdated part so it becomes its own clip, then replace only that clip. ## Showing the interface in a translated project's language A [translated project](https://www.tutorial.ai/docs/translation/one-click-translation) gets new narration, voiceover, and captions, but its screen recording still shows the original interface. To make the screen match the narration: 1. **Record the localized workflow.** Switch your product's interface to the target language and record the same workflow, following the original steps as closely as you can. 2. **Open the translated project.** Each translation is its own project version, so the original stays as it is. 3. **Replace the clip** with the new recording, as described [above](https://www.tutorial.ai/docs/editing/update-or-replace-footage#replacing-a-clips-footage). 4. **Check the result.** Make sure the on-screen labels match the narration and the right screens appear at the right moments. ## Adding a step you forgot to show 1. **Record the missing step** on its own. 2. **Split where it belongs.** In Clips, move the playhead to the moment the step should appear and [split the clip](https://www.tutorial.ai/docs/editing/split-and-remove-clips). 3. **Insert the recording at the split.** Click the **+** at the split point, choose **Screen recording**, pick the new recording, and confirm. ![The Clips timeline with the cursor on the + at a split point between two clips, and the Insert here tooltip](https://www.tutorial.ai/images/help/help-insert-insert-here.ca528c87.webp) 4. **Check both joins.** Set a transition on each side and preview the result. Nothing was removed, so the narration on either side stays exactly as it was. ## Replacing footage with new narration Replace clip keeps the narration you have. If the new recording shows a different workflow and you'd rather AI wrote fresh narration for it, insert it and remove the old clip instead: 1. **Insert the new recording next to the old clip.** Click the **+** beside it, choose **Screen recording**, pick the recording, and confirm with **Insert video & open script**. AI writes narration for it. 2. **Remove the old clip.** Right-click it, choose **Remove clip**, then **Delete clip and content**. ![The Delete clip confirmation with Delete clip and content, Delete clip keep narration, and Cancel](https://www.tutorial.ai/images/help/help-split-a-clip-delete-options.41d4e8ca.webp) 3. **Pick the transition and preview.** Choose **Direct Cut** or **Fade** on the new clip's heading in the script, then play across both joins. Insert the new recording *before* removing the old clip: once a clip is removed, there's no insert point left where it used to be. ## Combining recordings or reusing a clip To add more recordings to a video, or reuse an intro or demo from another project, without changing what's already there, see [Combine Videos](https://www.tutorial.ai/docs/editing/combine-videos). ## Tips - **Follow the original workflow.** Replacement footage that repeats the same steps keeps the most of your narration. - **Match the recording setup.** Record new footage in the same app, window size, and theme as the original so it looks seamless next to the clips around it. To check the original's size, right-click the [video preview](https://www.tutorial.ai/docs/editing/editor-overview#5-video-preview): **Source size** shows it in pixels. - **Name your clips.** Clear clip names in the script make the right section easy to find the next time you update the video. - **Check the order before publishing.** Make sure the clips tell the story in the right sequence. ## Next steps - [Split & Remove Clips](https://www.tutorial.ai/docs/editing/split-and-remove-clips): Isolate the part of a clip you want to replace - [1-Click Translation](https://www.tutorial.ai/docs/translation/one-click-translation): Translate a project, then match its screen with Replace clip - [Combine Videos](https://www.tutorial.ai/docs/editing/combine-videos): Add recordings or reuse clips from other projects - [Uploading Videos](https://www.tutorial.ai/docs/recording/uploading-videos): Upload a recording to use as replacement footage Source: https://www.tutorial.ai/docs/editing/update-or-replace-footage --- # Backgrounds > Customize your video background with wallpapers, gradients, solid colors, and fine-tune padding, corners, and shadow. Section: Docs › Visual effects The Background tool lets you wrap your screen recording in a polished visual frame — wallpaper images, gradient backgrounds, or solid colors — plus control padding, rounded corners, and shadow for a professional look. ## Wallpapers, gradients, solid colors Click the **Background** icon in the Video Toolbar to access background options. ### Wallpapers Choose from a library of stunning wallpaper images to add behind your recording. ![](https://www.tutorial.ai/images/help/help-9939429-Screenshot_2024-10-01_at_15_13_42.2295b4c9.png) > **Tip:** If you're recording a full-screen video that already includes a wallpaper, adding another one may be overkill. Use a gradient or solid color instead. ### Gradients and solid colors Switch to the **Gradient** tab for vibrant multi-stop gradient backgrounds, or the **Color** tab for simple solid colors. ![](https://www.tutorial.ai/images/help/help-9939429-AD_4nXdocRmnOEOSxfNbCedvJst1WPW2_2aOFJGVFuM0x482OGLg82X0Q06j.b227677b.png) > **Note:** If [Brand Kits](https://www.tutorial.ai/docs/branding/brand-kits) are enabled, the colors and gradient options from your applied brand kit will appear here automatically. ## Padding, rounded corners, shadow Use the sliders in the **Video Shape** section to fine-tune: - **Padding** — control the space between your recording and the background edge - **Rounded corners** — adjust the corner radius for a softer or sharper look - **Shadow** — control the shadow strength around your recording for depth ![](https://www.tutorial.ai/images/help/help-9939429-AD_4nXfJdX6rbmvsje3wh0miduMArwuVQPSnkCjD5--oqb85N8Vzig-zmzXR.691b3690.png) ## Tips - **Dark backgrounds** make UI recordings pop — especially for light-themed apps - **Brand colors** keep your tutorials consistent with your company identity - **Subtle shadows** add depth without distraction - **Larger padding** gives the recording room to breathe and feels more polished - **Minimal rounded corners** (4–8px) look clean and modern ## Next steps - [Brand Kits](https://www.tutorial.ai/docs/branding/brand-kits): Apply your brand colors and gradients automatically - [Cursor Effects](https://www.tutorial.ai/docs/visual-effects/cursor-effects): Customize the cursor on top of your background - [Zooming](https://www.tutorial.ai/docs/visual-effects/zooming): Add zoom effects that complement your background Source: https://www.tutorial.ai/docs/visual-effects/backgrounds --- # Blur Sensitive Data > Mask passwords, customer data, and other sensitive information in your recording with a blur you size and time in Clips. Section: Docs › Visual effects > **Tip:** Blur is available on the **Growth**, **Team**, and **Enterprise** plans. [Video: Tutorial AI - Add Blur to Filter Out Sensitive Data](https://embed.videoscripter.ai/video/01960f3f-cbbd-7b32-b1cf-079b2149f7df) Screen recordings often capture things viewers shouldn't see — customer data, passwords, internal URLs. A blur masks part of the picture for as long as you need, without changing your original recording. ## Adding a blur 1. Open **Clips** and move the playhead to the moment the sensitive information appears. 2. Click **Blur** in the toolbar. Playback pauses, and a blur is added at the playhead. ![The Clips toolbar with the Blur button between Split and Auto-cut](https://www.tutorial.ai/images/help/help-10396375-auto-cut.f6a56eee.webp) 3. The step bar reads **Blur · Drag the box on the video · drag its bar on the timeline**: - Drag and resize the box on the video so it fully covers the sensitive area. - Drag the ends of the blur's bar on the timeline so it stays on screen for as long as the information is visible. 4. Click **Done** to return to the rest of Clips. If a blur already covers the spot at the playhead, no new one is added — adjust the existing blur instead. If there are no blurs yet, the step bar reads **Add a blur, then size it on the video** and shows an **Add blur** button. ## Blurring several areas While you're in Blur, click **Add another blur** to mask a second area, then size and time it the same way. Each blur has its own box and its own bar on the timeline. ## Removing a blur Select the blur, then press **Backspace** or **Delete**. ## Previewing Move the playhead a moment before the blur starts and press **Space** to check it covers the information for the whole time it's visible. Use the zoom slider or pinch on your trackpad to place the start and end precisely. ## What to blur - **Customer data** — names, emails, phone numbers, addresses - **Credentials** — passwords, API keys, tokens - **Financial data** — account numbers, balances, transactions - **Internal URLs** — staging environments, admin panels - **Personal information** — colleagues' names, chat messages, email content > **Note:** Want to remove the moment entirely instead of hiding part of it? [Cut it out](https://www.tutorial.ai/docs/editing/cut-and-trim). Want to draw attention to an area instead of hiding it? Use a [highlight](https://www.tutorial.ai/docs/visual-effects/highlights). ## Next steps - [Clips Overview](https://www.tutorial.ai/docs/editing/clips-overview): Every tool in Clips - [Cut & Trim](https://www.tutorial.ai/docs/editing/cut-and-trim): Remove entire sections instead of blurring - [Highlights](https://www.tutorial.ai/docs/visual-effects/highlights): Draw attention to specific areas Source: https://www.tutorial.ai/docs/visual-effects/blur --- # Captions > Add closed or open (burned-in) captions to your video tutorials — with pros, cons, and guidance on when to use each. Section: Docs › Visual effects Captions are essential for narrated tutorials — they improve accessibility, boost engagement on muted social feeds, and help viewers follow along in noisy environments. Tutorial AI supports two types. ## Closed captions (uploaded file) Closed captions are separate files that viewers can toggle on/off and switch languages. **Pros:** - Viewers can toggle captions on/off - Supports multiple languages - Searchable and indexable by platforms - Styling controlled by the video host **Cons:** - Most players show captions **off** by default - In muted/autoplay embeds, viewers may not realize audio is available - Styling varies by platform **How to add:** 1. Generate your video 2. Go to **Export** → download a caption file (**.srt**, **.sbv**, or **.vtt**) ![](https://www.tutorial.ai/images/help/help-12521199-Screenshot_2026-03-30_at_17_39_17.bd4c23b0.png) 3. Upload the file to your video host (YouTube, Vimeo, LMS, etc.) 4. Make sure you select the **"With timing"** option ![](https://www.tutorial.ai/images/help/help-12521199-Screenshot_2025-10-06_at_11_25_51.593b0c8f.webp) ## Open captions (burned-in) Open captions are permanently rendered into the video itself — always visible, no toggle. **Pros:** - Always visible — great for social feeds where sound is off by default (LinkedIn, X) - Consistent look that matches your brand - Works everywhere, even where caption files aren't supported **Cons:** - Cannot be toggled off by viewers - May cover on-screen UI elements - If the host also shows closed captions, you get duplicates **How to add:** Open the **Captions** tab in the video toolbar and configure your caption styling — font, size, position, colors. ![](https://www.tutorial.ai/images/help/help-12521199-Screenshot_2025-10-06_at_11_29_26.1cac53cd.png) ## Quick guidance | Scenario | Recommendation | |----------|---------------| | Social feeds / muted autoplay | **Burn-in** (open captions) | | YouTube, LMS, multi-language | **Upload caption files** (closed) | | Internal help center embeds | Either — depends on your player | | Accessibility compliance | **Both** — burned-in for default visibility, files for language options | > **Caution:** Avoid enabling both closed and burned-in captions at the same time — viewers will see duplicate text and need to manually turn off the closed captions. ## Next steps - [1-Click Translation](https://www.tutorial.ai/docs/translation/one-click-translation): Translate captions into 74 languages - [Export Video](https://www.tutorial.ai/docs/publishing/export-video): Export with caption files - [Backgrounds](https://www.tutorial.ai/docs/visual-effects/backgrounds): Adjust the background behind your captions Source: https://www.tutorial.ai/docs/visual-effects/captions --- # Cursor Effects > Customize cursor size, style (Mac/Windows), smoothing, simplified paths, flicker reduction, auto-hide, and full hide. Section: Docs › Visual effects Tutorial AI replaces the original mouse cursor from your recording with a redrawn version that's smoother, more visible, and fully customizable. Click the **Cursor** button in the Video Toolbar to access all cursor features. ![](https://www.tutorial.ai/images/help/help-9939439-682ed1a439a2b631802d0010_e6bd3278adc39b7393c39e90a17ca7fb_mu.737444a3.png) ![](https://www.tutorial.ai/images/help/help-9939439-Screenshot_2025-10-21_at_17_55_48.dd1488c5.png) ## Mac or Windows cursors Choose whether your video displays Windows or macOS cursors. If you're recording on Mac but your audience primarily uses Windows, switch to Windows cursors for a more familiar experience. ![](https://www.tutorial.ai/images/help/help-9939439-Screenshot_2025-10-21_at_17_57_29.c2cd6f98.png) ## Cursor size Make the cursor more prominent so viewers can easily follow your movements. Use the **Cursor Size** slider to increase or decrease the size. ![](https://www.tutorial.ai/images/help/help-9939439-Screenshot_2025-10-21_at_17_33_35.a51d396a.png) ## Mouse smoothing Eliminate abrupt movements and "hesitations" in your mouse path. The **Mouse Smoothing** slider controls how much the cursor path is smoothed — creating more fluid, professional-looking motion. ![](https://www.tutorial.ai/images/help/help-9939439-Screenshot_2B2025-10-21_2Bat_2B17_34_37.268a24cb.png) ![](https://www.tutorial.ai/images/help/help-9939439-Screenshot_2025-10-21_at_17_45_17.ee2d94e6.png) *Path smoothing between clicks* ## Simplified path For tutorials that benefit from cleaner mouse movement, enable **Simplified Path**. The cursor moves in straight lines between clicks, minimizing distractions. ![](https://www.tutorial.ai/images/help/help-9939439-Screenshot_2025-10-21_at_17_35_11.7de299c7.png) ![](https://www.tutorial.ai/images/help/help-9939439-Screenshot_2025-10-21_at_17_48_12.a3297638.png) *Path simplification between clicks* ## Reduce cursor flicker When you move the mouse quickly across buttons, menus, or UI elements, the cursor often shifts shape — pointer to text selector to resize icon. This rapid switching creates a flickering effect that distracts from your content. ![](https://www.tutorial.ai/images/help/help-9939439-Screenshot_2025-10-21_at_17_37_00.67713985.png) Enabling **Reduce Cursor Flicker** minimizes these unnecessary transitions during fast movements, resulting in a steadier, cleaner look. ![](https://www.tutorial.ai/images/help/help-9939439-rcf-2.e0191409.gif) ## Auto-hide cursor when idle An idle cursor can be distracting. **Auto-hide** smoothly fades the cursor out with a subtle animation when it's inactive. Adjust the threshold to control how long the cursor stays visible before hiding. ![](https://www.tutorial.ai/images/help/help-9939439-Screenshot_2025-10-21_at_17_36_44.bc74981b.png) ## Hide cursor completely When recording **mobile screens** or **text-based terminal** sessions, the cursor may distract from the content entirely. Use **Hide Cursor** to remove it completely from the video. ![](https://www.tutorial.ai/images/help/help-9939439-Screenshot_2025-10-21_at_17_37_12.50149998.png) ## Next steps - [Zooming](https://www.tutorial.ai/docs/visual-effects/zooming): Add zoom effects to complement cursor enhancements - [Highlights](https://www.tutorial.ai/docs/visual-effects/highlights): Spotlight specific areas of the screen - [Blur](https://www.tutorial.ai/docs/visual-effects/blur): Hide sensitive data on screen Source: https://www.tutorial.ai/docs/visual-effects/cursor-effects --- # Highlights > Dim everything outside a region of your video and keep it on screen for exactly as long as your narration needs — pick the words spoken while the highlight is on. Section: Docs › Visual effects > **Tip:** Available on **Growth**, **Team**, and **Enterprise** plans. [Video: Release highlights - Sep '26](https://embed.videoscripter.ai/video/01a1019b-c543-7193-95ec-78707ebf22d7) Highlights dim everything outside a region of your video so the area you've chosen stays at full brightness — useful for calling out a button, a form field, a setting, or any part of a busy interface viewers might miss. The dim happens on playback only; your source recording is untouched. A highlight isn't limited to how long that moment lasted in your recording. You pick the words that should be spoken while it's on, and the video pauses for as long as the narration needs. ## Opening Highlight Move the playhead to the moment you want to highlight, then click **Highlight** in the toolbar above the video preview. ![The editor with the cursor on the Highlight button in the toolbar above the video preview](https://www.tutorial.ai/images/help/help-highlights-select-tab.597c93c9.webp) ## Drawing the area and setting its frames Drag on the preview to draw the region you want to keep bright, then drag the corner handles to fine-tune it. The step bar then reads **Drag the edges to set the frames**. Drag the start and end edges on the timeline to choose which part of the recording the highlight covers, then click **Continue**. Pinch on your trackpad or use the zoom slider for finer positioning. ![Step 2 of 3, Drag the edges to set the frames: a highlight box drawn on the preview, and the highlight's edges being dragged on the timeline, with a Continue button](https://www.tutorial.ai/images/help/help-highlights-set-frames.3e5e2ca0.webp) ## Choosing the words spoken over it The step bar now reads **Select the words spoken over it**. In the script, select the words that should play while the highlight is on, then click **Done**. ![Step 3 of 3, Select the words spoken over it: a sentence selected in the script with Done and Cancel buttons](https://www.tutorial.ai/images/help/help-highlights-select-words.4b8c60e2.webp) The video holds on the highlighted area until those words finish. To review, move the playhead a few seconds before the highlight and press play. ## How highlights work with auto-zoom When the video is zoomed in — either from an automatic zoom or a [Zoom marker](https://www.tutorial.ai/docs/visual-effects/zooming) — the camera moves to frame the highlight automatically, even if the cursor in the original recording is somewhere else. You can call out something you never clicked during the recording: a section header, an inactive menu item, a piece of explanatory text. ## Tips - Select only the words that talk about the highlighted area. A long selection keeps the video paused for longer. - Pair a highlight with [Zoom](https://www.tutorial.ai/docs/visual-effects/zooming) when the area you want to call out is small — zoom enlarges it, the highlight dims everything around it. - To mask sensitive data instead of emphasizing something, use [Blur](https://www.tutorial.ai/docs/visual-effects/blur) — it covers the region rather than dimming the surroundings. ## Next steps - [Zooming](https://www.tutorial.ai/docs/visual-effects/zooming): Complement highlights with zoom effects - [Blur](https://www.tutorial.ai/docs/visual-effects/blur): Hide sensitive data near highlighted areas - [Cursor Effects](https://www.tutorial.ai/docs/visual-effects/cursor-effects): Enhance cursor visibility Source: https://www.tutorial.ai/docs/visual-effects/highlights --- # Zooming > Add zoom effects to highlight key parts of your video — with presets, custom levels, and automatic or manual focus targeting. Section: Docs › Visual effects Zoom markers dynamically focus on specific parts of your video by zooming in and out during playback. They're especially useful for highlighting details and drawing attention to key interactions. [Video: Tutorial](https://www.youtube.com/embed/Zc7GnysX9JA) ## Adding a zoom marker 1. Navigate to the point in the Editor where you want the zoom effect to begin 2. Click the **+** button on the left 3. Select **Add zoom** ![](https://www.tutorial.ai/images/help/help-9939459-zoom-1.3fcb8522.png) ## Setting zoom levels **Presets:** Quickly apply consistent zoom levels with one click — 1.3x, 1.5x, or 2x. ![](https://www.tutorial.ai/images/help/help-9939459-zoom-2.7fb7e22c.png) **Custom zoom:** Use the slider for precise control. The zoom level displays on the marker in real-time. **Zoom out:** Add a Zoom marker and set it to **1x** to return to the normal view. ## Moving zoom markers Drag zoom markers along the script timeline to adjust their timing. This lets you fine-tune when zoom effects occur to match your narration or visual cues. ![](https://www.tutorial.ai/images/help/help-9939459-3.21132867.jpg) ## Auto vs. Manual zoom target By default, zoom automatically follows mouse movements, clicks, and typing. If you need to control exactly which part of the screen is zoomed: 1. Click **Manual** in the zoom window 2. Drag the **purple dot** to set the zoom focus area 3. To return to automatic behavior, select **Auto** ![](https://www.tutorial.ai/images/help/help-9939459-zoom-3.ad33f98e.png) ## Removing zoom markers Delete a zoom marker by: - Selecting it in the script and pressing **Backspace** - Or clicking the red trash icon in the zoom popup ## Tips - Use zoom markers to guide your audience's attention to important details they might otherwise miss - Pair zoom with [Highlights](https://www.tutorial.ai/docs/visual-effects/highlights) for maximum emphasis - Keep zoom levels consistent within a section — jumping between very different zoom levels can feel jarring - For UI tutorials, 1.5x–2x zoom on buttons and menus works well ## Next steps - [Cursor Effects](https://www.tutorial.ai/docs/visual-effects/cursor-effects): Customize cursor appearance and movement - [Highlights](https://www.tutorial.ai/docs/visual-effects/highlights): Spotlight specific areas of the screen - [Editor Overview](https://www.tutorial.ai/docs/editing/editor-overview): Back to the editor tour Source: https://www.tutorial.ai/docs/visual-effects/zooming --- # AI Voices > Choose from natural-sounding AI voices in 74 languages — male, female, and multiple accents per language. Section: Docs › Voiceover Tutorial AI generates professional voiceover from your narration script using natural-sounding AI voices. You never need to record your own voice — just write or edit the script, and AI narrates it. ## How AI voiceover works There are three ways to create narration: - **Silent recording**: Record your screen without speaking. AI generates a script from your actions, then narrates it. - **Recording with audio**: Speak naturally while recording. AI transcribes your words, refines the script, then regenerates the voiceover with a professional AI voice. - **Manual script**: Write your own script from scratch, and AI narrates it. > **Note:** When you record with audio, your original voice is **not** used in the final video. AI converts your speech to text, then regenerates it as a polished AI voiceover. This ensures consistent, professional quality regardless of your recording conditions. ## Choosing a voice Click the **speaker tag** at the top of your script to open the voice picker. ![Speaker tag pill at the top of the script editor](https://www.tutorial.ai/images/help/help-ai-voices-speaker-tag.38a0e5e8.svg) The picker lets you pick by: - **Language** — 74 supported languages - **Accent** — regional variations for major languages (US, UK, Australian, Canadian, Indian, Irish, South African, and more) - **Style** — each voice comes with its own speaking style (conversational, narrated, energetic, calm, and others). Pick a voice whose style matches your content. ![Voice picker dropdown showing language, accent, and style options](https://www.tutorial.ai/images/help/help-ai-voices-voice-selector.a2dd07cf.svg) Preview each option before selecting. The voice you pick applies to the entire video — you can't use different voices for different sections. > **Note:** The speaker tag replaces the old voice setting in the Music (formerly Audio) panel. The toolbar's Music tab now only handles background music — see [Background Music](https://www.tutorial.ai/docs/voiceover/background-music). ## 74 languages AI voices are available in [74 languages](https://www.tutorial.ai/docs/translation/supported-languages) including English, German, French, Spanish, Japanese, Chinese, Hindi, Arabic, Portuguese, Korean, and many more. Each language has native-sounding voices with proper intonation and pronunciation. ## Recording with audio for better scripts While silent recording works well, speaking while recording gives AI a better starting point for the narration script: ![](https://www.tutorial.ai/images/help/help-10098157-VS_Horizontal_bar__281_29.5860ea5b.png) Enable audio by clicking the **microphone icon** in the Recorder, then select an audio source and speak while recording. After upload, the system offers automatic enhancements: - **Enhance Narration** — AI removes filler words and refines sentence structure - **Smart Auto-Cut** — trims idle sections from the video ![](https://www.tutorial.ai/images/help/help-10098157-Screenshot_2B2025-08-28_2Bat_2B15_02_46.be7c3f5d.png) > **Tip:** Simply record naturally, and let AI handle the polishing — delivering a professional touch with minimal effort. ## Enterprise voice features On the Enterprise plan, additional voice capabilities are available: - **Custom voices** — AI voices tailored to your brand's tone and personality - **Voice cloning** — clone a specific person's voice so narration sounds exactly like them - **Per-voice pronunciation overrides** — set different pronunciations for specific voices ## Next steps - [Voice Tags](https://www.tutorial.ai/docs/voiceover/voice-tags): Add inline pause, emotion, and sound tags for expressive narration - [Script Editing](https://www.tutorial.ai/docs/voiceover/script-editing): Edit and sync your narration script - [Ask AI](https://www.tutorial.ai/docs/voiceover/ask-ai): Use AI to rewrite and polish your script - [Pronunciations](https://www.tutorial.ai/docs/voiceover/pronunciations): Customize how specific words are spoken - [Background Music](https://www.tutorial.ai/docs/voiceover/background-music): Add a music track underneath the narration - [Supported Languages](https://www.tutorial.ai/docs/translation/supported-languages): Full list of 74 languages Source: https://www.tutorial.ai/docs/voiceover/ai-voices --- # Ask AI > Use AI to rewrite, polish, structure, condense, extend, and adjust the tone of your narration scripts. Section: Docs › Voiceover Ask AI is an intelligent writing assistant built directly into the script editor. Select any text and use AI to improve it — change tone, fix flow, add details, or restructure the entire script. ## How to use Ask AI 1. Open your project in the editor 2. Select a line, paragraph, or the entire script 3. The **Ask AI toolbar** appears below your selection 4. Choose an action or type a custom prompt ## Available actions | Action | What it does | |--------|-------------| | **Ask Anything** | Free-form prompt — get creative help, rewrites, or examples | | **Optimize** | Improve clarity, fix flow, and make writing more professional | | **Enhance** | Add missing details, context, and helpful information | | **Condense** | Say more with less — make content tighter and more concise | | **Extend** | Expand on existing points with smart suggestions | | **Adjust Tone** | Match the mood — formal, friendly, confident, or casual | ## Multilingual formality In languages that use formal address (German, French, Spanish, etc.), Ask AI can rewrite your script in a polite, professional tone with appropriate grammar, phrasing, and honorifics — with one click. ## Automatic structure formatting Ask AI can analyze long scripts and break them into clear, digestible chapters. It adds subheadings and organizes content into logical sections — keeping tutorials structured and engaging at scale. ## Generate slides from script Ask AI can generate supporting slides — agendas, chapter headers, summary screens — based on your script content. Useful for pacing, clarity, and visual separation between topics. ## Key behaviors - **Time markers are preserved** — Ask AI never breaks sync between your script and video - **Changes are reversible** — undo any AI edit with Ctrl+Z - **Context-aware** — AI understands the surrounding content when making suggestions - **Works in any language** — Ask AI functions across all 74 supported languages ## Tips - Start with **Optimize** for a quick polish of any rough script - Use **Condense** when a section feels too long or repetitive - Use **Enhance** when a section is too sparse or missing important details - **Adjust Tone** is great for adapting training content between internal (casual) and customer-facing (professional) use - Type a custom prompt for specific needs: "Make this sound like a product tour" or "Add a transition sentence between these sections" - Ask for delivery cues: "Add voice tags to make this more exciting" places voice tags in the narration for you. See [Voice Tags](https://www.tutorial.ai/docs/voiceover/voice-tags#adding-tags-with-ask-ai) ## Next steps - [Script Editing](https://www.tutorial.ai/docs/voiceover/script-editing): Understand the script-based editing system - [AI Voices](https://www.tutorial.ai/docs/voiceover/ai-voices): Choose the voice that narrates your script - [Pronunciations](https://www.tutorial.ai/docs/voiceover/pronunciations): Fine-tune how specific words are spoken Source: https://www.tutorial.ai/docs/voiceover/ask-ai --- # Background Music > Add a royalty-free background music track to your video and balance it against the AI narration — controlled from the Music panel in the video toolbar. Section: Docs › Voiceover Background music keeps viewers engaged through transitions, breaks the monotony of long explanations, and gives the final video a more polished feel. Tutorial AI ships with a curated library of royalty-free tracks and balances them against the narration automatically. ## Opening the Music panel In the video toolbar, click **Music** to access all background-music settings. ![Video toolbar with the Music tab selected](https://www.tutorial.ai/images/help/help-12588201-toolbar-music.3f600094.png) > **Note:** The Music panel used to be called **Audio** and included voice selection. Voice selection has moved out — to pick a voice, click the **speaker tag** at the top of your script (see [AI Voices](https://www.tutorial.ai/docs/voiceover/ai-voices)). The Music tab now controls background music only. ## Turning music on and off The **Play background music** toggle at the top of the panel is on by default. Turn it off to render the video with narration only. ## Balancing music against narration Use the **Volume relative to narration** slider to set how loud the music is compared to the AI voice. For most tutorials and explainers a subtle background level works best — keep the music perceptible but never competing with the spoken script. ![Volume relative to narration slider](https://www.tutorial.ai/images/help/help-12588201-Screenshot_2025-10-16_at_6_51_10.5c662c1e.png) ## Choosing a track Below the volume control sits a curated list of royalty-free tracks. Click the **play icon** next to a title to preview, then select it to apply. ![Background music track picker](https://www.tutorial.ai/images/help/help-12588201-Screenshot_2025-10-16_at_6_55_10.6ae6a2a1.png) The chosen track plays across the whole video by default, but you can override that for individual slides — see below. ## Per-slide overrides The Music-panel settings are the **default** for every slide. Any individual slide can override them from the slide's side panel — useful when a specific slide shouldn't share the same music behavior as the rest of the video. Open the slide, then in its side panel you can either: - **Turn background music off** for this slide only, or - **Set a lower (or higher) volume** for this slide only The most common reason to override is **a slide that already has its own audio** — for example, a personal intro video with the presenter speaking, or any embedded media with sound. Lowering or muting the background music on that slide prevents the music from competing with the slide's own audio. Slides without an override keep using the global setting from the Music panel. ## Tips - **Keep music well below narration** — viewers should be able to focus on the words. Around 15–25% relative volume is usually right. - **Match mood to content** — calm tracks for documentation walkthroughs, energetic ones for product launches. - **Preview the final mix** before publishing — what reads "subtle" in the editor can feel loud at typical playback volumes. ## Next steps - [AI Voices](https://www.tutorial.ai/docs/voiceover/ai-voices): Choose a voice via the speaker tag at the top of your script - [Script Editing](https://www.tutorial.ai/docs/voiceover/script-editing): Edit and sync the narration script - [Pronunciations](https://www.tutorial.ai/docs/voiceover/pronunciations): Customize how specific words are spoken Source: https://www.tutorial.ai/docs/voiceover/background-music --- # Pronunciations > Fix mispronounced words with one-click regeneration, or define a pronunciation lexicon for consistent handling of brand names, acronyms, and technical terms. Section: Docs › Voiceover There are two ways to fix how the AI voice pronounces words: **regenerating audio** for quick one-off fixes (available on all plans), and the **Pronunciation Lexicon** for systematic control over specific terms (Team and Enterprise plans). ## Regenerating audio Sometimes the AI voice mispronounces a word or generates an awkward-sounding sentence. You can fix this instantly by regenerating the audio for that specific sentence: 1. Right-click the sentence in the script 2. Select **Regenerate audio in selection** 3. The AI produces a new take — which often resolves the issue ![](https://www.tutorial.ai/images/help/help-13618414-Screenshot_2026-02-04_at_15_33_55.79ed1c3f.png) This is available on **all plans** and doesn't require any setup. Use it whenever a sentence doesn't sound right. --- ## Pronunciation Lexicon For words that need to be pronounced correctly **every time, across every project** — brand names, technical terms, acronyms — the Pronunciation Lexicon gives you systematic control. > **Note:** Pronunciation Lexicon is available on the **Team** and **Enterprise** plans. [Video: Tutorial AI - Pronunciation Lexicon](https://embed.videoscripter.ai/video/019c205f-a79d-70cd-91d6-b9e4e9d3ba8e) ### Accessing the lexicon Open the **Pronunciation Lexicon** panel on the left side of the interface and select **Add Languages**. ![](https://www.tutorial.ai/images/help/help-13618414-Screenshot_2026-02-04_at_14_52_45.54728d0d.png) Add the languages you'll use in your projects to customize pronunciations across multiple languages. ### Adding a new entry 1. Click **New Pronunciation** ![](https://www.tutorial.ai/images/help/help-13618414-Screenshot_2026-02-04_at_15_26_48.003bc04d.png) 2. Enter the **written form** — the word or phrase as it appears in your script 3. By default, entries apply to **all AI voices**. You can override for a **specific voice actor** by adding the same entry and selecting a different voice from the dropdown. ### Defining the respelling Specify the phonetic or **Respelling** form — how you want the word to sound. ![](https://www.tutorial.ai/images/help/help-13618414-Screenshot_2026-02-04_at_15_25_25.26e0eb66.png) After saving, the pronunciation updates across **all projects** in your workspace automatically. ### Multi-language pronunciations Add pronunciation entries for additional languages to ensure terms sound correct when you [translate your video](https://www.tutorial.ai/docs/translation/one-click-translation). ![](https://www.tutorial.ai/images/help/help-13618414-Screenshot_2026-02-04_at_15_28_48.a9fe93c6.png) The same term can have different respellings per language — the AI uses the correct one based on the video's language. ### Previewing pronunciation After saving an entry, click the purple **Play** icon to hear how the AI will pronounce it. Confirm the respelling sounds correct before publishing. ![](https://www.tutorial.ai/images/help/help-13618414-Screenshot_2026-02-04_at_15_28_33.f42ee291.png) ### Workspace scope Pronunciation lexicons are **specific to each workspace**. Each workspace maintains its own entries and languages. If you move projects between workspaces, you'll need to recreate the lexicon — entries don't transfer automatically. ### Common use cases | Type | Example | |------|---------| | **Brand names** | "QIAgen" → "Kee-ah-gen" | | **Product names** | "QIAcuityDx" → "Kee-ah-cue-ity D X" | | **Acronyms** | "SAML" → "sam-uhl" | | **Technical terms** | "kubectl" → "koob-cuttle" | | **People's names** | "Szőke" → "Suh-keh" | ## Next steps - [AI Voices](https://www.tutorial.ai/docs/voiceover/ai-voices): Choose the voice that uses your pronunciations - [1-Click Translation](https://www.tutorial.ai/docs/translation/one-click-translation): Pronunciations carry over to translated videos - [Supported Languages](https://www.tutorial.ai/docs/translation/supported-languages): All languages that support pronunciation entries Source: https://www.tutorial.ai/docs/voiceover/pronunciations --- # Script Editing > Edit your narration script like a document — changes automatically update the voiceover and video timing. Section: Docs › Voiceover Script editing is the core of Tutorial AI's approach. Instead of a video timeline, you work with a text document. Every change you make to the script — rewriting a sentence, adding a paragraph, deleting a word — automatically updates the AI voiceover and video synchronization. [Video: Tutorial](https://www.youtube.com/embed/Zc7GnysX9JA) ## The main concept Think of the narration script as a separate, editable audio track running beneath your video. When you edit the script, the AI narration **automatically** re-synchronizes with the video content. Tutorial AI divides the audio into segments and aligns them with the video using **Sync Markers** — timestamps that link specific words in the script to specific frames in the video. ![](https://www.tutorial.ai/images/help/help-9939395-sm-1.b393777f.png) ## How scripts are created Scripts come from one of three sources: | Source | How it works | |--------|-------------| | **AI-generated from video** | AI analyzes your screen recording and writes a script based on what happened | | **Transcribed from audio** | You speak during recording; AI transcribes and refines your words | | **Written manually** | You type your own script from scratch | In all cases, editing the script afterward works the same way. ## Editing the script The script editor works like a word processor: - **Type** to add or change narration text - **Delete** text to shorten narration - **Rearrange** paragraphs to change the order of narration Every edit triggers automatic voiceover regeneration and video re-synchronization. You don't need to manually re-record or re-align anything. ## Sync Markers Sync Markers link specific words in your script to specific frames in the video recording. They're created automatically by the Desktop App when you click on screen elements. ![](https://www.tutorial.ai/images/help/help-9939395-Frame_2__281_29.d2a972f8.png) ### How the system works ![](https://www.tutorial.ai/images/help/help-9939395-Company_2BIntro.4f552dfe.png) If there's too much audio for a short video section, the video pauses. If there's too much video for a short audio section, the video speeds up. This is all handled automatically — you don't need to manage timing. ### Positioning Sync Markers Drag Sync Markers within the script and drop them onto a specific word to reposition them. ![](https://www.tutorial.ai/images/help/help-9939395-sm-2.2dcafb90.png) The system enforces **ascending order** — while dragging, areas where a marker can't be placed appear greyed out. ### Sync Marker labels Each marker has an auto-generated label describing what happened at that moment (e.g., "Click on Submit button"). ![](https://www.tutorial.ai/images/help/help-9939395-sm-3.2b68a077.png) - **Edit** a label: hover over the three-dot menu → **Edit label** - **Delete** a marker: select it and press **Backspace**, or use three-dot menu → **Unlink** - **Re-insert** a deleted marker: open the Sync Marker Rail (see below) and drag it back into the script ### Custom Sync Markers Sync Markers are created automatically for every click and typing event. To align narration with a moment where no click or typing happened — a static slide, on-screen content you're explaining, something you forgot to mention while recording — add a custom Sync Marker: - Play or scrub the video to the exact moment you want to align narration with - Open the **Sync Marker Rail** by clicking the spine on the left edge of the script editor ![The spine on the left edge of the script editor, which opens the Sync Marker Rail when clicked](https://www.tutorial.ai/images/help/help-13398528-open-sync-marker-rail.c8dbfb40.webp) - In the rail, click the **+** button — a new custom Sync Marker is created at the current video frame ![](https://www.tutorial.ai/images/help/help-13398528-Screenshot_2026-01-15_at_12_51_37.14284dce.png) - Drag the new marker into the narration script and drop it on the word you want to sync ## Next steps - [Voice Tags](https://www.tutorial.ai/docs/voiceover/voice-tags): Add inline pause, emotion, and sound tags for expressive narration - [Ask AI](https://www.tutorial.ai/docs/voiceover/ask-ai): Polish and restructure your script with AI - [AI Voices](https://www.tutorial.ai/docs/voiceover/ai-voices): Choose the voice for your narration - [Edit Like a Doc](https://www.tutorial.ai/docs/editing/edit-like-a-doc): More on the script-based editing approach Source: https://www.tutorial.ai/docs/voiceover/script-editing --- # Voice Tags > Make AI narration sound less flat and more like a real presenter by adding inline pause, sound, and emotion cues directly in the script. Section: Docs › Voiceover Voice tags can make an AI tutorial voice sound less flat and more like a real presenter. Instead of delivering every sentence with the same pace and emotion, you add small performance cues — a pause, a sigh, a curious lift — that shape how each line feels to the listener. Use tags with intention: a well-placed cue adds personality, while too many cues distract from the message. [Video: Tutorial AI - Voice Tags](https://embed.videoscripter.ai/video/01a0f81a-780c-7c5f-8582-c1fd6d4d34d3) ## Placing the cursor Position your cursor in the script where you want to alter the tone of the narration. A purple **+** button appears to the left of the sentence. ![A narration paragraph with sighs, exhales, wheezing, 0.5s pause, and curious tags inline, the text cursor in its last line and the + button to the left](https://www.tutorial.ai/images/help/help-voice-tags-context-menu.d2e2523a.webp) ## Opening the tag menu Click the **+** to open the context menu, then pick **Add voice tag** for a sound or emotion, or **Add pause** for a silence. The Voice tag menu is grouped into **Sounds & pacing** and **Emotions**. ![The + menu with Add zoom, Add slide, Add pause, and Add voice tag, and the Voice tag submenu open on Sounds & pacing with Exhales highlighted](https://www.tutorial.ai/images/help/help-voice-tags-picker.09469208.webp) ## Adjusting a pause Pause tags open a duration slider — drag it to set the length. Pauses step in **0.25-second increments**. Click **Remove pause** in the popover to delete the tag. ![Narration with sighs, exhales, wheezing, and a 1s pause tag inline, with the Pause duration slider open and a Remove pause option](https://www.tutorial.ai/images/help/help-voice-tags-pause-slider.31e07f20.webp) Click any existing tag in the script to edit or remove it. ## Adding tags with Ask AI [Ask AI](https://www.tutorial.ai/docs/voiceover/ask-ai) can place tags for you, which is a quick starting point for a longer script. 1. Select the narration you want to tag. 2. In the Ask AI bar below the selection, describe what you want, for example *Add voice tags to narration to make it more exciting*, and send it. 3. Review the suggestion. Its tags are shown in square brackets, such as `[excited]` or `[curious]`. ![A selected narration paragraph, the Ask AI prompt Add voice tags to narration to make it more exciting, and the suggested script with [excited] and [curious] tags above Update Script and Cancel buttons](https://www.tutorial.ai/images/help/help-voice-tags-ask-ai.a1a9b879.webp) 4. Click **Update Script** to apply it. Use the refresh button next to it for a different suggestion, or **Cancel** to keep your script as it was. Once applied, the tags work like ones you added yourself, so you can edit or remove each one. AI tends to add more expression than a tutorial needs: keep only the tags that support the line. Typing a tag in square brackets yourself doesn't create a tag. Add tags from the **+** menu, or let Ask AI place them. > **Caution:** **Legacy voices don't support voice tags.** If the selected voice is a legacy voice, an exclamation icon appears on the tag in the script and it's ignored at render time. Open the speaker tag at the top of the script and pick a voice from the enhanced catalog to make tags work. > > If a tag is read out as text, is skipped, or makes no audible difference, check the voice first. After switching voices, preview a short tagged line to confirm the tags work, and keep the same voice for the whole project so the delivery stays consistent. ## The available tags ### Pause Insert silence for a specific duration anywhere within or between sentences. Useful for giving a viewer a beat to absorb a key point, breaking up dense narration, or pacing a punchline. ### Voice tag — Sounds & pacing Drop in a short non-verbal sound where you place the tag. The voice plays it inline: - **Laughs** — a single, brief laugh - **Starts laughing** — a laugh that builds into the next sentence - **Wheezing** — a held, breathless laugh - **Whisper** — a hushed delivery for the next sentence - **Sighs** — an audible exhale - **Exhales** — a breath out - **Gulps** — a swallow sound ### Voice tag — Emotions Apply an emotional register to a sentence: - **Curious** — slight upward inflection, engaged delivery - **Excited** — energetic, higher pitch and pace > **Note:** A tag typically applies to the sentence it's placed in. To carry a delivery cue across multiple sentences, place the tag at the start of each. ## Using voice tags well Tags work best as performance direction. Reach for the ones that match what each line is doing — and leave lines alone that don't need a cue. ### Create a more human opening The opening of a tutorial sets expectations for the rest of the narration. Natural-sounding openings often include slight imperfections or reactions a real presenter might make before speaking — cues that make the delivery feel candid rather than overly polished. - Add a **sigh** when the script benefits from a thoughtful, relieved, or conversational moment. - Use an **exhale** to soften the start of a sentence or suggest the speaker is gathering their thoughts. - Apply **wheezing** sparingly when it supports a playful, breathy, or exaggerated character choice. - Listen to the full sentence after adding a sound cue — it should support the meaning, not interrupt it. ### Control the pace with pauses Pauses give listeners time to process an important point, recognize a change in topic, or anticipate what comes next. They also prevent narration from sounding rushed when a sentence contains several ideas. - Place a pause after an important claim, instruction, question, or transition. - Start with a short pause when you only need a brief moment of emphasis. - Increase the length when introducing a new idea or letting a key takeaway land. - Avoid pausing after every sentence — frequent breaks make narration feel fragmented. - Preview surrounding lines together, not in isolation, to make sure the rhythm stays natural. ### Set the emotional tone Emotion tags help the voice follow the meaning of each line instead of simply reading the words. They're especially useful in tutorials — they can make instructions feel welcoming, discoveries feel interesting, and closing remarks feel warm. - Use **Curious** when introducing a question, possibility, unexpected result, or detail you want the audience to notice. - Use **Excited** for high-energy moments — a big reveal, a launch, a "here it is" line. - Match the emotional cue to the audience and subject matter — a playful cue may not suit a serious instruction. - Use one dominant emotional idea per line so the intended delivery stays clear. ### Refine the complete narration After adding tags, review the narration end-to-end. The goal isn't to make every line expressive; it's to make the overall delivery feel intentional and easy to follow. - Read the script aloud without tags first to spot where natural breaths, pauses, and reactions belong. - Add tags only at moments where they improve clarity, tone, or character. - Keep important instructions direct, especially when the audience needs to follow an action. - Listen for consistency so the voice remains believable across the whole tutorial. - Make small adjustments to pause length and emotional cues until each line matches its purpose. ## Related controls Voice tags work alongside the rest of the narration controls: - **Pause tags vs. pausing the video** — pause tags add silence inside or between sentences of the narration. To pace the *video* itself, such as slowing a scene down to match a longer narration or holding on a UI element, use [Sync Markers](https://www.tutorial.ai/docs/voiceover/script-editing#sync-markers). - **Emotions vs. picking a different voice** — voice tags shape the delivery of the voice you've already picked. To change the voice itself, including its language, accent, and baseline speaking style, use the speaker tag at the top of the script. See [AI Voices](https://www.tutorial.ai/docs/voiceover/ai-voices). - **Pronunciations** — to fix how a specific word is said, such as a brand name or acronym, use [Pronunciations](https://www.tutorial.ai/docs/voiceover/pronunciations), not a voice tag. ## Next steps - [Script Editing](https://www.tutorial.ai/docs/voiceover/script-editing): Edit the narration script the tags live inside - [AI Voices](https://www.tutorial.ai/docs/voiceover/ai-voices): Choose the voice that delivers the tagged script - [Pronunciations](https://www.tutorial.ai/docs/voiceover/pronunciations): Fine-tune how specific words are spoken Source: https://www.tutorial.ai/docs/voiceover/voice-tags --- # 1-Click Translation > Translate your video into 74 languages with AutoRetime™. Review the drafts, generate, and publish each language version. Section: Docs › Translation AutoRetime™ translates any video into 74 languages with a single click. The AI generates a localized narration script, voiceover, captions, and adapts video timing automatically — no re-recording, no manual timeline editing. Translations land as **drafts** inside a Translation Folder. You review each language, generate the video, and publish — separately or all at once. [Video: Tutorial AI - Translations](https://embed.videoscripter.ai/video/019e21a2-fd9f-771a-b9c7-a9b762d44356) ## Two ways to start Translation can be launched from inside the project editor or directly from the Videos dashboard. Both routes open the same language picker. **From the project editor** Open the project menu and choose **Translate**. ![Translate option in the project editor's menu](https://www.tutorial.ai/images/help/help-translate-menu-project.67809104.png) **From the Videos dashboard** Click the three-dot menu on a video tile and choose **Translate**. ![Translate option in the video tile's three-dot menu](https://www.tutorial.ai/images/help/help-translate-menu-dashboard.6f3cf138.png) ## Choosing languages Tick the languages you want, then click **Translate** to kick off all of them in one pass. ![Language picker with multiple languages selected](https://www.tutorial.ai/images/help/help-translate-language-picker.ff3927fd.png) For each selected language, Tutorial AI: - Translates the narration script - Generates a new AI voiceover in the target language - Adjusts video timing via AutoRetime™ to match the new voiceover length - Updates captions to the translated text - Keeps zoom effects, cursor highlights, and slides in sync - Groups the source and every translated copy into an automatic [Virtual Translation Folder](https://www.tutorial.ai/docs/getting-started/organizing-videos#virtual-translation-folders) ## The Translation Folder Every language version is created as a separate **draft project** inside the Translation Folder. The folder inherits the source video's name. ![Translation Folder with multiple language versions](https://www.tutorial.ai/images/help/help-translate-folder.13d57f35.png) > **Caution:** **Translations don't auto-publish.** Each language is created as a draft so you can review the translated script before committing to a render. The video is generated and published in the next step. ## Review, generate, and publish For each language version: 1. Open the translation from the Translation Folder. 2. Review the translated script — fix any names, terms, or phrasing. For tricky pronunciations (brand names, acronyms), use the [Pronunciation Lexicon](https://www.tutorial.ai/docs/voiceover/pronunciations). 3. Open the **Share** menu and click **Generate** to render the video for this language. 4. Wait for generation to complete. 5. **Publish** — push the language version live. You can publish each language separately, or use **Republish all** to push every generated language at once. ![Share menu with generate and publish controls for a translated language](https://www.tutorial.ai/images/help/help-translate-publish.cb6d20f4.png) Once published, every language appears immediately in the in-player [Language Selector](https://www.tutorial.ai/docs/translation/video-player) — no embed-code change needed in your host pages. ## Why AutoRetime™ matters Different languages vary significantly in length — a sentence that takes 3 seconds in English might take 5 seconds in German or 2 seconds in Japanese. Without timing adaptation, translations would either: - **Cut off** if the translation is longer than the original - **Have awkward pauses** if the translation is shorter AutoRetime™ adjusts video timing so captions, click events, zoom effects, and scene cuts stay perfectly synchronized with the translated voiceover. ## What gets translated | Element | Translated? | |---------|------------| | Narration script | Yes — full translation | | AI voiceover | Yes — regenerated in target language | | Captions | Yes — if present | | Slides text | Yes — title, body, and bullet text | | Video timing | Yes — adjusted via AutoRetime™ | | Zoom/cursor effects | Timing adapts, effects preserved | | Screen recording content | No — the recording itself stays the same. To show your interface in the target language, [replace the clip](https://www.tutorial.ai/docs/editing/update-or-replace-footage#showing-the-interface-in-a-translated-projects-language) with a localized recording | ## Translation quality - Translations are generated using state-of-the-art AI models. - Each translation creates a **separate project version** — the original is never modified. - The translated script is fully editable; regenerate the video after edits to roll them in. ## Next steps - [Video Player](https://www.tutorial.ai/docs/translation/video-player): Embed one player with all languages, with URL params and fallback logic - [Organizing Videos](https://www.tutorial.ai/docs/getting-started/organizing-videos): Translation Folders keep all languages of a video grouped automatically - [Publish & Share](https://www.tutorial.ai/docs/publishing/publish-share): Publishing artifacts produced by the Share menu - [Supported Languages](https://www.tutorial.ai/docs/translation/supported-languages): Full list of 74 languages - [Pronunciations](https://www.tutorial.ai/docs/voiceover/pronunciations): Fine-tune pronunciation in specific languages Source: https://www.tutorial.ai/docs/translation/one-click-translation --- # Supported Languages > Full reference of supported languages and language codes for AI voiceover, captions, translation, and the Multilingual Player's `?lang=` URL parameter. Section: Docs › Translation Tutorial AI supports 74 base languages plus regional variants — over 100 entries total — for AI voiceover, captions, and translation. The reference table below lists every code you can use, including those usable with the `?lang=` URL parameter on the [Multilingual Player](https://www.tutorial.ai/docs/translation/video-player#url-parameters). ## Using language codes Every language has a short code (e.g. `en`, `es`, `pt`) and most have regional variants with a longer code (e.g. `en-US`, `es-MX`, `pt-BR`). You can pass either form to the player's `?lang=` parameter to pin the default playback language: - `?lang=en` — English (any variant published) - `?lang=en-GB` — UK English specifically - `?lang=es-MX` — Mexican Spanish If a viewer requests a regional variant that isn't published for a video, the player falls back to the base language and then to other published languages. See [Language selection priority](https://www.tutorial.ai/docs/translation/video-player#language-selection-priority) for the full fallback rules. ## Quality tiers **Fully supported (32 base languages)** — thoroughly tested with consistent, high-quality results across voiceover, captions, and translation. Covers all the languages most teams need: English, Spanish, French, German, Portuguese, Italian, Chinese, Japanese, Korean, Hindi, Arabic, Russian, Dutch, Polish, and most major European languages plus widely-used Asian ones. **Experimental (42 base languages)** — available but may have occasional pronunciation or quality variations. We're continuously improving them. Covers African and regional languages (Swahili, Hausa, Lingala), additional European ones (Welsh, Irish, Icelandic), Central Asian (Kazakh, Pashto, Persian), and several South/Southeast Asian languages (Marathi, Telugu, Punjabi, Bengali, Thai). Regional variants inherit the tier of their base language — e.g. `es-MX` is fully supported because Spanish is. ## Language reference | Language | Code | |---|---| | Afrikaans | `af` | | Arabic | `ar` | | Arabic (Egypt) | `ar-EG` | | Arabic (Saudi Arabia) | `ar-SA` | | Arabic (UAE) | `ar-AE` | | Armenian | `hy` | | Assamese | `as` | | Azerbaijani | `az` | | Belarusian | `be` | | Bengali | `bn` | | Bosnian | `bs` | | Bulgarian | `bg` | | Catalan | `ca` | | Cebuano | `ceb` | | Chichewa | `ny` | | Chinese | `zh` | | Chinese (Mainland) | `zh-CN` | | Chinese (Taiwan) | `zh-TW` | | Croatian | `hr` | | Croatian (Croatia) | `hr-HR` | | Czech | `cs` | | Danish | `da` | | Danish (Denmark) | `da-DK` | | Dutch | `nl` | | Dutch (Belgium) | `nl-BE` | | Dutch (Limburgish) | `li-NL` | | Dutch (Netherlands) | `nl-NL` | | English | `en` | | English (Australia) | `en-AU` | | English (Canada) | `en-CA` | | English (India) | `en-IN` | | English (Ireland) | `en-IE` | | English (Nigeria) | `en-NG` | | English (South Africa) | `en-ZA` | | English (UK) | `en-GB` | | English (USA) | `en-US` | | Estonian | `et` | | Filipino | `fil` | | Filipino (Tagalog) | `tl` | | Finnish | `fi` | | French | `fr` | | French (Canada) | `fr-CA` | | French (France) | `fr-FR` | | Galician | `gl` | | Georgian | `ka` | | German | `de` | | Greek | `el` | | Gujarati | `gu` | | Hausa | `ha` | | Hebrew | `he` | | Hindi | `hi` | | Hungarian | `hu` | | Icelandic | `is` | | Indonesian | `id` | | Indonesian (Javanese) | `jv-ID` | | Irish | `ga` | | Italian | `it` | | Italian (Italy) | `it-IT` | | Japanese | `ja` | | Javanese | `jv` | | Kannada | `kn` | | Kazakh | `kk` | | Kirghiz | `ky` | | Korean | `ko` | | Latvian | `lv` | | Lingala | `ln` | | Lithuanian | `lt` | | Luxembourgish | `lb` | | Macedonian | `mk` | | Malay | `ms` | | Malay (Malaysia) | `ms-MY` | | Malayalam | `ml` | | Marathi | `mr` | | Nepali | `ne` | | Norwegian | `no` | | Norwegian (Norway) | `no-NO` | | Pashto | `ps` | | Persian | `fa` | | Polish | `pl` | | Polish (Poland) | `pl-PL` | | Portuguese | `pt` | | Portuguese (Brazil) | `pt-BR` | | Portuguese (Portugal) | `pt-PT` | | Punjabi | `pa` | | Romanian | `ro` | | Russian | `ru` | | Serbian | `sr` | | Sindhi | `sd` | | Slovak | `sk` | | Slovenian | `sl` | | Somali | `so` | | Spanish | `es` | | Spanish (Argentina) | `es-AR` | | Spanish (Colombia) | `es-CO` | | Spanish (Mexico) | `es-MX` | | Spanish (Peru) | `es-PE` | | Spanish (Spain) | `es-ES` | | Swahili | `sw` | | Swedish | `sv` | | Swedish (Sweden) | `sv-SE` | | Tamil | `ta` | | Telugu | `te` | | Thai | `th` | | Turkish | `tr` | | Turkish (Turkey) | `tr-TR` | | Ukrainian | `uk` | | Urdu | `ur` | | Vietnamese | `vi` | | Vietnamese (Vietnam) | `vi-VN` | | Welsh | `cy` | ## Language availability by feature | Feature | Languages | |---------|-----------| | AI voiceover | All 74 base languages + regional variants | | Captions | All 74 base languages + regional variants | | 1-Click Translation | All 74 base languages + regional variants | | Multilingual Player | All 74 base languages + regional variants | | Pronunciation Lexicon | Per-language entries supported | ## Next steps - [Multilingual Player](https://www.tutorial.ai/docs/translation/video-player): How ?lang= works and the full selection priority - [1-Click Translation](https://www.tutorial.ai/docs/translation/one-click-translation): Translate videos into any supported language - [AI Voices](https://www.tutorial.ai/docs/voiceover/ai-voices): Choose voices, accents, and styles for each language - [Pronunciations](https://www.tutorial.ai/docs/voiceover/pronunciations): Fine-tune pronunciation per language Source: https://www.tutorial.ai/docs/translation/supported-languages --- # Video Player > Embed the Tutorial AI multilingual video player, control playback language with URL parameters, and understand the language fallback logic. Section: Docs › Translation With the Tutorial AI multilingual video player, you have access to translations and captions for every language your video has been translated into. Viewers can switch languages directly inside the player, or you can pin a specific default language via URL parameter — so a single embed code ships localized content to every audience. [Video: Tutorial AI - Multilingual Video Player](https://embed.videoscripter.ai/video/019e21a2-fd9f-771a-b9c7-a9b762d44356) ## How it works 1. **Create translations** of your video using [1-Click Translation](https://www.tutorial.ai/docs/translation/one-click-translation) 2. **Copy the embed code** — a single snippet that includes all language versions 3. **Paste anywhere** — your website, help center, LMS, wiki, or any tool that accepts embeds 4. **Viewers choose** their language from the selector in the player controls The voiceover, captions, and video timing switch instantly when a viewer selects a different language. New translations added later to the source video automatically become selectable in every existing embed — no need to update the snippet on your pages. ## The embed iframe Drop this snippet anywhere: ```html wrap [Video: Video Title](https://embed.videoscripter.ai/video/{video_id}) ``` Replace `{video_id}` with the ID from your published video's embed code. ## URL parameters ### `lang` — pin the playback language Append `?lang=` to play a specific language by default: **German** ```html wrap [Video: Video Title](https://embed.videoscripter.ai/video/{video_id}?lang=de) ``` **Spanish** ```html wrap [Video: Video Title](https://embed.videoscripter.ai/video/{video_id}?lang=es) ``` **French** ```html wrap [Video: Video Title](https://embed.videoscripter.ai/video/{video_id}?lang=fr) ``` - Use a 2-letter ISO 639-1 code (`de`, `es`, `fr`) or a longer locale code (`en-US`, `pt-BR`, `zh-Hans`) — both are accepted. - Matching is **case-insensitive** — `de`, `DE`, `de-de`, and `DE-DE` are equivalent. - If the requested language isn't published for this video, the player falls back through the priority order below. See [Supported Languages](https://www.tutorial.ai/docs/translation/supported-languages) for the full list of codes Tutorial AI supports. ### Omit `lang` — browser-determined When the parameter is missing, the player picks a language from the viewer's browser: ```html wrap [Video: Video Title](https://embed.videoscripter.ai/video/{video_id}) ``` This is the recommended default for embeds shipped to international audiences — every viewer lands on their own language without changes per market. > **Tip:** The viewer can always switch languages manually using the in-player language selector. The `lang` parameter sets the **default**, not a lock. ## Language selection priority The player picks one translation from the list of **published** translations. Drafts and unpublished languages are invisible to the player. Priority order — first hit wins: 1. **`?lang=` URL param** — short or long code (`de` or `de-DE`), case-insensitive exact match. If that language is published, use it. 2. **Browser-preferred language(s)** — read from `navigator.languages`. First an exact match (e.g. `en-GB` → `en-GB` if published); if not found, fall back to the base language (e.g. `en-GB` → `en`). 3. **The original** — the translation flagged `isOriginal` for this video, if it has been published. 4. **English** — if the original isn't published, the player falls back to English. The same priority order applies to the **share page** (the dedicated webpage created by Publish). Appending `?lang=de` to a share-page URL behaves the same way as appending it to an embed URL. ## Where the player draws translations from Every translated version is automatically grouped with the source in a [Virtual Translation Folder](https://www.tutorial.ai/docs/getting-started/organizing-videos#virtual-translation-folders) on the Videos dashboard. The player draws from that folder — adding a new language translation later, it automatically becomes selectable in any existing embed. ## Where to embed The multilingual player works in: - Help centers and knowledge bases (Zendesk, Freshdesk, Intercom) - Learning management systems (any LMS that supports embeds) - Websites and landing pages - Internal wikis (Confluence, Notion) - CMS platforms (WordPress, Webflow, HubSpot) ## Next steps - [1-Click Translation](https://www.tutorial.ai/docs/translation/one-click-translation): Create the translations that power the player - [Publish & Share](https://www.tutorial.ai/docs/publishing/publish-share): The Publish workflow that produces share links and embed codes - [Organizing Videos](https://www.tutorial.ai/docs/getting-started/organizing-videos): Virtual Translation Folders keep all languages grouped - [Supported Languages](https://www.tutorial.ai/docs/translation/supported-languages): Full list of supported language codes Source: https://www.tutorial.ai/docs/translation/video-player --- # Brand Kits > Apply your company logos, fonts, colors, and gradients consistently across all videos with Brand Kits. Section: Docs › Branding Brand Kits ensure every video you create aligns with your company's visual identity — logos, typography, colors, and backgrounds — without manual setup each time. > **Note:** Brand Kits are available on the **Team** and **Enterprise** plans. [Video: Tutorial AI - Brand Kits](https://embed.videoscripter.ai/video/0199867f-f06a-7776-a3c6-d8ca1e1fdd99) ## What's in a Brand Kit | Component | What you configure | |-----------|-------------------| | **Logos** | Horizontal and vertical logos for light backgrounds, plus a negative logo for dark backgrounds | | **Font styles** | Title and body text styles with customizable size, weight, letter spacing, and line spacing. Supports [custom fonts](https://www.tutorial.ai/docs/branding/custom-fonts) | | **Font colors** | A palette of brand colors for text, with a default color for slides | | **Background colors** | Colors and gradients for screen recording backgrounds and slide backgrounds, with separate defaults for each | ## Creating a Brand Kit ![](https://www.tutorial.ai/images/help/help-12434137-Screenshot_2025-09-27_at_16_23_37.a4b81311.png) 1. Navigate to **Assets > Brand Kits** and click **Add new brand kit** 2. **Name** your brand kit 3. Upload your company **logo** (horizontal, vertical, and negative variants) 4. Configure heading and body styles under **Typography** 5. Specify your **font colors** and set the default for slides 6. Specify **background colors** and/or **gradients** 7. Set **default backgrounds** for screen recordings and slides 8. Click **Save** ## Applying a Brand Kit To apply a brand kit to a video (or switch to a different one): 1. Open the **hamburger menu** in the upper-left corner of the editor 2. Go to the **Brand Kit** submenu 3. Select the brand kit you want to use ![](https://www.tutorial.ai/images/help/help-12434137-Screenshot_2025-09-27_at_16_53_11.e5c3cc16.png) Applying a brand kit automatically replaces existing colors, fonts, and logos with those from the selected kit. A **brand badge** appears next to your project name to confirm it's using the kit. You can still customize individual colors or fonts in the video. However, choosing a color or font outside the brand kit removes the brand badge. Click **Reapply** in the hamburger menu to restore brand kit settings. ![](https://www.tutorial.ai/images/help/help-12434137-Screenshot_2025-09-27_at_16_54_16.4aea386d.png) Your brand colors, fonts, and logos are also accessible directly within the editor's settings panels. ![](https://www.tutorial.ai/images/help/help-12434137-Screenshot_2025-09-27_at_16_52_18.dbaa875d.png) ## Editing and updating To edit a brand kit, navigate to **Assets > Brand Kits** and click the kit you want to modify. > **Caution:** Changes to a brand kit are **not** automatically applied to videos already using it. You'll see a red dot in the hamburger menu when an update is available — click **Reapply** to update. ![](https://www.tutorial.ai/images/help/help-12434137-Screenshot_2025-09-27_at_16_57_06.618ab427.png) ## Deleting a Brand Kit 1. Go to **Assets > Brand Kits** 2. Click the **three-dot menu** on the brand kit 3. Select **Delete** ![](https://www.tutorial.ai/images/help/help-12434137-Screenshot_2025-09-27_at_16_57_51.8fae187b.png) If projects are using the kit, you'll receive a warning. Deleting won't affect the videos themselves — they keep their current styling but lose the brand badge. ## Next steps - [Custom Fonts](https://www.tutorial.ai/docs/branding/custom-fonts): Upload your own typefaces - [Backgrounds](https://www.tutorial.ai/docs/visual-effects/backgrounds): Brand Kit colors appear in the background picker - [Slides](https://www.tutorial.ai/docs/editing/slides): Brand Kit styles apply to slide text and backgrounds Source: https://www.tutorial.ai/docs/branding/brand-kits --- # Custom Fonts > Upload and use your own brand typefaces in captions, slides, and Brand Kits. Section: Docs › Branding Upload your company's typefaces to Tutorial AI so every caption, slide, and text element uses your brand fonts. Custom fonts integrate with [Brand Kits](https://www.tutorial.ai/docs/branding/brand-kits) and appear in all font selection menus. > **Note:** Custom Fonts are available on the **Team** and **Enterprise** plans. [Video: Tutorial AI - Custom Fonts](https://embed.videoscripter.ai/video/019a4055-3a5d-7e9a-862e-c0bce6401406) ## Uploading a font Navigate to [Asset Library > Fonts](https://app.videoscripter.ai/assets/) to see all custom fonts available in your workspace. ![](https://www.tutorial.ai/images/help/help-12549008-Screenshot_2B2025-10-09_2Bat_2B17_54_58.019c0106.png) 1. Press the **+** icon to upload a new font 2. Select your custom font file in the file picker 3. Use the **Add fonts** button to include all files that belong to the same typeface (e.g., Regular, Bold, Italic) 4. Enter the **display name** exactly as you want it to appear in font menus 5. Click **Upload** to save **Supported formats:** `.ttf`, `.otf`, `.woff`, `.woff2` ## Variable fonts A variable font is a single font file containing multiple styles or weights, allowing dynamic adjustments without separate files for each variation. For variable fonts: 1. Upload the same font file multiple times — once per style you want to include 2. Assign a specific weight to each version individually ![](https://www.tutorial.ai/images/help/help-12549008-Screenshot_2B2025-10-09_2Bat_2B17_53_08.66ec3b4b.png) ## Where custom fonts appear Once uploaded, your custom fonts are available in: - **Brand Kit** typography settings — set them as default heading or body fonts - **Slide editor** — choose them for any text element on slides - **Caption styling** — use them for open (burned-in) captions - All font dropdown menus across the editor ## Tips - Upload all weights you need (Regular, Medium, Semi-Bold, Bold) for maximum flexibility - Name fonts clearly — e.g., "Acme Sans" not "font-upload-3" - Custom fonts are workspace-scoped — upload them in each workspace that needs them ## Next steps - [Brand Kits](https://www.tutorial.ai/docs/branding/brand-kits): Use custom fonts in your brand kit definitions - [Captions](https://www.tutorial.ai/docs/visual-effects/captions): Style burned-in captions with custom fonts - [Slides](https://www.tutorial.ai/docs/editing/slides): Apply custom fonts to slide text elements Source: https://www.tutorial.ai/docs/branding/custom-fonts --- # Comments > Invite teammates to leave time-stamped comments on your videos — with mentions, filtering, and email notifications. Section: Docs › Collaboration Comments turn your videos into collaborative review sessions. Teammates and guests can leave feedback tied to specific moments in the video, mention colleagues, and track discussions through to resolution. ## Inviting colleagues After [generating a video](https://www.tutorial.ai/docs/publishing/export-video), click the **Invite** button at the top of the video preview page. Enter email addresses to give colleagues access to view and comment. ![](https://www.tutorial.ai/images/help/help-12721169-Screenshot_2025-11-02_at_21_52_44.427e4be7.png) Both **workspace members** and **guest users** can leave comments on generated videos. ## Leaving comments Click anywhere on the video timeline or press the comment button to add a comment. Comments are **time-stamped** — they're linked to the specific moment in the video you're viewing. ![](https://www.tutorial.ai/images/help/help-12721169-Screenshot_2025-11-02_at_22_14_35.18bce8f9.png) > **Tip:** To adjust a comment's timestamp, move the video to the section the comment applies to before writing it. ## Mentions Use the **@** symbol to mention colleagues in comments and replies. Mentioned users receive an email notification about the thread. ![](https://www.tutorial.ai/images/help/help-12721169-Screenshot_2B2025-11-02_2Bat_2B22_18_43.f46fd5c4.png) ## Filtering comments Use the filter icon to sort comments by: - **Version** — see comments for a specific video version - **Status** — show open, resolved, or all comments ![](https://www.tutorial.ai/images/help/help-12721169-Screenshot_2025-11-02_at_22_35_21.9fa2f951.png) ## Email notifications Notifications are automatically sent to: - The **project owner** for all comments - **Mentioned users** (@mentions) - **Thread participants** when replies are added ### Turning off notifications **For all projects:** Go to **Workspace Settings → Preferences** and disable the **Members activity** toggle. ![](https://www.tutorial.ai/images/help/help-12721169-Screenshot_2025-11-02_at_22_28_25.10e3ca75.png) **For a specific project:** Click **"Turn off notifications for this project"** in the notification email. **Re-enabling:** Click the **bell icon** in the comments section, then under Comments notification select **Everything**. ![](https://www.tutorial.ai/images/help/help-12721169-Screenshot_2025-11-02_at_22_41_57.89adc6bf.png) ## Next steps - [Guest Users](https://www.tutorial.ai/docs/collaboration/guest-users): Share with external collaborators - [Export Video](https://www.tutorial.ai/docs/publishing/export-video): Generate videos for review - [Publish & Share](https://www.tutorial.ai/docs/publishing/publish-share): Share finalized videos externally Source: https://www.tutorial.ai/docs/collaboration/comments --- # Guest Users > Share videos with external collaborators for review and commenting without requiring an editor license. Section: Docs › Collaboration Guest users can view and comment on your generated videos without needing a full editor seat. This is ideal for sharing with clients, stakeholders, or cross-team reviewers who need to give feedback but don't create content themselves. ## How guest access works 1. [Generate a video](https://www.tutorial.ai/docs/publishing/export-video) from your project 2. Click the **Invite** button on the video preview page 3. Enter the guest's email address 4. The guest receives an email with a link to view and comment on the video Guests can: - **Watch** the generated video - **Leave comments** with timestamps - **Reply** to existing comment threads - **@mention** other participants Guests cannot: - Edit the video or script - Access the editor - Generate new video versions - Access other projects in the workspace ## Guest seat limits Guest seats are included in your plan: | Plan | Guest seats | |------|------------| | Free Trial | 1 | | Solo | 3 | | Growth | 5 | | Team | 10 | | Enterprise | Custom | ## Managing guests Workspace admins can view and manage guest users in the workspace settings. Remove a guest's access at any time by revoking their invitation. ## When to use guest access - **Client review** — share a draft video for client approval before finalizing - **Stakeholder feedback** — let managers or executives review training content - **Cross-team collaboration** — get input from subject matter experts who don't use Tutorial AI daily - **External partners** — share product demos with agencies or partners for feedback ## Next steps - [Comments](https://www.tutorial.ai/docs/collaboration/comments): Learn about the commenting system - [Export Video](https://www.tutorial.ai/docs/publishing/export-video): Generate videos to share with guests - [Publish & Share](https://www.tutorial.ai/docs/publishing/publish-share): Share finalized videos publicly Source: https://www.tutorial.ai/docs/collaboration/guest-users --- # Export Documents > Export your generated documentation to RTF, Markdown, HTML, or directly to CMS platforms like Notion, HubSpot, and WordPress. Section: Docs › Publishing Once you've [generated documentation](https://www.tutorial.ai/docs/publishing/generate-documentation) from your video, export it in multiple formats for use in your knowledge base, CMS, or documentation platform. ## Where to access exports You can export from two places: **Share menu** Open **Share** and click the **Document Export** tab. **Video preview page** Open the **Export** menu and select the **Document Export** tab. ![](https://www.tutorial.ai/images/help/help-14323724-019d3f48-8552-7471-be03-5ba214c3360a.9e34ac10.png) ## Available formats | Format | Best for | |--------|----------| | **RTF** | Word processors (Microsoft Word, Google Docs) | | **Markdown** | Developer docs, GitHub wikis, documentation systems | | **HTML** | Direct web publishing, CMS platforms | All formats preserve your document structure, formatting, headings, and screenshots. ## Integration exports Beyond file downloads, you can export directly to supported platforms: - **Notion** — paste as a Notion page - **HubSpot** — publish to your HubSpot knowledge base - **Zendesk** — create a help center article - **Freshdesk** — add to your support portal - **Google Docs** — open in Docs for further editing - **WordPress** — publish as a blog post or page - **Webflow** — add to your CMS collection - **Confluence** — create a wiki page ## Workflow 1. [Generate documentation](https://www.tutorial.ai/docs/publishing/generate-documentation) from your video 2. Review and edit the article in Tutorial AI's editor 3. Click **Export** and choose your format 4. Copy or upload the exported document into your platform > **Tip:** For a complete guide on creating documentation from video, see [Generate Documentation](https://www.tutorial.ai/docs/publishing/generate-documentation). ## Next steps - [Generate Documentation](https://www.tutorial.ai/docs/publishing/generate-documentation): Create articles from your videos - [Publish & Share](https://www.tutorial.ai/docs/publishing/publish-share): Publish the video alongside the article - [Export Video](https://www.tutorial.ai/docs/publishing/export-video): Download the MP4 file Source: https://www.tutorial.ai/docs/publishing/export-documents --- # Export SCORM Package > Package a published video as a SCORM 1.2 or SCORM 2004 course with a completion threshold — download a .zip ready to upload to your LMS. Section: Docs › Publishing > **Tip:** SCORM export is available on the **Enterprise** plan only. [Video: Tutorial AI - Export your video as a SCORM package](https://embed.videoscripter.ai/video/019fb8c0-3a71-7201-9da3-49a9a1778ba4) A SCORM package wraps a finished video in the standard format Learning Management Systems understand — drop it into your LMS and it reports completion back automatically. Tutorial AI packages your **published** video as either **SCORM 1.2** or **SCORM 2004**, with a completion threshold you set, and hands you a `.zip` ready to upload. ## Publishing the video first Generate the video, then click **Publish** in the header to open the Published-video panel. SCORM packages the version that's currently published — publish the exact version you want your learners to see before exporting. ## Opening the SCORM panel In the **Published video** panel — alongside **Share link** and **Embed video** — select **SCORM package** (*Download for your LMS with completion tracking*). ![Published video panel with the SCORM package option selected, next to Share link and Embed video](https://www.tutorial.ai/images/help/help-export-scorm-package-publish-panel.52250109.webp) ## Choosing the SCORM version Use the toggle at the top of the SCORM panel to pick between the two standards: - **SCORM 1.2** — the most widely supported standard; choose it if you're unsure or want maximum LMS compatibility. - **SCORM 2004** — a newer standard with more detailed tracking; choose it if your LMS specifically requires it. ## Setting the completion threshold Drag the **Completion threshold** slider to set how much of the video a learner must watch — anywhere from **50%** to **100%** — for the LMS to mark the course complete. ![SCORM package panel showing the SCORM 1.2 / SCORM 2004 toggle, the Completion threshold slider, and the Export button](https://www.tutorial.ai/images/help/help-export-scorm-package-settings.e8dcba0a.webp) ## Exporting the package Click **Export SCORM 1.2 package** (or **Export SCORM 2004 package**) to generate the `.zip`. Upload the downloaded file to your LMS as a new SCORM course. > **Note:** The exported `.zip` references the video's live embed — not a snapshot. When you edit the video and republish it in Tutorial AI, learners in your LMS see the update automatically the next time they open the course. No new export, no re-upload. ## Next steps - [Export Video](https://www.tutorial.ai/docs/publishing/export-video): Generate the video that gets packaged - [Publish & Share](https://www.tutorial.ai/docs/publishing/publish-share): Share links and embeds for non-LMS distribution - [Generate Documentation](https://www.tutorial.ai/docs/publishing/generate-documentation): Export the video's step-by-step as a written article Source: https://www.tutorial.ai/docs/publishing/export-scorm-package --- # Export Video > Generate final videos from your projects — choose frame rate, resolution, and manage multiple versions. Section: Docs › Publishing The Generate function finalizes your project into a publish-ready video. Choose frame rate and resolution, manage multiple versions, and continue working while the video renders in the background. ## Generating a video ![](https://www.tutorial.ai/images/help/help-9939491-019d3f5d-9cb7-73cc-8353-967b1d5e92cb.c549a80f.png) Open the **Share** menu and configure: ![](https://www.tutorial.ai/images/help/help-9939491-Screenshot_2026-03-30_at_17_27_11.8999a40f.png) - **Title** — shown on the share page and in social previews - **Frame Rate** — 30 FPS (standard) or 60 FPS (smoother motion) - **Video Quality** — 1080p (Full HD) or 4K (ultra-high-definition) Click **Generate video** to start rendering. You'll be redirected to the dashboard where a thumbnail shows progress and estimated time remaining. > **Tip:** You can continue working on other projects while the video generates in the background. > **Caution:** Each video you generate counts toward your plan's generated-video minutes quota. Recording, editing, and downloading don't use minutes — only generating a video does. Regenerating the video (e.g. after editing the script) counts as fresh minutes. ## Managing versions Once generated, a movie icon appears next to the project and it's listed under **Generated videos**. ![](https://www.tutorial.ai/images/help/help-9939491-Screenshot_2025-11-02_at_20_32_08.48596015.png) - Use the **dropdown menu** next to the project title to switch between versions - Click the **play button** to watch any version - Click **Open in Editor** to return to editing (disabled while generating) ## Downloading a cover image You can save any frame as a thumbnail for YouTube or other platforms: 1. Play the video to the frame you want 2. Pause at the exact moment 3. Right-click the video preview and select **Download frame**. To paste the frame somewhere instead, choose **Copy frame**. ![The right-click menu on the video preview of a title slide, with Copy frame, Download frame highlighted, Source size 2712 × 1612, and Edit clip](https://www.tutorial.ai/images/help/help-13345553-download-frame.e8954645.webp) This works on slides too, so a title slide can make a good cover image. > **Tip:** Use keyboard arrow keys (← →) after pausing to move frame-by-frame for precise selection. Avoid frames with motion blur. ## Next steps - [Publish & Share](https://www.tutorial.ai/docs/publishing/publish-share): Share via link or embed code - [Export SCORM Package](https://www.tutorial.ai/docs/publishing/export-scorm-package): Package a published video for your LMS with completion tracking - [Generate Documentation](https://www.tutorial.ai/docs/publishing/generate-documentation): Create written articles from your video - [Export Documents](https://www.tutorial.ai/docs/publishing/export-documents): Download in RTF, Markdown, or HTML Source: https://www.tutorial.ai/docs/publishing/export-video --- # Generate Documentation > Turn your video into a written step-by-step article with screenshots — automatically generated from your screen recording. Section: Docs › Publishing Tutorial AI can transform any video recording into a structured written article with screenshots. One recording produces both a narrated video and written documentation — covering visual and text-based learners. > **Note:** Available on all plans. [Video: Tutorial AI - Document Editor](https://embed.videoscripter.ai/video/019d34c8-4c72-768f-8549-82a0ef44dfce) ## Getting started 1. Record a video demonstrating the process or feature you want to document 2. Open your project and switch to the **Document** tab ![](https://www.tutorial.ai/images/help/help-14323571-image_full.59003368.png) 3. Click **Generate Documentation** — AI analyzes your video and narration, transforming spoken content into written instructions 4. Review the generated article — AI converts narration into text and organizes it into logical sections ## Formatting and editing Use the editor's formatting tools to refine the generated article: - Adjust **headings** to create clear sections - Add **emphasis** (bold, italic) for key terms - Include **bullet points** for step-by-step instructions - Group related instructions under **Heading** elements for improved readability Well-structured headings also improve SEO and help LLMs better understand and index your content. ## Adding screenshots Rather than capturing screenshots manually, use the built-in Screenshot Selector: ![](https://www.tutorial.ai/images/help/help-14323571-019d352d-efd6-7380-86f1-c1c61cbb68c4.fa48cdff.png) 1. Open the **Screenshot Selector** — it highlights key events and sync markers along your video's timeline 2. Choose a screenshot that demonstrates the step you're documenting 3. Select from the list of **Sync Markers** to find key events quickly 4. Click **Add Screenshot** to insert it into the article ![](https://www.tutorial.ai/images/help/help-14323571-019d352f-736c-73d3-a649-65be4b3c7396.90f3a9b6.webp) For more precise visuals, use the **Crop Tool** to focus on key areas before inserting. ## Exporting When your article is ready, click **Export** and choose your format: ![](https://www.tutorial.ai/images/help/help-14323571-019d3f48-8552-7471-be03-5ba214c3360a.9e34ac10.png) All formats preserve structure, formatting, and screenshots. See [Export Documents](https://www.tutorial.ai/docs/publishing/export-documents) for details on each format. ## Why start with video? - **Capture all steps accurately** — recording a process is more natural than writing it from scratch - **Improve SEO** — written articles make your content searchable and indexable - **LLM discoverability** — structured documentation is indexed by AI assistants for customer support - **Save time** — AI-powered workflow reduces documentation time from hours to minutes ## Best practices - Speak clearly and narrate steps as you perform them — makes AI-generated docs more accurate - Plan your recording to cover all key steps - Use visual cues in your video to make screenshot selection intuitive - Take advantage of formatting features to make articles easy to read ## Next steps - [Export Documents](https://www.tutorial.ai/docs/publishing/export-documents): Export to RTF, Markdown, HTML, and integrations - [Export Video](https://www.tutorial.ai/docs/publishing/export-video): Generate the video version alongside documentation - [Article Basics](https://www.tutorial.ai/docs/getting-started/article-basics): Overview of the documentation feature Source: https://www.tutorial.ai/docs/publishing/generate-documentation --- # Publish & Share > Publish your videos as shareable links or embed codes, manage versions, and download MP4 and caption files. Section: Docs › Publishing The Publish feature creates a dedicated webpage for your video with a shareable link and an HTML embed code. Embed videos on websites, help centers, or share them externally. > **Note:** You need to [generate a video](https://www.tutorial.ai/docs/publishing/export-video) before you can publish it. ## Publishing a video ![](https://www.tutorial.ai/images/help/help-9939509-Screenshot_2025-11-02_at_20_42_45.01eaa650.png) 1. Open your generated video 2. Click **Publish** 3. Choose how to share: - **Share link** — a unique URL for the video's dedicated page - **Embed code** — HTML snippet to embed the player on any website ![](https://www.tutorial.ai/images/help/help-9939509-Confirmation.d4e3bfdd.png) ## Managing published versions You can publish multiple versions of the same video and control which one viewers see. Older versions can be unpublished or replaced with updated ones — giving you full control over what's publicly visible. ## Downloading MP4 In addition to publishing on the platform, you can download the video file directly in **MP4 format** for uploading to YouTube, Vimeo, or any other hosting service. ![](https://www.tutorial.ai/images/help/help-9939509-Screenshot_2025-11-02_at_20_51_46.14dab323.png) ## Closed caption files Download caption files in **SRT**, **SBV**, or **VTT** format for platforms that support closed captioning. See [Captions: Closed vs. Open](https://www.tutorial.ai/docs/visual-effects/captions) for guidance on which type to use. ## Where to embed The embed player works on: - **Help centers** — Zendesk, Freshdesk, Intercom - **Websites** — any HTML page, WordPress, Webflow, HubSpot - **LMS platforms** — any system that accepts iframe embeds - **Internal tools** — Confluence, Notion, SharePoint - **Email** — share the link (not embed) for email distribution ## Multilingual embed and integration details If you've created [translations](https://www.tutorial.ai/docs/translation/one-click-translation), every translated language is bundled into the same embed code with an in-player language selector. For iframe parameters (`?lang=`), language fallback logic, and responsive sizing, see the [Video Player](https://www.tutorial.ai/docs/translation/video-player) reference. ## Next steps - [Video Player](https://www.tutorial.ai/docs/translation/video-player): iframe attributes, URL parameters, language fallback - [Export Video](https://www.tutorial.ai/docs/publishing/export-video): Generate videos before publishing - [Export SCORM Package](https://www.tutorial.ai/docs/publishing/export-scorm-package): Package a published video for LMS delivery with completion tracking - [Generate Documentation](https://www.tutorial.ai/docs/publishing/generate-documentation): Create written articles alongside video - [1-Click Translation](https://www.tutorial.ai/docs/translation/one-click-translation): Create translations the player draws from Source: https://www.tutorial.ai/docs/publishing/publish-share --- # Connect Your AI Assistant > Connect ChatGPT, Claude, Cursor, Grok, or Gemini to Tutorial AI over MCP, then ask it in plain language to work on your projects. Section: Docs › AI assistants (MCP) Connect your AI assistant to Tutorial AI and ask it, in plain language, to work on your projects: read and rewrite scripts, edit slides, translate, comment, and render or publish videos. Your assistant works as you, with the same access you have in Tutorial AI. The connection uses **MCP** (Model Context Protocol), the standard AI assistants use to connect to other apps. You add Tutorial AI to your assistant once, approve access, and you're ready. > **Tip:** AI assistant connections are available on all paid plans. **Supported assistants:** ChatGPT, Claude, Cursor, Grok, and Gemini. ## Before you start - A paid Tutorial AI plan - An account with your AI assistant that can add custom connectors (see the notes for each assistant below) - About two minutes You don't need an API key, and you never paste your Tutorial AI password into your assistant. ## Step 1: Copy your MCP URL 1. In Tutorial AI, open **Settings**. 2. Under **User Settings**, open the **Connected apps** tab. 3. Next to **MCP URL**, click the copy button. The URL is: ``` https://api.videoscripter.ai/api/mcp ``` **Connected apps** is a personal setting. Each person on your team connects their own assistant, and it only reaches what that person can reach. ## Step 2: Add Tutorial AI to your assistant Pick your assistant. Menu names in AI assistants change often. If an option has moved, look for **Connectors**, **Custom connector**, or **MCP server** in your assistant's settings. **ChatGPT** 1. In ChatGPT on the web, open **Settings** → **Apps & Connectors**. 2. Open **Advanced settings** and turn on **Developer mode**. 3. Click **Create** to add a new connector. 4. Fill in the form: - **Name:** `Tutorial AI` - **Description:** optional, for example `My Tutorial AI projects` - **MCP server URL:** paste your MCP URL - **Authentication:** OAuth 5. Confirm that you trust the connector, then click **Create**. A Tutorial AI page opens in your browser. Continue with [Step 3](https://www.tutorial.ai/docs/ai-assistants/connect#step-3-authorize-access). 6. To use it, start a new chat, open the **+** menu, and turn on **Tutorial AI** under Developer mode. > **Plan requirements:** Custom connectors are available on ChatGPT Plus, Pro, Business, Enterprise, and Education, on the web. On Business and Enterprise, a workspace admin may need to allow custom connectors first. **Claude** 1. In Claude on the web or in the desktop app, open **Settings** → **Connectors**. 2. Click **Add custom connector**. 3. Enter: - **Name:** `Tutorial AI` - **Remote MCP server URL:** paste your MCP URL 4. Click **Add**, then **Connect**. A Tutorial AI page opens in your browser. Continue with [Step 3](https://www.tutorial.ai/docs/ai-assistants/connect#step-3-authorize-access). 5. To use it, open the tools menu in a chat and make sure **Tutorial AI** is turned on. > **Plan requirements:** Custom connectors need a paid Claude plan. On Team and Enterprise plans, an organization owner adds the connector first; members then click **Connect**. **Using Claude Code?** Run this in your terminal, then run `/mcp` inside Claude Code and choose **Tutorial AI** to authorize: ```bash claude mcp add --transport http tutorial-ai https://api.videoscripter.ai/api/mcp ``` **Cursor** 1. Open **Cursor Settings** → **Tools & MCP**. 2. Click **New MCP Server**. Cursor opens your `mcp.json` file. 3. Add Tutorial AI and save the file: ```json { "mcpServers": { "tutorial-ai": { "url": "https://api.videoscripter.ai/api/mcp" } } } ``` If the file already lists other servers, add the `tutorial-ai` entry inside the existing `mcpServers` block. 4. Back in **Tools & MCP**, click **Connect** next to **tutorial-ai**. A Tutorial AI page opens in your browser. Continue with [Step 3](https://www.tutorial.ai/docs/ai-assistants/connect#step-3-authorize-access). 5. When the server shows a green dot, it's ready. Ask for Tutorial AI tasks in **Agent** mode. **Grok** 1. In Grok on the web, open **Settings** → **Connectors**. 2. Click **New connector** and choose **Custom**. 3. Enter `Tutorial AI` as the name and paste your MCP URL. 4. Save, then click **Connect**. A Tutorial AI page opens in your browser. Continue with [Step 3](https://www.tutorial.ai/docs/ai-assistants/connect#step-3-authorize-access). 5. In a chat, make sure **Tutorial AI** is turned on in the connectors menu. **Gemini** 1. In Gemini on the web, open **Settings** → **Connected apps**. 2. Under **Custom apps**, click **Add a custom app**. 3. Paste your MCP URL and click **Next**. 4. A Tutorial AI page opens in your browser. Continue with [Step 3](https://www.tutorial.ai/docs/ai-assistants/connect#step-3-authorize-access). 5. Mention Tutorial AI in your request, or pick it from the apps menu, to use it in a chat. > **Note:** Custom apps in Gemini are rolling out gradually and may not be available in every language or account type yet. **Using Gemini CLI?** Run this in your terminal, then start `gemini` and run `/mcp auth tutorial-ai` to authorize: ```bash gemini mcp add --transport http tutorial-ai https://api.videoscripter.ai/api/mcp ``` ## Step 3: Authorize access Your assistant opens a Tutorial AI page in your browser. Sign in to Tutorial AI if asked. 1. Check the heading: ** wants to access your Tutorial AI account**. 2. Check **Signed in as**. If it shows the wrong email, sign out of Tutorial AI in this browser and start again from your assistant. 3. Review what the assistant will be able to do: | Permission | What it covers | |---|---| | **View your workspaces and projects** | Access projects, scripts, slides, comments, settings and assets. | | **View your video content** | Access narration, on-screen text, markers and source videos. | | **Edit your projects** | Change scripts, slides, settings and voices; translate projects, add comments, generate videos and manage public access. | The screen also lists what it **cannot** do: record or delete videos, invite users, or change billing. 4. Click **Authorize access**. Your browser returns to your assistant, and the connection is ready. > **Caution:** The consent screen shows the name the connecting app gives itself. Only authorize connections you started yourself, from an assistant you set up. A few things to know: - **You see this screen every time you connect.** Tutorial AI never grants access silently. - **The link expires after about 10 minutes.** If it expires, start the connection again from your assistant. - **Changed your mind?** Click **Cancel**. No access is granted. ## Step 4: Try it Ask your assistant something about one of your projects: - *Read the script of Onboarding walkthrough* - *Summarise the narration of Onboarding walkthrough for a changelog* - *Tighten the script of Onboarding walkthrough and show me the changes before saving* Your assistant picks the right Tutorial AI action for each request. You don't need to know any commands. Your new connection also appears in Tutorial AI under **Settings** → **Connected apps**, with a **New** badge for its first 24 hours. ## Next steps - [What Your AI Assistant Can Do](https://www.tutorial.ai/docs/ai-assistants/capabilities): Everything you can ask for, and what stays off-limits - [Rewrite Scripts](https://www.tutorial.ai/docs/ai-assistants/rewrite-scripts): Tighten, fix, or adapt narration without breaking your markers - [Manage Connected Apps](https://www.tutorial.ai/docs/ai-assistants/connected-apps): See which assistants have access and revoke it - [Troubleshooting](https://www.tutorial.ai/docs/ai-assistants/troubleshooting): Fix expired links, the wrong account, and missing tools Source: https://www.tutorial.ai/docs/ai-assistants/connect --- # Edit Slides > Ask your AI assistant to change a slide's text, layout, or media, add a new slide, reuse one from another project, or delete one — always with a preview first. Section: Docs › AI assistants (MCP) Your connected assistant can work with the slides in your projects. It shows you a preview before it saves anything, so you approve every change. > **Tip:** AI assistant connections are available on all paid plans. [Connect your assistant](https://www.tutorial.ai/docs/ai-assistants/connect) first. ## What you can do | Task | Try asking | |---|---| | **Edit a slide** — text, layout, images, or videos | *On the title slide of Onboarding walkthrough, change the subtitle to "Set up your workspace in 5 minutes".* | | **Add a slide** at a place you choose | *Add a slide after the introduction of Onboarding walkthrough listing the three setup steps.* | | **Reuse a slide** from another project in the same workspace | *Copy the closing slide from Product tour into Onboarding walkthrough.* | | **Add media** already in your workspace | *Use the dashboard screenshot from the asset library on the second slide.* | | **Delete a slide** | *Remove the pricing slide from Onboarding walkthrough.* | ## How a slide edit works 1. **Your assistant reads the slide** and suggests the change. 2. **It shows you a preview** of the new slide. 3. **You approve, or ask for changes.** Nothing is saved until you say so. 4. **It saves the slide.** Open the project in Tutorial AI to see it in context. If your assistant shows Tutorial AI's guided prompts, **`edit-slide`** walks you through the same steps for one slide. ## Good to know - **Images and videos must already be in your workspace.** Upload new media to the **Asset Library** in Tutorial AI first ([how](https://www.tutorial.ai/docs/recording/uploading-videos#uploading-decorative-videos-for-slides)), then ask your assistant to use it. - **Deleting a slide keeps its media.** Images and videos stay in your workspace for later. - **Script rewrites don't change slides.** Ask for a slide edit instead. > **Caution:** Don't edit the same project in Tutorial AI while your assistant is changing it. If you both save, the later save wins. ## Next steps - [Add Slides](https://www.tutorial.ai/docs/editing/slides): Create and design slides in the editor - [Rewrite Scripts](https://www.tutorial.ai/docs/ai-assistants/rewrite-scripts): Tighten, fix, or adapt narration - [What Your AI Assistant Can Do](https://www.tutorial.ai/docs/ai-assistants/capabilities): Everything else you can ask for Source: https://www.tutorial.ai/docs/ai-assistants/edit-slides --- # Manage Connected Apps > See which AI assistants can access your Tutorial AI account, what each one can do, when it was last used, and how to revoke access. Section: Docs › AI assistants (MCP) Every AI assistant you authorize appears in Tutorial AI under **Connected apps**. From there you can check what each one can do and remove its access at any time. > **Tip:** AI assistant connections are available on all paid plans. ## Find your connected apps 1. In Tutorial AI, open **Settings**. 2. Under **User Settings**, open the **Connected apps** tab. The tab shows your **MCP URL**, a few example requests under **Try asking your assistant**, and the list of **Connected apps** with a count. If you haven't connected anything yet, it reads **No AI assistant is connected yet. Connect one using the URL above.** Connected apps are personal. You only see — and can only revoke — the assistants you connected yourself. ## What each row shows - **The app name.** A **New** badge appears for the first 24 hours after you connect. - **What it can do**, one of: - **Can read and edit your projects** - **Can edit your projects** - **Can read your projects** - **Can view your workspaces** - **No project access** - **When it was last used** — **Last used** with a time, or **Never used**. - **A revoke action.** Don't recognize an app, or see one you no longer use? Revoke it. ## Revoke access 1. Find the app in **Connected apps** and click its revoke action. 2. In **Revoke access for ?**, click **Revoke access**. The assistant loses access to your Tutorial AI account. Anything it already changed stays as it is. To use it again later, [connect it again](https://www.tutorial.ai/docs/ai-assistants/connect) from the assistant — you'll see the consent screen and approve access once more. > **Note:** Revoking in Tutorial AI removes the assistant's access. The Tutorial AI connector may still be listed in your assistant's own settings; remove it there too if you don't plan to reconnect. ## Next steps - [Connect Your AI Assistant](https://www.tutorial.ai/docs/ai-assistants/connect): Add or reconnect an assistant - [Troubleshooting](https://www.tutorial.ai/docs/ai-assistants/troubleshooting): Fix connection problems Source: https://www.tutorial.ai/docs/ai-assistants/connected-apps --- # Rewrite Scripts > Ask your AI assistant to tighten, proofread, or adapt a project's narration — your zooms, highlights, and slide markers stay where they are. Section: Docs › AI assistants (MCP) Your connected assistant can read a project's full narration and rewrite it for you. It can tighten wordy passages, fix grammar, adapt the script for a different audience, or make any custom change you describe — and your markers stay attached to the right words. > **Tip:** AI assistant connections are available on all paid plans. [Connect your assistant](https://www.tutorial.ai/docs/ai-assistants/connect) first. ## Ask for a rewrite Name the project and say what you want: - *Tighten the script of Onboarding walkthrough. Keep it under 90 seconds.* - *Fix grammar and typos in the script of Onboarding walkthrough.* - *Rewrite the script of Onboarding walkthrough for IT admins who already know SSO.* - *In Onboarding walkthrough, merge the two paragraphs about invitations and move the pricing paragraph to the end.* Your assistant reads the script, proposes the new version, and asks before it saves. Ask to see the changes first if you want to review them paragraph by paragraph. ## Rewrite modes If your assistant shows Tutorial AI's guided prompts, pick **`rewrite-script`** and choose a mode: | Mode | What it does | |---|---| | `tighten` | Cuts filler and repetition so the narration is shorter and clearer | | `grammar` | Fixes grammar, spelling, and punctuation without changing the meaning | | `audience` | Adapts tone and detail for the audience you describe | | `custom` | Makes whatever change you describe | `audience` and `custom` ask you to describe what you want before they start. ## What stays the same - **Markers stay in place.** Sync markers, zooms, highlights, slides, and other markers keep their position in the narration. - **Paragraphs can change.** Your assistant can add, remove, move, or merge paragraphs. - **Slides don't change.** A script rewrite never changes slide structure. To change a slide, ask for a [slide edit](https://www.tutorial.ai/docs/ai-assistants/edit-slides). > **Caution:** Don't edit the script in Tutorial AI while your assistant is rewriting it. If you both save, the later save wins. ## After the rewrite Open the project in Tutorial AI to hear the new narration and check the timing against the video. Adjust sync markers in the [script editor](https://www.tutorial.ai/docs/voiceover/script-editing) if a sentence now lands too early or too late. The rewrite itself is written by your own assistant, so Tutorial AI doesn't run a separate AI model for it. ## Next steps - [Edit Slides](https://www.tutorial.ai/docs/ai-assistants/edit-slides): Change slide text, layout, and media - [What Your AI Assistant Can Do](https://www.tutorial.ai/docs/ai-assistants/capabilities): Everything else you can ask for - [Script Editing](https://www.tutorial.ai/docs/voiceover/script-editing): Edit narration by hand in the editor Source: https://www.tutorial.ai/docs/ai-assistants/rewrite-scripts --- # Troubleshooting > Fix common AI assistant connection problems — expired authorization links, the wrong account, cancelled consent, missing tools, and lost access. Section: Docs › AI assistants (MCP) Most connection problems are fixed by starting the connection again from your assistant. Find your situation below and open it for the fix. > **Tip:** AI assistant connections are available on all paid plans. ## Connecting #### “This authorization link is no longer valid” The link from your assistant expired or was already used. Authorization links last about 10 minutes and work once. **Fix:** go back to your assistant and start the connection again. You'll get a fresh link. #### “Authorization cancelled” You clicked **Cancel** on the consent screen, so no access was granted and your browser didn't return to the assistant. **Fix:** if you meant to connect, start the connection again from your assistant and click **Authorize access**. #### “Something went wrong” Tutorial AI couldn't record your decision. **Fix:** try again. If it keeps happening, start the connection again from your assistant. #### The consent screen shows the wrong account Check **Signed in as** on the consent screen. If it shows a different email than you expected, don't authorize. **Fix:** click **Cancel**, sign out of Tutorial AI in that browser, sign in with the right account, and start the connection again from your assistant. #### The option to add a connector is missing - **Check your assistant's plan.** Some assistants only offer custom connectors on paid plans. See the notes for your assistant in [Connect Your AI Assistant](https://www.tutorial.ai/docs/ai-assistants/connect). - **Ask your admin.** On business and enterprise plans of some assistants, an admin has to allow custom connectors first. - **Look for a new menu name.** Assistants rename these settings often. Search your assistant's settings for **Connectors**, **Custom connector**, or **MCP server**. ## Using your assistant #### My assistant doesn't use Tutorial AI - **Turn the connector on for this chat.** Most assistants let you choose which connectors a chat can use, in the **+** or tools menu. - **In Cursor, use Agent mode.** Check that **tutorial-ai** shows a green dot in **Tools & MCP**. - **Mention Tutorial AI and the project by name**, for example *In Tutorial AI, read the script of Onboarding walkthrough.* #### My assistant can't find a project Your assistant sees exactly what you see. If you can't open the project in Tutorial AI with the same account, your assistant can't either. Check the consent screen's **Signed in as** email, and ask a workspace admin for access if you need it. #### My assistant lost access If you revoked access in **Connected apps**, or your assistant says it can no longer reach Tutorial AI, reconnect it from the assistant. You'll see the consent screen again. #### My edits disappeared If you edit a project in Tutorial AI while your assistant is changing the same project, the later save wins. Let your assistant finish, then make your own edits — or the other way round. ## Next steps - [Connect Your AI Assistant](https://www.tutorial.ai/docs/ai-assistants/connect): Setup steps for each assistant - [Manage Connected Apps](https://www.tutorial.ai/docs/ai-assistants/connected-apps): Check access and revoke it Source: https://www.tutorial.ai/docs/ai-assistants/troubleshooting --- # What Your AI Assistant Can Do > Everything a connected AI assistant can do in Tutorial AI, example requests for each, what it can't do, and how it keeps you in control. Section: Docs › AI assistants (MCP) Once your assistant is [connected](https://www.tutorial.ai/docs/ai-assistants/connect), ask for what you want in plain language. Your assistant chooses the right Tutorial AI action. > **Tip:** AI assistant connections are available on all paid plans. Your assistant works **as you**. It reaches only the workspaces and projects you can reach, with the same role and permissions you have in Tutorial AI. ## What you can ask for | Area | What your assistant can do | Try asking | |---|---|---| | **Browse** | List workspaces, folders, projects, screen recordings, voices, and media. Answer "how many" questions. | *How many of my projects are published?* | | **Read a project** | Summarise its sections, settings, publication status, and share link. | *Give me an overview of Onboarding walkthrough.* | | **Scripts** | Read the full narration and rewrite it: tighten, fix grammar, adapt for an audience, or make a custom edit. Zooms, highlights, slides, and other markers stay in place. | *Rewrite the script of Onboarding walkthrough for new admins.* | | **Slides** | Read and edit a slide's text, layout, and images or videos. Add a slide, copy one from another project in the same workspace, or delete one. | *Add a summary slide at the end of Onboarding walkthrough.* | | **Media for slides** | Place images or videos that are already in your workspace on a slide. | *Put our logo from the asset library on the title slide.* | | **Project settings** | Change the title, the language, whether the document shows on the share page, and the narration voice. | *Switch Onboarding walkthrough to a British English voice.* | | **Organize** | Duplicate a project, or move it to another workspace or folder. | *Move Onboarding walkthrough to the Customer Success folder.* | | **Recordings** | Create a project from a screen recording, or insert a recording into an existing project. The script is written automatically. | *Make a new project from my latest recording of the billing page.* | | **Translate** | Translate a project into one or more languages. A new language creates a translated project; an existing one is re-translated. | *Translate Onboarding walkthrough into German and French.* | | **Comments** | Read threads, reply, start a thread, and edit or delete your own comments. Collaborators are notified according to their notification settings. | *What feedback is open on Onboarding walkthrough?* | | **Project document** | Read the project's written document, have AI draft a new one, and save a version you've approved. | *Draft a help-center article from Onboarding walkthrough.* | | **Render and publish** | Generate the video (1920×1080, 30 fps by default), publish a finished version, or unpublish the public video. | *Generate Onboarding walkthrough and publish it when it's done.* | ## Guided prompts Some assistants show ready-made prompts from connected apps — in a menu, as slash commands, or not at all, depending on the assistant. Tutorial AI offers two: - **`rewrite-script`** — rewrite a project's narration. Choose `tighten`, `grammar`, `audience`, or `custom`; the last two ask you to describe what you want. See [Rewrite Scripts](https://www.tutorial.ai/docs/ai-assistants/rewrite-scripts). - **`edit-slide`** — edit one slide, with a preview before anything is saved. See [Edit Slides](https://www.tutorial.ai/docs/ai-assistants/edit-slides). You don't need them. A plain request works just as well. ## What your assistant can't do - Record videos, or delete videos or recordings - Invite users or change who's in a workspace - Change your billing or plan - Change slides through a script rewrite — slide changes go through slide editing - Reach anything your own role doesn't allow ## How it keeps you in control Your assistant is instructed to: - **Ask before it changes anything**, and use exactly the values you approved — the title, languages, voice, or destination folder. - **Show a preview first** before it edits, adds, or deletes a slide, and before it saves a document. - **Ask you to confirm** before it deletes a comment thread, publishes a specific version, or unpublishes a video. - **Ask you to pick a recording by name.** It never chooses one on its own, even when there's only one. - **Copy or move a project only when you ask.** When a slide is deleted, its images and videos stay in your workspace. > **Caution:** Don't edit a project in Tutorial AI while your assistant is changing it. If you both save the same script, the later save wins. ## Usage and quotas - **Generating a video** uses your workspace's video generation quota, exactly as it does in the app. - **Translating** uses your workspace's one-click translation allowance and may use AI credits. - **Creating a project from a recording** or **inserting a recording** doesn't currently use AI credits. - **Script rewrites** are written by your own assistant. Tutorial AI doesn't run a separate AI model for them. ## Next steps - [Rewrite Scripts](https://www.tutorial.ai/docs/ai-assistants/rewrite-scripts): Tighten, fix, or adapt narration - [Edit Slides](https://www.tutorial.ai/docs/ai-assistants/edit-slides): Change, add, and reuse slides with a preview first - [Manage Connected Apps](https://www.tutorial.ai/docs/ai-assistants/connected-apps): Check access and revoke it Source: https://www.tutorial.ai/docs/ai-assistants/capabilities --- # Desktop Recorder vs Chrome Extension > When to Use Which Section: Help Center › Overview Tutorial AI offers two ways to create tutorials: the **Desktop Recorder** and the **Chrome Extension**. While both are useful, they are designed for different goals. This article explains **when to use each tool**, and why the **Desktop Recorder is essential for polished, engaging, professional tutorials**. ## When to Use the Desktop Recorder The **Desktop Recorder** is the best choice when you want **high-quality, engaging tutorials** with full control over how interactions appear. ![](https://www.tutorial.ai/images/help/help-13687915-AD_4nXeT8RaC2SKasRmCrtLryRmsqSSqUy5TPuSO2FstuN95X0fy5_M2n5Q5.b2b1fc78.png) ## Key Advantages ### 1. Advanced Cursor Rendering (Desktop-Only Feature) The Desktop Recorder captures the screen **without recording the cursor directly**, then **re-draws the cursor on top of the video** afterward. This unlocks a set of powerful features that **browser extensions cannot offer**. ![](https://www.tutorial.ai/images/help/help-13687915-682ed1a439a2b631802d0010_e6bd3278adc39b7393c39e90a17ca7fb_mu.737444a3.png) With the Desktop Recorder, you can: - **[Enlarge the mouse cursor](https://www.tutorial.ai/en/articles/9939439-mouse-size-and-movement)** for better visibility - **[Smooth cursor movement](https://www.tutorial.ai/en/articles/9939439-mouse-size-and-movement)** for a more professional feel - **[Simplify mouse paths](https://www.tutorial.ai/en/articles/9939439-mouse-size-and-movement)** (straight movement from click to click) - **[Reduce cursor flicker and jitter](https://www.tutorial.ai/en/articles/9939439-mouse-size-and-movement)** - **[Automatically hide the cursor when idle](https://www.tutorial.ai/en/articles/9939439-mouse-size-and-movement)** This results in tutorials that are: - Easier to follow - Less visually noisy - More accessible for viewers - Significantly more polished 👉 **Chrome extensions (including Loom and similar tools) cannot do this.** Because they rely on the browser's native cursor capture, these features **require a desktop application**. If you care about cursor clarity and presentation quality, the Desktop Recorder is the only option. ### 2. Record Anything on Your Computer Unlike browser extensions, the Desktop Recorder captures: - **Native desktop apps** (Figma, Slack, Excel, IDEs, design tools) - **Multi-app workflows** - **System dialogs**, menus, and file operations - A **selected area** of your screen This makes it ideal for **real-world, end-to-end processes**. ### 3. Ideal for Engaging, Professional Tutorials Choose the Desktop Recorder when you're creating: - Customer-facing tutorials - Product demos - Training and onboarding materials - Sales enablement or support content The enhanced cursor behavior alone can dramatically improve viewer comprehension, especially in detailed workflows. ## When to Use the Chrome Extension The **Chrome Extension** is optimized for **speed and simplicity** when everything happens in the browser. ![](https://www.tutorial.ai/images/help/help-13687915-brower-extension-VHEJvxUv.83682e50.png) ## Best Use Cases ### 1. Quick, Browser-Only Walkthroughs Use the Chrome Extension for: - Simple SaaS flows - Short feature explanations - One-tab or one-tool demos It's the fastest way to record when cursor polish isn't critical. ### 2. Lightweight, Informal Recordings The extension is great for: - Internal references - Quick explanations - Capturing something on the fly No install friction, no setup — just hit record. ### 3. Web-Only Workflows If your entire process lives inside Chrome and doesn't require: - Desktop apps - File system access - Cursor enhancements …the Chrome Extension is sufficient. **Why Cursor Quality Requires a Desktop App** Browser extensions **cannot**: - Replace or redraw the cursor - Smooth or simplify cursor paths - Hide the cursor dynamically - Eliminate flicker caused by OS-level rendering These capabilities require **low-level screen capture**, which is only possible in a desktop application. That's why **all Chrome-based tools (including Loom)** lack these features. ## Summary: Which Tool Should You Choose? | | | | --- | --- | | Use Case | Recommended Tool | | Polished, engaging tutorials | **Desktop App** | | Enlarged, smooth, simplified cursor | **Desktop App** | | Desktop apps or multi-tool workflows | **Desktop App** | | Customer-facing documentation | **Desktop App** | | Quick browser walkthroughs | **Chrome Extension** | | Simple, web-only flows | **Chrome Extension** | | Fast, informal recordings | **Chrome Extension** | If you want tutorials that **look professional, feel smooth, and are easy to follow**, use the **Desktop Recorder**. Use the **Chrome Extension** when speed matters more than polish and your workflow stays entirely in the browser. Source: https://www.tutorial.ai/en/articles/13687915-desktop-recorder-vs-chrome-extension --- # Start here: Record your screen > How to use the Windows or Mac App to create high-quality screen recordings. Section: Help Center › Overview The **Desktop App** is a client application specifically designed to capture your screen for optimal results. Like other screen recording tools, the Desktop App allows you to record your entire screen, a specific application, a selected area, or even a portable device. ![](https://www.tutorial.ai/images/help/help-9939384-AD_4nXeT8RaC2SKasRmCrtLryRmsqSSqUy5TPuSO2FstuN95X0fy5_M2n5Q5.b2b1fc78.png) 💡 Capturing iPhone or iPad devices is only available in the macOS Desktop App. To record an Android screen, or if you are using Windows, use the **Upload Mobile Recording** feature in the **Screen Recordings** tab. Additionally, you have several options to enhance your recording experience: you can **hide desktop icons** (they won’t appear in the recording but will remain visible to you), set a **countdown timer** to prepare before recording, **hide the Dock** or the **app icon**, and **mute notifications** during your recording session. ![](https://www.tutorial.ai/images/help/help-9939384-AD_4nXeZCHGqh8Wzex7XpDz6E0lDcOnM4_N0YS67Vrp8Ebaua-FX3a0k5A-s.1c82bc7a.png) ## What’s unique about the Desktop App? Unlike traditional screen recorders, the Desktop App doesn’t just capture your screen — it also collects important metadata during recording. Metadata helps AI generate accurate narration scripts and align your narration precisely with the video. By tracking your mouse cursor position, you can also: - **[Enlarge the mouse cursor](https://www.tutorial.ai/en/articles/9939439-mouse-size-and-movement)** for better visibility - **[Smooth cursor movement](https://www.tutorial.ai/en/articles/9939439-mouse-size-and-movement)** for a more professional feel - **[Simplify mouse paths](https://www.tutorial.ai/en/articles/9939439-mouse-size-and-movement)** (straight movement from click to click) - **[Reduce cursor flicker and jitter](https://www.tutorial.ai/en/articles/9939439-mouse-size-and-movement)** - **[Automatically hide the cursor when idle](https://www.tutorial.ai/en/articles/9939439-mouse-size-and-movement)**Learn more about when to use the **[Chrome Extension](https://www.tutorial.ai/en/articles/13687915-desktop-recorder-vs-chrome-extension)**[vs. the Desktop App](https://www.tutorial.ai/en/articles/13687915-desktop-recorder-vs-chrome-extension). ![](https://www.tutorial.ai/images/help/help-9939384-AD_4nXdus10_WV9Gi6srcCeLGJDa3yb5-uBz_FxTzi4rS9WFWE7-R05GMa-S.1c6b169a.png) ## Adjust screen size If you are planning to record the contents of a browser tab it's recommended to exclude the frame of the browser window and the address bar from your recording.​ ![](https://www.tutorial.ai/images/help/help-9939384-Screenshot_2025-09-11_at_10_04_40.e43102db.png)- Before you hit record, click the **Adjust Recording Area** button on the recording toolbar. - Drag the recording area borders so you exclude the window’s header and address bar. This removes unnecessary clutter from your recording and keeps the viewer’s attention on the main content.Pause during recording ## Pause during recording Keyboard shortcuts can be particularly useful when recording longer videos, switching between screens, or reviewing your script before continuing. You can pause and resume the video using **Ctrl + Cmd + P (Mac) or Ctrl + Alt + P (Windows)**. ![](https://www.tutorial.ai/images/help/help-9939384-AD_4nXclGdZcrepDF_sMNbQ101ZEyuRnZjTwafsOehHv0wyA9EswJSlA5JLC.d3069025.png) When the session is paused, the recording bar will begin to blink red, making it clear that it’s not actively recording. While paused, you’re free to change tabs, review your notes, or open another application to get ready for the next segment of your recording. To continue recording, press the **Resume** button or use the same keyboard shortcut. Your recording will pick up exactly where you left off, providing a seamless final product for your viewers.​ ## Troubleshooting To access advanced settings, including proxy and logging options, open the **Settings** panel. If you're behind a corporate firewall or encountering issues on your local machine, our customer support team is happy to help. ![](https://www.tutorial.ai/images/help/help-9939384-Screenshot_2026-02-11_at_12_43_07.9e2e0eba.png)​ ​ Source: https://www.tutorial.ai/en/articles/9939384-start-here-record-your-screen --- # Uploading videos > Upload screen recordings to start a project or combine several recordings into one video — and upload decorative videos for your slides. Section: Help Center › Overview Most uploads are **screen recordings** — recordings you made with another tool that you want Tutorial AI to turn into a tutorial. Upload one to start a new project, or upload several and combine them into a single video with **Clips**. A second, less common kind of upload is a **decorative video** — an animation or a personal intro clip you place on a slide. Those go to your **Asset Library** and are covered at the end of this article. ## Uploading a screen recording [Video: Tutorial AI - How to upload screen recordings](https://embed.videoscripter.ai/video/019fb4ac-682a-7cd3-8202-3160f03c52e1) Open the **Screen Recordings** section from the sidebar, then click the **Upload screen recording** button in the top-right of the header. ![Screen Recordings section in the sidebar with the Upload screen recording button visible in the top right](https://www.tutorial.ai/images/help/help-uploading-videos-sidebar-nav.1925fe6a.webp) A modal opens where you pick the type of file you're uploading — a **Desktop Recording** (computer screen capture) or a **Mobile Recording** (iOS or Android device). ### Desktop recordings Select **Desktop Recording** for anything captured from a computer screen — QuickTime, OBS, Loom, Camtasia, ScreenFlow, or any other tool. ![Upload Screen Recording modal with Desktop Recording selected, showing AI analysis, Click detection, and Narration suggestions](https://www.tutorial.ai/images/help/help-uploading-videos-desktop-option.c6513d6b.webp) When you click **Import**, Tutorial AI does three things automatically: - **AI analysis** — every click, scroll, and screen transition is detected and turned into a Sync Marker so your narration lines up with the video. - **Click detection** — repeated hunting for buttons and interaction spots is handled for you. - **Narration suggestions** — if your recording has sound, the narration is transcribed from your voice; if it's silent, the script is drafted from the visual content. Processing can take a few minutes for longer videos — you can leave the tab and Tutorial AI will email you when it's ready. > 💡 If your recording has sound but you don't want it transcribed, strip the audio first with the free **[Remove Audio from Video](https://www.tutorial.ai/remove-audio)** tool. It runs entirely in your browser — the file never leaves your device. ### Mobile recordings Select **Mobile Recording** for anything captured on a phone or tablet, then pick your platform — **Android** or **iOS**. ![Upload Screen Recording modal with Mobile Recording selected, showing the Android and iOS platform toggle](https://www.tutorial.ai/images/help/help-uploading-videos-mobile-option-iphone.44d072b5.webp) > 💡 **On a Mac?** For an iPhone recording, you can also connect the phone via cable and use QuickTime to capture its screen — then upload the resulting file here. > Mobile recordings don't visually capture tap gestures by default. See **[Add Taps to Mobile Recordings](https://www.tutorial.ai/en/articles/14655815-add-taps-to-mobile-recordings)** to highlight each interaction after upload. ## Combining several recordings into one video Every recording you upload is listed in **Screen Recordings**, so you can add it to any project — for example, to join a second take to your first, or to add a part you recorded separately. 1. Open the project you want to add to and click **Clips**. 2. Hover over the timeline and click the **+** where the recording should go. 3. Choose **Screen recording**, pick the uploaded recording, and confirm with **Insert video & open script**. The recording becomes its own clip, and AI writes narration for it. See [Combine multiple recordings into one video](https://www.tutorial.ai/en/articles/combine-videos) for every option, and [Update or replace part of a recording](https://www.tutorial.ai/en/articles/update-or-replace-part-of-a-recording) to swap out an outdated section. ## Uploading decorative videos for slides Some videos aren't tutorials — they're decorations you'll drop onto a slide. A looping rocket animation, a short personal intro clip recorded on a phone, a product B-roll — anything you want to place on top of or alongside your slide content. ![Animated video decorating a slide](https://www.tutorial.ai/images/help/help-uploading-videos-example-video-on-slide.e0d57d4e.png) ![Personal intro video placed on a slide](https://www.tutorial.ai/images/help/help-uploading-videos-example-human-intro.0768ade0.webp) These videos belong in the **Asset Library**, not under Screen Recordings. Two ways to upload one: - Open the **Asset Library** from the left navigation in the dashboard, then use **Upload media**. - Or, while editing a slide, click the **video** button in the top toolbar and press **Upload media**. ![Upload media modal inside the Asset Library](https://www.tutorial.ai/images/help/help-uploading-videos-asset-library-modal.1bc87c12.png) Once uploaded, the video becomes available across all your projects and can be placed onto any slide. Source: https://www.tutorial.ai/en/articles/uploading-videos --- # Organize videos with folders > Sort, nest, and group your videos — including automatic Virtual Translation Folders that bundle every translated copy with its original. Section: Help Center › Overview [Video: Tutorial AI - Folders](https://embed.videoscripter.ai/video/019e1b8d-0803-7209-baaa-88c64b3833bc) As your video library grows, folders keep it navigable. You can create folders, nest them, move videos between them, and rely on **Virtual Translation Folders** that group translated copies with their original automatically. Folders also live inside workspaces — useful for separating team-shared content from personal projects. ## Creating a folder - On the Videos dashboard, click the **New Folder** button. ![New Folder button on the Videos dashboard](https://www.tutorial.ai/images/help/help-folders-new-button.a8418059.png) - Enter a name in the prompt that appears. - Confirm to create the folder. ## Moving videos into a folder - Find the video you want to move. - Open the **three-dot menu** on the video tile and choose **Move to**. ![Three-dot menu with the Move to option highlighted](https://www.tutorial.ai/images/help/help-folders-move-menu.ee597cb3.png) - Pick the destination folder from the list. The video moves immediately. ## Nested folders You can put folders inside folders — the same structure you're used to on your computer. - Navigate into an existing folder, then click **New Folder** to create a subfolder there. - Or, from the **Move to** popup, use the **New Folder** button at the bottom-left of the folder selector to create a subfolder in place. ![New Folder button at the bottom of the folder selector popup](https://www.tutorial.ai/images/help/help-folders-nested-popup.4d5acf6f.png) ## Virtual Translation Folders 💡 **Automatic** — you don't need to create these manually. When you translate a video, Tutorial AI groups the original and all of its translated copies into a **Virtual Translation Folder**. The folder is created by the system, named after the source video, and visually bundles every language version in one place. - New translations of the same source always land in the same Virtual Translation Folder. - The folder is virtual — you can still find and open the underlying videos in their normal location too. - This makes it easy to manage a multilingual set: edit the source, retranslate, and every version stays grouped. See **[How do I translate a project?](https://www.tutorial.ai/en/articles/how-to-translate-a-project)** for the translation flow itself, and **[Video Player](https://www.tutorial.ai/docs/translation/video-player)** for embedding all languages in a single player. ## Moving videos across workspaces Folders live inside workspaces. From the **Move to** popup, navigate one level up past the top folder to see your other workspaces — you can move a project across workspaces from there. ⚠️ **Brand Kit links break when moving across workspaces.** Brand Kits are workspace-scoped — a project that used a Brand Kit in its original workspace will lose the link when moved to a different workspace. You'll need to re-apply a Brand Kit from the destination workspace. See [Brand Kits](https://www.tutorial.ai/en/articles/12434137-brand-kits) for details. ## Notes - **Rename a folder** — open the three-dot menu on the folder itself and choose Rename. - **Delete a folder** — also from the folder's three-dot menu. Videos inside are not deleted; they move back to the parent location. - **Breadcrumbs** — use the breadcrumb trail at the top of the dashboard to navigate up out of nested folders. Source: https://www.tutorial.ai/en/articles/organize-videos-with-folders --- # Edit your script and sync it with the recording > Synchronizing Narration with Video Using Sync Markers Section: Help Center › Overview VideoScripter allows you to edit your video and audio as easily as editing a text document. This guide will introduce you to the core concepts of script-based video editing and highlight some of the unique features that make editing in VideoScripter a seamless experience. ## Main concept Think of the narration script as a separate, easily editable audio track that runs beneath your video recording. Every time you edit the script, your AI narration will be **automatically** synchronized with your video content. What sets VideoScripter apart is its ability to automatically divide the audio into smaller segments and align them perfectly with the video, using the **Sync Markers** placed in the script as a guide. ![](https://www.tutorial.ai/images/help/help-9939395-sm-1.b393777f.png) ## Sync Markers Sync Markers correspond to specific frames in the video recording and are generated automatically by the Recorder App. By dragging and dropping a Sync Marker into the narration script, you tell the system to **synchronize a specific word in the narration with a specific frame in the video**. This ensures that the visual playback aligns precisely with the spoken content at that moment. ![](https://www.tutorial.ai/images/help/help-9939395-Frame_2__281_29.d2a972f8.png) While this is simple with a single sync marker, it gets more complicated as you add multiple sync markers. If there’s too much audio for a shorter video section, the video will need to pause to fit the audio, or if there’s too much video for a shorter audio, the video will need to speed up. Fortunately, you don’t need to worry about this complexity—everything is handled automatically. ​**Illustration on how the system works behind the scenes** ![](https://www.tutorial.ai/images/help/help-9939395-Company_2BIntro.4f552dfe.png) ## How to position a Sync Marker to a specific word in the narration You can reposition Sync Markers by dragging them within the narration script and dropping them onto a specific word.​ ![](https://www.tutorial.ai/images/help/help-9939395-sm-2.2dcafb90.png) The system automatically enforces **ascending order** for Sync Markers. While dragging a Sync Marker, any part of the script where the marker **cannot** be placed will appear **greyed out and inactive**. This prevents placing a Sync Marker before or after positions that would break the required order. ## Deleting a Sync Marker In advanced scenarios, you may want to remove a Sync Marker from the script, although this is usually not necessary. To delete a Sync Marker: - Select the Sync Marker in the script - Press the **Backspace** key Alternatively - Open the Sync Marker panel - Select the Sync Marker and click on the three-dot menu next to the Sync Marker's label - Click **"Unlink"** ## Re-inserting Sync Markers into the script Deleting a Sync Marker from the narration script does **not** remove it from the system. You can re-insert Sync Markers at any time by: - Opening the **Sync Markers** panel - Dragging and dropping the desired Sync Marker back into the script ## Sync Marker labels Sync Markers are automatically generated by the Recorder App. The system will generate a short descriptive label underneath each Sync Marker that helps you identify what happened when the thumbnail was taken in order to find its place in the script . ![](https://www.tutorial.ai/images/help/help-9939395-sm-3.2b68a077.png) To edit the label, hover your mouse over the three-dot menu next to the label and select "**Edit label**". To remove a label, choose the Unlink option or simply delete the Sync Marker from the script by pressing backspace. ## Troubleshooting **"This marker points to a cut segment and is therefore ignored"** This happens when a Sync Marker falls inside a segment you've cut in Clips. The marker is skipped during playback but won't cause any problems. You can leave it as-is or delete it with **Backspace**. [See the full explanation and fixes.](https://www.tutorial.ai/en/articles/sync-marker-in-cut-segment) **The video pauses or plays too slowly** The video holds on a frame when there is more narration than footage between two Sync Markers. To fix it, cut out footage around that section or remove text from your script. [Learn how to speed up your video.](https://www.tutorial.ai/en/articles/how-to-remove-a-pause-speed-up-video) **The video rushes through a section too fast** The video speeds up when there is more footage than narration between two Sync Markers. To fix it, insert additional text between those markers to give the video more narration to pace itself against. [Learn how to add a pause.](https://www.tutorial.ai/en/articles/how-to-add-a-pause-slow-down-video) Source: https://www.tutorial.ai/en/articles/9939395-edit-your-script-and-sync-it-with-the-recording --- # Record with audio to generate better scripts > Enable audio during recording, and let Tutorial AI automatically clean up narration, trim pauses, and deliver a professional result. Section: Help Center › Overview By default, screen recordings are captured without sound, and you can either add your own script or ask AI to generate a script based on your video. ![](https://www.tutorial.ai/images/help/help-10098157-VS_Horizontal_bar__281_29.5860ea5b.png) Alternatively, you can **enable audio recording in the Recorder by clicking the microphone icon**, selecting an audio source and talk while you're recording your screen. Once you finished your recording, VideoScripter will convert your narration to text and display it in the script editor. Please note that **you won't hear your voice in the final video.** We convert your audio narration to text, then **use an AI voice to regenerate it, providing a consistent and professional voiceover.** Once your video is uploaded, the system provides automatic enhancement options designed to save you time and improve your final result: - **Enhance Narration**: Focuses on the transcribed narration script. AI automatically removes filler words and refines sentence structure, giving your narration a more polished and professional flow. - **Smart Auto-Cut**: Analyzes the video and trims out sections where the mouse remains idle. In [Clips](https://www.tutorial.ai/en/articles/clips-overview) you can undo individual cuts, or click **Remove cuts** to restore everything. ![](https://www.tutorial.ai/images/help/help-10098157-Screenshot_2B2025-08-28_2Bat_2B15_02_46.be7c3f5d.png) With these tools, you can communicate your message more effectively without spending hours on retakes or meticulous editing. **Simply record naturally, and let AI handle the polishing—delivering a professional touch with minimal effort.** Source: https://www.tutorial.ai/en/articles/10098157-record-with-audio-to-generate-better-scripts --- # Editor Overview > Your central hub for writing scripts, aligning visuals, and producing polished videos. Section: Help Center › Overview The Editor is where you craft your video and audio projects. Instead of a traditional video timeline, you edit a script — and the video updates to match. This guide walks you through each area of the Editor. The numbers match the callouts in the screenshot. ![The Tutorial AI editor with nine numbered callouts: 1 script editor, 2 AI writing tools, 3 script toolbar, 4 video toolbar, 5 video preview, 6 Brand Kit, 7 Video and Document tabs, 8 Sync Marker Rail, 9 Invite and Share](https://www.tutorial.ai/images/help/help-editor-overview-callouts.12a0c14f.webp) ### 1. Script editor This is where you write and edit your narration script, which replaces the traditional video timeline. Change a word and the voiceover and video timing update to match. [Sync Markers](https://www.tutorial.ai/en/articles/9939395-edit-your-script-and-sync-it-with-the-recording) placed in the text tie words to moments in your recording. Zooms, [voice tags](https://www.tutorial.ai/en/articles/voice-tags), and slides sit inline in the script, so you edit them right where they happen. ### 2. AI writing tools The bar at the bottom of the script: **Ask AI**, **Optimize**, **Enhance**, and **Tone** rewrite your narration — polish rough wording, add missing detail, or change the tone. See [Ask AI](https://www.tutorial.ai/docs/voiceover/ask-ai). ### 3. Script toolbar **Add zoom** adds a [zoom](https://www.tutorial.ai/en/articles/9939459-zooming) to the script, and **Add slide** adds an intro, agenda, outro, or other [slide](https://www.tutorial.ai/docs/editing/slides). ### 4. Video toolbar The tools above the video preview: - **Clips** — edit your recording footage ([overview](https://www.tutorial.ai/en/articles/clips-overview)): [cut and trim](https://www.tutorial.ai/en/articles/10396375-cut-trim-video-segments), [split and remove clips](https://www.tutorial.ai/en/articles/split-and-remove-clips), [insert more recordings](https://www.tutorial.ai/en/articles/combine-videos), and [blur](https://www.tutorial.ai/en/articles/11058753-blur-sensitive-data) sensitive data (blur is available on Growth, Team, and Enterprise plans) - **Background** — [wallpapers, gradients, or solid colors](https://www.tutorial.ai/en/articles/9939429-adjust-video-background), plus padding, rounded corners, and shadow - **Cursor** — [cursor size and movement](https://www.tutorial.ai/en/articles/9939439-mouse-size-and-movement) - **Music** — [background music](https://www.tutorial.ai/en/articles/12588201-background-music) - **Highlight** — [dim everything except the area viewers should focus on](https://www.tutorial.ai/en/articles/highlights) (Growth, Team, and Enterprise plans) - **Caption** — [captions](https://www.tutorial.ai/en/articles/12521199-captions-closed-vs-open) for your video ### 5. Video preview A live preview of the finished video. Press play at any time to see your latest edits, including everything you set from the video toolbar. Right-click the preview for shortcuts to the current frame: ![The right-click menu on the video preview with Add highlight, Add blur, Add zoom, Copy frame, Download frame, Source size 2712 × 1612, Edit clip, and Add sync marker](https://www.tutorial.ai/images/help/help-editor-overview-preview-menu.0aa4b167.webp) - **Add highlight**, **Add blur**, **Add zoom** — add a [highlight](https://www.tutorial.ai/en/articles/highlights), [blur](https://www.tutorial.ai/en/articles/11058753-blur-sensitive-data), or [zoom](https://www.tutorial.ai/en/articles/9939459-zooming) at this point. Highlight and blur are available on Growth, Team, and Enterprise plans. - **Copy frame** — copy the frame to your clipboard. - **Download frame** — save the frame as an image, for example as a [cover image](https://www.tutorial.ai/en/articles/13345553-how-to-download-a-cover-image-thumbnail-from-your-video). - **Source size** — the original recording's size in pixels. Match it when you record footage to [replace a clip](https://www.tutorial.ai/en/articles/update-or-replace-part-of-a-recording#replacing-a-clips-footage). - **Edit clip** — open this clip in [Clips](https://www.tutorial.ai/en/articles/clips-overview). - **Add sync marker** — add a [custom Sync Marker](https://www.tutorial.ai/en/articles/13398528-creating-custom-sync-markers) at this point. On a slide, the menu only offers **Copy frame**, **Download frame**, **Source size**, and **Edit clip**. ### 6. Brand Kit The **Brand** button next to the project title applies your [Brand Kit](https://www.tutorial.ai/en/articles/12434137-brand-kits) — logo, colors, and fonts. Brand Kits are available on the Team and Enterprise plans. ### 7. Video / Document Switch between the video and the [written document](https://www.tutorial.ai/en/articles/14323571-generate-documentation-from-your-video) generated from the same recording. ### 8. Sync Marker Rail The spine on the left edge of the script. Open it to navigate through the key scenes of your recording, similar to slides in a presentation. [Sync Markers](https://www.tutorial.ai/en/articles/9939395-edit-your-script-and-sync-it-with-the-recording) are created automatically when you click on items while recording with the Desktop App, and you align the video with your script by dragging them into the script. > You only need the rail if you prefer to type your own script rather than using AI transcription or an AI-generated script. To open it, click the spine on the left edge of the script — see [Creating Custom Sync Markers](https://www.tutorial.ai/en/articles/13398528-creating-custom-sync-markers). ### 9. Invite & Share **Invite** gives workspace members and collaborators access to the project. **Share** is where you generate the final video, then publish it as a link or embed, or export it — see [Export & Publish video](https://www.tutorial.ai/en/articles/9939509-export-publish-video). The project name sits at the left of the same bar. Source: https://www.tutorial.ai/en/articles/9939364-editor-overview --- # Navigating through your video > Navigate through your script, thumbnail markers, or the progress bar. Section: Help Center › Overview Tutorial AI offers three convenient ways to navigate through your video: - **Navigate Within Your Script**: Once thumbnail markers have been aligned with your script, you can easily move through your video by clicking a word within your script. This method allows you to jump directly to the parts of the video corresponding to specific script segments. ![](https://www.tutorial.ai/images/help/help-9939421-AD_4nXcRUEsi3zQ8956gWjS4UGitR-4H92JSo1gcNpZVo-IwFRWC2BL7hJZv.2930aa28.png) - **Click on a Thumbnail**: Thumbnails in the Thumbnail Rail represent key frames or scenes in your video. By clicking on a thumbnail, you can quickly navigate to that particular point in the video. This is especially useful for revisiting specific scenes or adjusting edits. - **Use the Progress Bar**: The progress bar at the bottom of the video player allows you to scrub through the entire video. You can click and drag the slider to move to different points in the video timeline, providing a quick and intuitive way to review your content. These navigation options give you full control over how you interact with your video, making it easier to fine-tune and edit your project efficiently. Source: https://www.tutorial.ai/en/articles/9939421-navigating-through-your-video --- # Create a new project from an existing recording > Reuse your recordings anytime to make new projects. Section: Help Center › Overview Every video project starts with a screen recording. Once you finish recording, a project is **automatically created,** so you don't need to do anything else. ​However, if you'd like to create an additional project using the same recording, just head over to the **Screen Recordings** tab. ![](https://www.tutorial.ai/images/help/help-9945215-AD_4nXcAPd508atHu0S7AGx13dFT0DXE1p13XqhrSxK_Xav5YFQvhy9Jt5hV.33506c14.png) Select a project and click the **New project from recording** option for the three dot menu. ![](https://www.tutorial.ai/images/help/help-9945215-Screenshot_2025-10-06_at_10_41_24.f43239b2.png) Alternatively, open the recording and click **Create Project from Recording** button in the top right corner. ![](https://www.tutorial.ai/images/help/help-9945215-AD_4nXfX0DuIoCh62GQeWwexcGYSPBnVXUQ42LTyAmViEQE6T6-_9CIyP16G.2d9c8ad8.png) If your recorded audio during the screen recording, your transcribed audio script will appear in the Editor, alternatively a new script will be automatically generated based on the screen recording. Source: https://www.tutorial.ai/en/articles/9945215-create-a-new-project-from-an-existing-recording --- # Asset library - Images & Custom Fonts > Store and manage all reusable assets for your videos. Section: Help Center › Overview [Video: Tutorial AI - Custom Fonts](https://embed.videoscripter.ai/video/019a4055-3a5d-7e9a-862e-c0bce6401406) In the [Asset library](https://app.videoscripter.ai/assets/) section, upload any assets you’d like to reuse across multiple videos. Supported asset types include: **Images**, **Videos**, **Music**, and **Fonts**. ## Images In the [Asset library > Images](https://app.videoscripter.ai/assets/) window, see all custom images available for your videos. To upload a new media, click on `Upload Media` and pass your images. Supported formats are: - Images: `.jpg`, `.png`, `.svg` (maximum size is 250MB) - Gifs: `.gif` (maximum size is 250MB) ## Videos You can also upload decorative videos — short clips, animations, or personal intro recordings that you want to place on top of slides. These are different from screen recordings, which are the main footage a project is built around. See **[Uploading videos](https://www.tutorial.ai/en/articles/uploading-videos)** for the full walkthrough of both flows. ## Custom Fonts In the [Asset library > Fonts](https://app.videoscripter.ai/assets/) page, see all custom fonts available for your videos. **Custom Fonts are available on the Enterprise plan.** ![](https://www.tutorial.ai/images/help/help-12548942-Screenshot_2025-10-09_at_17_54_58.019c0106.png) - To upload a new font, press the **＋** icon. - In the file window, select your custom font file to upload the first font variation. - Next, use the **Add fonts** button to include all files that belong to the same typeface. - Enter the **display name** exactly as you want it to appear in font selection menus. - Finally, click **Upload** to add and save your custom font. Supported formats are: `.ttf`, `.otf`, `.woff`, `.woff2`. ## Variable Fonts A variable font is a single font file that contains multiple styles or weights, allowing you to adjust its appearance dynamically without uploading separate files for each variation.​For variable fonts, upload the same font file multiple times—once for each style you want to include—and assign a specific weight to each version individually. ![](https://www.tutorial.ai/images/help/help-12548942-Screenshot_2025-10-09_at_17_53_08.66ec3b4b.png) ## Background Music In the [Asset library > Background music](https://app.videoscripter.ai/assets/) section, see all background music available for your videos. **Background Music uploads are available on the Enterprise plan.** To upload a new music, select `Upload file` and pass your music file. Supported formats are `.mp3`, `wav`, `.oga`, `.aac`, `.flac` formats. Source: https://www.tutorial.ai/en/articles/12548942-asset-library-images-custom-fonts --- # Generate Documentation from your Video > Turn your Video into Documentation in Seconds Section: Help Center › Overview [Video: Tutorial AI - Document Editor](https://embed.videoscripter.ai/video/019d34c8-4c72-768f-8549-82a0ef44dfce) **Available on all plans.** Creating high-quality documentation for your product or knowledge base can be a time-consuming task. Sometimes, the process begins with a written article that is later converted into a video. However, in many cases, it is more efficient to start with a video recording and use AI to generate comprehensive written documentation from that content. This method not only accelerates the documentation process but also helps businesses improve their **SEO** and make content more discoverable by large language models (**LLMs**). The following guide will show you how to efficiently convert video content into clear, shareable documentation, complete with screenshots and proper formatting. ## Getting Started with Video-Based Documentation - Record a video demonstrating the process or feature you want to document. This approach works whether you are showcasing a product walkthrough, teaching a new process, or explaining a concept. - Once your video is finished, switch to the **Document** tab in your platform. ![](https://www.tutorial.ai/images/help/help-14323571-image_full.59003368.png) - Click **Generate Documentation** to let the AI analyze your video and narration, transforming your spoken content into written instructions or an article. - Review the generated documentation. The AI will convert your narration into text and organize it into logical sections based on your video's structure. ## Formatting and Editing the Document - Use the familiar formatting options provided by the editor to adjust headings, add emphasis, or include bullet points where necessary. - Ensure that each section of your documentation flows naturally and retains the clarity of your original video narration. - Group related instructions into sections with **Heading** elements for improved readability. This structure also enhances the document's SEO and helps LLMs to better understand its content. ## Adding Screenshots from Your Video - Locate the key moments in your video that you'd like to illustrate with screenshots—such as clicks or important interface interactions. - Rather than capturing and editing screenshots manually, use the built-in tool to grab any frame directly from your video. ![](https://www.tutorial.ai/images/help/help-14323571-019d352d-efd6-7380-86f1-c1c61cbb68c4.fa48cdff.png) - Open the **Screenshot Selector**, which highlights key events and sync markers along your video's timeline. This feature makes it easy to locate significant frames without needing to scrub through the entire video. - Choose a screenshot that clearly demonstrates the step or action you're documenting. You can select from the list of **Sync Markers** to easily find key events in the video. Click **Add Screenshot** to insert it into the appropriate place in your article. ![](https://www.tutorial.ai/images/help/help-14323571-019d352f-736c-73d3-a649-65be4b3c7396.90f3a9b6.webp) - For more precise visuals, use the **Crop Tool** to focus on key areas of the screenshot before inserting it into the document. This helps readers quickly understand the critical part of the interface. ## Finalizing and Sharing Your Documentation - Once you've refined your document and added all necessary screenshots, review the content to ensure accuracy and completeness. - When your documentation is ready, click **Export** and choose your preferred format—RTF, Markdown, or HTML. Each option preserves your formatting and screenshots. ![](https://www.tutorial.ai/images/help/help-14323571-019d3f48-8552-7471-be03-5ba214c3360a.9e34ac10.png) - Copy and paste your completed documentation into your CMS system. - Your article is now ready to be published or shared with your team and customers ## Why Start with Video for Documentation? - Beginning with a video allows you to capture all steps accurately, making the process more natural than writing everything down first. It also helps keep instructions clear and visual, reducing misunderstandings. - Many businesses create this type of video-driven content to enhance their website's SEO, as well as to ensure their knowledge base is indexed by LLMs for up-to-date customer support and improved findability. - The AI-powered workflow significantly reduces the time required to produce high-quality documentation, allowing teams to focus on what matters most—delivering value to their users and customers. ## Best Practices - Speak clearly and narrate the steps as you perform them in the video. This makes AI-generated documentation more accurate. - Plan your video to cover all key functionalities and features that users may need documentation for. - Utilize visual cues or markers in your video to make screenshot selection fast and intuitive. - Take advantage of formatting features in the documentation editor to make your article easy to read and helpful for both SEO and LLM processing. Source: https://www.tutorial.ai/en/articles/14323571-generate-documentation-from-your-video --- # Zooming > Zoom markers let you add and adjust zoom effects to highlight key parts of your video, with customizable levels and easy timeline control. Section: Help Center › Effects & Styling Zoom markers in VideoScripter allow you to dynamically focus on specific parts of your video by zooming in and out during playback. This feature is especially useful for highlighting details or drawing attention to key elements in your video content. ## Adding and Adjusting Zoom Markers - To add a zoom marker, go to the point in the Editor where you want the zoom effect to begin. Click the **+** button on the left, then select **Add zoom**. ![](https://www.tutorial.ai/images/help/help-9939459-zoom-1.3fcb8522.png) - **Setting Zoom Levels** — **Presets**: You can quickly set zoom levels using the provided presets (e.g., 1.3x, 1.5x, 2x). These presets allow you to apply a consistent zoom effect with just one click. ![](https://www.tutorial.ai/images/help/help-9939459-zoom-2.7fb7e22c.png) - **Custom Zoom**: For more precise control, use the slider to adjust the zoom level to your exact preference. The zoom level will be displayed on the marker, so you can see the effect in real-time. - **Zoom Out:** To zoom out, simply add a Zoom marker and set it to **1x**. ## Moving Zoom Markers - You can adjust the position of the zoom marker by dragging it along the script timeline. This allows you to fine-tune the timing of your zoom effects to match your narration or visual cues. ![](https://www.tutorial.ai/images/help/help-9939459-3.21132867.jpg) ## Manual Zoom Target - By default, the zoom automatically follows mouse movements, clicks, and typing. If you want to control exactly which part of the screen is zoomed, you can switch to manual mode. - Click **Manual** in the zoom window, then drag the **purple dot** to set the zoom focus area. - To return to automatic zoom behavior, select **Auto**. ![](https://www.tutorial.ai/images/help/help-9939459-zoom-3.ad33f98e.png) ## Removing Zoom Markers - If you no longer need a zoom effect, simply delete the marker using the backspace key in the script or by pressing the red trash icon in the zoom popup. ## Tips Zoom markers provide a powerful way to guide your audience's attention, helping emphasize specific parts of your video so important details aren't missed. You can also highlight areas of a recording using the **Highlight** feature. Source: https://www.tutorial.ai/en/articles/9939459-zooming --- # Highlights > Dim everything but the area you want viewers to focus on — and keep it on screen for exactly as long as your narration needs. Section: Help Center › Effects & Styling > 💡 **Available on Growth, Team, and Enterprise plans.** See [Pricing](https://www.tutorial.ai/pricing) for the full breakdown. [Video: Release highlights - Sep '26](https://embed.videoscripter.ai/video/01a1019b-c543-7193-95ec-78707ebf22d7) Highlights dim everything outside a region of your video so the area you've chosen stays at full brightness — useful for calling out a button, a form field, a setting, or any part of a busy interface viewers might miss. The dim happens on playback only; your source recording is untouched. A highlight isn't limited to how long that moment lasted in your recording. You pick the words that should be spoken while it's on, and the video pauses for as long as the narration needs — so you can explain a setting or add context while the right area stays in focus. ## Opening Highlight Move the playhead to the moment you want to highlight, then click **Highlight** in the toolbar above the video preview. ![The editor with the cursor on the Highlight button in the toolbar above the video preview](https://www.tutorial.ai/images/help/help-highlights-select-tab.597c93c9.webp) ## Drawing the area and setting its frames Drag on the preview to draw the region you want to keep bright, then drag the corner handles to fine-tune it. The step bar then reads **Drag the edges to set the frames**. Drag the start and end edges on the timeline to choose which part of the recording the highlight covers, then click **Continue**. ![Step 2 of 3, Drag the edges to set the frames: a highlight box drawn on the preview, and the highlight's edges being dragged on the timeline, with a Continue button](https://www.tutorial.ai/images/help/help-highlights-set-frames.3e5e2ca0.webp) To zoom the timeline for finer positioning, pinch on your trackpad or use the zoom slider. ## Choosing the words spoken over it The step bar now reads **Select the words spoken over it**. In the script, select the words that should play while the highlight is on, then click **Done**. ![Step 3 of 3, Select the words spoken over it: a sentence selected in the script with Done and Cancel buttons](https://www.tutorial.ai/images/help/help-highlights-select-words.4b8c60e2.webp) The video holds on the highlighted area until those words finish. To review, move the playhead a few seconds before the highlight and press play. ## How highlights work with auto-zoom When the video is zoomed in — either from an automatic zoom or a [Zoom marker](https://www.tutorial.ai/en/articles/9939459-zooming) — the camera moves to frame the highlight automatically, even if the cursor in your original recording is somewhere else. That means you can call out something you never clicked during the recording: a section header, an inactive menu item, a piece of explanatory text. ## Tips - Select only the words that talk about the highlighted area. A long selection keeps the video paused for longer. - Pair a highlight with a [Zoom marker](https://www.tutorial.ai/en/articles/9939459-zooming) when the area you want to call out is small — zoom enlarges it, the highlight dims everything around it. - To mask sensitive data instead of emphasizing something, use [Blur sensitive data](https://www.tutorial.ai/en/articles/11058753-blur-sensitive-data) — it covers the region rather than dimming the surroundings. Source: https://www.tutorial.ai/en/articles/highlights --- # Mouse size and movement > Customize the cursor by adjusting its size, style (macOS or Windows), and movement. Make tutorials more professional by smoothing mouse path for steadier motion, auto-hide when idle, and flicker reduction to enhance visibility and clarity in recordings. Section: Help Center › Effects & Styling ![](https://www.tutorial.ai/images/help/help-9939439-682ed1a439a2b631802d0010_e6bd3278adc39b7393c39e90a17ca7fb_mu.737444a3.png) Click the Cursor button in the Video Toolbar to access a set of features to remove the original mouse cursor from your recording and redraw it in a smoother style with adjustable size.​ ![](https://www.tutorial.ai/images/help/help-9939439-Screenshot_2025-10-21_at_17_55_48.dd1488c5.png) ## Mac or Windows Cursors Choose whether your video should display Windows or macOS cursors. For instance, if you’re recording a browser application on your Mac but your audience primarily uses Windows, you might prefer to show Windows OS cursors in your video. ![](https://www.tutorial.ai/images/help/help-9939439-Screenshot_2025-10-21_at_17_57_29.c2cd6f98.png) ## Cursor size When creating a video tutorial, it's important to ensure your audience can easily follow your mouse movements. Use the Cursor Size slider to adjust the size of your mouse cursor to make it more prominent. ![](https://www.tutorial.ai/images/help/help-9939439-Screenshot_2025-10-21_at_17_33_35.a51d396a.png) ## Mouse smoothing effects To eliminate abrupt movements and "hesitations" in your mouse movements, apply a mouse smoothing effect. Use the Mouse Smoothing slider to adjust or remove the effect, ensuring smoother and more fluid cursor motion in your recording.​ ![](https://www.tutorial.ai/images/help/help-9939439-Screenshot_2B2025-10-21_2Bat_2B17_34_37.268a24cb.png) ![](https://www.tutorial.ai/images/help/help-9939439-Screenshot_2025-10-21_at_17_45_17.ee2d94e6.png)Path smoothing between clicks ## Simplified path Some tutorials benefit from simpler mouse movements. When Simplified Path is enabled, the cursor moves in straight lines between clicks to minimize distractions. ![](https://www.tutorial.ai/images/help/help-9939439-Screenshot_2025-10-21_at_17_35_11.7de299c7.png) ![](https://www.tutorial.ai/images/help/help-9939439-Screenshot_2025-10-21_at_17_48_12.a3297638.png)Path simplification between clicks​ ## Reduce cursor flicker This feature helps make your tutorial videos look smoother and more professional by minimizing distracting cursor changes. When you move your mouse quickly across different buttons, menus, or UI elements, the cursor often shifts shape — for example, from a pointer to a text selector or a resize icon. This rapid switching can create a flickering effect that draws attention away from your content. ​ ![](https://www.tutorial.ai/images/help/help-9939439-Screenshot_2025-10-21_at_17_37_00.67713985.png)Enabling this feature reduces unnecessary cursor transitions during fast movements, resulting in a steadier, cleaner look that keeps the viewer focused on your demonstration.​ ![](https://www.tutorial.ai/images/help/help-9939439-rcf-2.e0191409.gif) ## Auto-hide cursor when idle In some videos, an idle cursor can be distracting. The Auto-hide feature addresses this by smoothly hiding the cursor with a subtle animation when it's inactive. You can adjust the threshold to determine how long the cursor remains idle before it’s hidden.​ ![](https://www.tutorial.ai/images/help/help-9939439-Screenshot_2025-10-21_at_17_55_48.dd1488c5.png)0 ## Hide cursor When recording **mobile screens** or **text-based terminal** sessions, the cursor may distract from the content. You can hide it completely to keep the focus on what matters. ![](https://www.tutorial.ai/images/help/help-9939439-Screenshot_2025-10-21_at_17_55_48.dd1488c5.png)1 Source: https://www.tutorial.ai/en/articles/9939439-mouse-size-and-movement --- # Adjust video background > Learn how to customize a video's background in VideoScripter by selecting wallpapers, gradients, or solid colors, and adjusting the video frame's padding, corner radius, and shadow strength for a polished, professional look. Section: Help Center › Effects & Styling ## Wallpapers, gradients, solid colors By clicking the Background icon in the Video Toolbar, you can enhance your recording by adding stunning wallpaper images to your video. ![](https://www.tutorial.ai/images/help/help-9939429-Screenshot_2024-10-01_at_15_13_42.2295b4c9.png) However, if you're recording a full-screen video that already includes a wallpaper, adding another one might be overkill. Instead, you can use the Gradient or Color tabs to apply vibrant multi-stop gradient backgrounds or simple, solid color backgrounds to your video. ![](https://www.tutorial.ai/images/help/help-9939429-AD_4nXdocRmnOEOSxfNbCedvJst1WPW2_2aOFJGVFuM0x482OGLg82X0Q06j.b227677b.png) If [Brand Kits](https://www.tutorial.ai/en/articles/12434137-brand-kits) are enabled, the colors and gradient options from the brand kit applied to your project will appear here.​ ## Padding, rounded corners, shadow Use the sliders in the Video Shape section to fine-tune the padding width, adjust the radius of the rounded corners, and control the shadow strength around your recording. ![](https://www.tutorial.ai/images/help/help-9939429-AD_4nXfJdX6rbmvsje3wh0miduMArwuVQPSnkCjD5--oqb85N8Vzig-zmzXR.691b3690.png) Source: https://www.tutorial.ai/en/articles/9939429-adjust-video-background --- # Slide Transitions > Slide transitions determine how the content moves from one slide to the next, and choosing the appropriate transition can set the tone for marketing, educational, or creative projects. Section: Help Center › Effects & Styling **Available on all Plans** [Video: Tutorial AI - Transitions](https://embed.videoscripter.ai/video/019d3371-fced-7bb6-8fe5-3d4f4a196421) Enhancing your presentation with slide transitions adds a professional and dynamic touch, making your content more engaging and effective for your audience. This guide walks you through adding, customizing, and managing slide transitions in your presentation. Whether you're looking for subtle fades or energetic wipes, you'll find step-by-step instructions on how to apply the perfect effect for your video or slideshow. ## Accessing the Transition Menu - Open your presentation editor and locate the area between any two slides. - Click the **Transition** menu button that appears between slides. This menu is your hub for selecting and customizing transitions. ![](https://www.tutorial.ai/images/help/help-14309492-019d3444-a120-749e-a1dd-00d80fea64c5.84f8a2dc.png) ## Selecting a Transition Style - Within the **Transition** menu, browse through the available transition styles. Common options include **Wipe**, **Push**, **Zoom**, **Slide Over**, and **Fade**. ![](https://www.tutorial.ai/images/help/help-14309492-019d33a7-8b66-7903-9fad-061129499b6b.52550701.png) - Click your preferred style to preview its effect. Each style offers a different mood and pacing for moving between slides. ## Customizing Transition Direction and Duration - After choosing a transition style, look for directional options. For example, set the **Direction** to left, right, up, or down, depending on how you want the new slide to enter. ![](https://www.tutorial.ai/images/help/help-14309492-019d3440-6461-716e-a23f-95b3f20364a3.dee5729d.png) - Adjust the **Duration** slider or input box to control how fast or slow the transition plays out. Consider the context: If you are creating a fast-paced marketing video, set a shorter duration for quicker transitions that keep up the momentum. - For educational or explanatory content, select a longer duration for smoother, more gradual changes that help the viewer follow along. ## Choosing No Transition - Sometimes, the most effective approach is having no transition between slides. In the **Transition** menu, select the **Direct Cut** option. This will instantly switch slides without any visual effect. - Direct cuts work well for moments where you want sharp, immediate changes—ideal for scene changes or drawing attention to contrasting information. ## Saving and Applying Transitions - Once you have chosen and customized your transition, simply exit the **Transition** menu. Changes are saved automatically and applied to the section you edited. - If you want to apply the same transition to all slides in your presentation, click the **Change All** button within the transition menu. This will ensure a consistent visual style throughout your presentation. ![](https://www.tutorial.ai/images/help/help-14309492-019d3441-67d3-7bfc-b37a-fd012f083da2.c1e1886a.png) ## Tips for Effective Transitions - Switch up transition styles only when it supports the content—too many different effects can distract viewers rather than enhance your message. - Opt for subtle transitions like **Fade** or **Slide Over** for professional or corporate presentations. - Use more dynamic styles such as **Push** or **Zoom** for creative or marketing content where you want to grab attention. - Adjust the direction to match the flow of your story or the visual layout of your slides. For example, transitioning up or down can signal a change in topic or hierarchy. - Always preview your transitions before finalizing your video or presentation to ensure they support rather than distract from your content. ## Summary - Open the **Transition** menu between slides to add and customize transitions. - Select from various styles, adjust direction and duration as needed. - For sharp changes, choose **Direct Cut** for no transition effect. - Use the **Change All** button to apply a transition consistently across your whole project. - Tailor your choices to the type of video or presentation you're creating, considering pacing and audience engagement effects. Source: https://www.tutorial.ai/en/articles/14309492-slide-transitions --- # Slide Animations > Control how individual text and image elements appear, exit, and move on your slides — for instructional pacing or marketing punch. Section: Help Center › Effects & Styling **Available on all Plans** [Video: Tutorial AI - Animations](https://embed.videoscripter.ai/video/019def5d-2ed8-7a57-a18b-26904a933426) Tutorial AI applies built-in animations to auto-generated slides — Title, Agenda, and Topic intro slides come pre-animated. But you have full control over how every individual text box and image enters, exits, and moves on the slide. Use animations to pace instructional content, or to add motion to marketing videos. This article covers the four animation areas you'll use: **entrance**, **timing**, **exit**, and **motion effects**. ## Opening the Animations panel - Select the image or text box you want to animate. - In the right-hand panel, switch to the **Animations** tab. ![Animations tab in the right-hand panel](https://www.tutorial.ai/images/help/help-slide-animations-tab.caf3002c.png) All four animation controls live here. ## Entrance animations Choose how an element appears on the slide from the **Animation Type** dropdown. ![Animation Type dropdown showing entrance options](https://www.tutorial.ai/images/help/help-slide-animations-type-dropdown.719c6fa4.png) Available entrance options: - **Fade in** — element softly appears from invisible - **Move in** — element travels into position from off-element - **Slide in** — element slides in from outside the slide edge - **Zoom in** — element scales up from small to full size ## Animation timing By default, an animation plays at the start of the slide. To stagger elements for storytelling — for example, revealing bullets one by one or holding the title before introducing visuals — add a delay. ![Animation timing controls with delay field](https://www.tutorial.ai/images/help/help-slide-animations-timing.97782a8a.png) - Set the timing to begin **at the start of the slide**, or - Specify a **delay** (in seconds) before the animation starts. ## Exit animations By default, elements stay visible until the slide ends. To make an element leave the slide before the slide itself transitions out, set an exit animation. ![Exit Animation section with Disappear after timing](https://www.tutorial.ai/images/help/help-slide-animations-exit.346f6fda.png) - In the **Animations** tab, find the **Exit Animation** section. - Choose an exit style: **Fade out**, **Move out**, **Slide out**, or **Zoom out**. - Use **Disappear after** to control when the exit triggers — useful for marketing videos where elements need to clear before the next visual lands. ## Motion effects Motion effects animate an element *while it's on screen*, not just on entrance or exit. Currently one motion effect is available: - **Pan** — combines movement and zoom into a single continuous animation. Pan parameters: - **Distance** — how far the element travels - **Direction** — which way it moves - **Starting zoom** — the scale at the beginning - **Ending zoom** — the scale at the end Pan is great for keeping static images and text boxes feeling alive — for example, a product shot that slowly zooms in while drifting across the slide. ## Copying animations between elements Once you've dialed in an animation you like, you can apply the same settings to other elements without repeating the setup. ![Copy animation button on an animated element](https://www.tutorial.ai/images/help/help-slide-animations-copy.3175bf1b.png) - On the source element, click the **Copy** button in the Animations tab. - Select the target element. - Press **Cmd-V** (Mac) or **Ctrl-V** (Windows) to paste the animation settings. This is the fastest way to keep animation behavior consistent across multiple bullets, image rows, or stacked text blocks. ## Tips - Match the entrance to the content's tone — **Fade in** reads as professional, **Zoom in** as energetic, **Slide in** as directional. - Keep delays short (0.2–0.5s) for readable pacing; longer delays only when you want viewers to dwell on the previous element. - Use exit animations sparingly. They're powerful for marketing but can feel busy in instructional content. - For consistent storytelling across a project, copy a single tuned animation onto every comparable element instead of re-picking each time. 💡 **Slide transitions and element animations can interfere with each other**, especially when both have longer durations — the slide is still moving in while elements are already trying to animate. If you want element animations to be the focus, set the [**Slide Transition**](https://www.tutorial.ai/en/articles/14309492-slide-transitions) to **Direct Cut** so the slide arrives instantly and gives your element animations room to breathe. Source: https://www.tutorial.ai/en/articles/slide-animations --- # Background music > Learn how to add, adjust, and choose background music to make your explainer videos more engaging and professional. Section: Help Center › Effects & Styling Adding background music to your explainer videos can transform how your audience experiences your message. It keeps viewers engaged, makes transitions smoother, and gives your content a more professional and polished sound. Below, you’ll learn how to use the **Music panel** and all its features to add the perfect background track. ## Why Background Music Matters Music keeps the audience’s attention by breaking monotony and adding rhythm. It prevents videos from feeling “flat” or overly instructional and makes the experience more dynamic — helping people **watch longer and remember more**. It also fills in silent moments and masks awkward pauses, resulting in a **cleaner, more professional sound**. ## The Music Panel Overview In the video toolbar, navigate to **Music** to access all background-music settings for your video. ![Video toolbar with the Music tab selected](https://www.tutorial.ai/images/help/help-12588201-toolbar-music.3f600094.png) 🎙️ **Looking to pick a voice?** Voice selection has moved out of this panel. Click the **speaker tag** at the top of your script to choose a language, accent, and speaking style for the narrator. See [AI Voices](https://www.tutorial.ai/docs/voiceover/ai-voices) for the full workflow. ## Background Audio The Music panel controls all aspects of your background music. ![](https://www.tutorial.ai/images/help/help-12588201-Screenshot_2025-10-16_at_6_51_29.6390565d.png) The Play background music toggle is switched on by default. Turn it off to remove background music from your video. ## Volume relative to narration Use this slider to balance how loud the background music is compared to the voiceover. ![](https://www.tutorial.ai/images/help/help-12588201-Screenshot_2025-10-16_at_6_51_10.5c662c1e.png) For most tutorial and explainer videos, a subtle background volume works best, keeping the narration clear and easy to follow. ## Music selection Below the volume control, you’ll find a curated list of royalty-free background tracks. ![](https://www.tutorial.ai/images/help/help-12588201-Screenshot_2025-10-16_at_6_55_10.6ae6a2a1.png) Click the **play icon** beside each title to preview the track, then select your favorite to apply it to your video. ## Per-slide overrides The Music panel's settings are the **default** for the whole video, but any individual slide can override them from the **slide's side panel**. On a per-slide basis you can: - **Turn background music off** for just that slide, or - **Set the music volume lower (or higher)** for just that slide The most common reason to override is **a slide that has its own audio** — for example, a personal intro video where the presenter is speaking, or any embedded media with sound. Lowering or muting the background music on that slide stops it from competing with the slide's own audio. Slides without an override keep using the global setting from the Music panel. By using these audio tools, your explainer video will not only **sound more engaging and professional**, but also **leave a lasting impression** on your audience. Source: https://www.tutorial.ai/en/articles/12588201-background-music --- # Voice Tags — Add Pauses, Emotions, and Sounds to Narration > Make AI narration sound less flat and more like a real presenter by inserting inline pause, sound, and emotion cues. Section: Help Center › Effects & Styling Voice tags can make an AI tutorial voice sound less flat and more like a real presenter. Instead of delivering every sentence with the same pace and emotion, you add small performance cues — a pause, a sigh, a curious lift — that shape how each line feels to the listener. Use tags with intention: a well-placed cue adds personality, while too many cues distract from the message. [Video: Tutorial AI - Voice Tags](https://embed.videoscripter.ai/video/01a0f81a-780c-7c5f-8582-c1fd6d4d34d3) ## Placing the cursor Position your cursor in the script where you want to alter the tone of the narration. A purple **+** button appears to the left of the sentence. ![A narration paragraph with sighs, exhales, wheezing, 0.5s pause, and curious tags inline, the text cursor in its last line and the + button to the left](https://www.tutorial.ai/images/help/help-voice-tags-context-menu.d2e2523a.webp) ## Opening the tag menu Click the **+** to open the context menu, then pick **Add voice tag** for a sound or emotion, or **Add pause** for a silence. The Voice tag menu is grouped into **Sounds & pacing** and **Emotions**. ![The + menu with Add zoom, Add slide, Add pause, and Add voice tag, and the Voice tag submenu open on Sounds & pacing with Exhales highlighted](https://www.tutorial.ai/images/help/help-voice-tags-picker.09469208.webp) ## Adjusting a pause Pause tags open a duration slider — drag it to set the length. Pauses step in **0.25-second increments**. Click **Remove pause** in the popover to delete the tag. ![Narration with sighs, exhales, wheezing, and a 1s pause tag inline, with the Pause duration slider open and a Remove pause option](https://www.tutorial.ai/images/help/help-voice-tags-pause-slider.31e07f20.webp) Click any existing tag in the script to edit or remove it. ## Adding tags with Ask AI [Ask AI](https://www.tutorial.ai/docs/voiceover/ask-ai) can place tags for you, which is a quick starting point for a longer script. 1. Select the narration you want to tag. 2. In the Ask AI bar below the selection, describe what you want, for example *Add voice tags to narration to make it more exciting*, and send it. 3. Review the suggestion. Its tags are shown in square brackets, such as `[excited]` or `[curious]`. 4. Click **Update Script** to apply it. Use the refresh button next to it for a different suggestion, or **Cancel** to keep your script as it was. ![A selected narration paragraph, the Ask AI prompt Add voice tags to narration to make it more exciting, and the suggested script with [excited] and [curious] tags above Update Script and Cancel buttons](https://www.tutorial.ai/images/help/help-voice-tags-ask-ai.a1a9b879.webp) Once applied, the tags work like ones you added yourself, so you can edit or remove each one. AI tends to add more expression than a tutorial needs: keep only the tags that support the line. Typing a tag in square brackets yourself doesn't create a tag. Add tags from the **+** menu, or let Ask AI place them. > ⚠️ **Legacy voices don't support voice tags.** If the voice you've selected is a legacy voice, an exclamation icon appears on the tag in the script and it's ignored at render time. Open the speaker tag at the top of the script and pick a voice from the enhanced catalog to make tags work. > > If a tag is read out as text, is skipped, or makes no audible difference, check the voice first. After switching voices, preview a short tagged line to confirm the tags work, and keep the same voice for the whole project so the delivery stays consistent. ## The available tags ### Pause Insert silence for a specific duration anywhere within or between sentences. Useful for giving a viewer a beat to absorb a key point, breaking up dense narration, or pacing a punchline. ### Voice tag — Sounds & pacing Drop in a short non-verbal sound where you place the tag. The voice plays it inline: - **Laughs** — a single, brief laugh - **Starts laughing** — a laugh that builds into the next sentence - **Wheezing** — a held, breathless laugh - **Whisper** — a hushed delivery for the next sentence - **Sighs** — an audible exhale - **Exhales** — a breath out - **Gulps** — a swallow sound ### Voice tag — Emotions Apply an emotional register to a sentence: - **Curious** — slight upward inflection, engaged delivery - **Excited** — energetic, higher pitch and pace > 🎯 **Tag scope.** A tag typically applies to the sentence it's placed in. To carry a delivery cue across multiple sentences, place the tag at the start of each. ## Using voice tags well Tags work best as performance direction. Reach for the ones that match what each line is doing — and leave lines alone that don't need a cue. ### Create a more human opening The opening of a tutorial sets expectations for the rest of the narration. Natural-sounding openings often include slight imperfections or reactions a real presenter might make before speaking — cues that make the delivery feel candid rather than overly polished. - Add a **sigh** when the script benefits from a thoughtful, relieved, or conversational moment. - Use an **exhale** to soften the start of a sentence or suggest the speaker is gathering their thoughts. - Apply **wheezing** sparingly when it supports a playful, breathy, or exaggerated character choice. - Listen to the full sentence after adding a sound cue — it should support the meaning, not interrupt it. ### Control the pace with pauses Pauses give listeners time to process an important point, recognize a change in topic, or anticipate what comes next. They also prevent narration from sounding rushed when a sentence contains several ideas. - Place a pause after an important claim, instruction, question, or transition. - Start with a short pause when you only need a brief moment of emphasis. - Increase the length when introducing a new idea or letting a key takeaway land. - Avoid pausing after every sentence — frequent breaks make narration feel fragmented. - Preview surrounding lines together, not in isolation, to make sure the rhythm stays natural. ### Set the emotional tone Emotion tags help the voice follow the meaning of each line instead of simply reading the words. They're especially useful in tutorials — they can make instructions feel welcoming, discoveries feel interesting, and closing remarks feel warm. - Use **Curious** when introducing a question, possibility, unexpected result, or detail you want the audience to notice. - Use **Excited** for high-energy moments — a big reveal, a launch, a "here it is" line. - Match the emotional cue to the audience and subject matter — a playful cue may not suit a serious instruction. - Use one dominant emotional idea per line so the intended delivery stays clear. ### Refine the complete narration After adding tags, review the narration end-to-end. The goal isn't to make every line expressive; it's to make the overall delivery feel intentional and easy to follow. - Read the script aloud without tags first to spot where natural breaths, pauses, and reactions belong. - Add tags only at moments where they improve clarity, tone, or character. - Keep important instructions direct, especially when the audience needs to follow an action. - Listen for consistency so the voice remains believable across the whole tutorial. - Make small adjustments to pause length and emotional cues until each line matches its purpose. ## Related controls Voice tags work alongside the rest of the narration controls: - **Pause tags vs. silence between sync markers** — for pauses inside or between sentences in the narration, voice tags are simpler. For pacing the *video* itself — slowing scenes down to match a longer narration, holding on a UI element — see [How do I add a pause or slow down my video?](https://www.tutorial.ai/en/articles/how-to-add-a-pause-slow-down-video). - **Emotions vs. picking a different voice** — voice tags shape the delivery of the voice you've already picked. To change the underlying voice — language, accent, baseline speaking style — use the speaker tag at the top of the script. - **Pronunciations** — for fixing how a specific word is said (brand names, acronyms), use the [Pronunciation Lexicon](https://www.tutorial.ai/en/articles/13618414-pronunciation-lexicon), not a voice tag. Source: https://www.tutorial.ai/en/articles/voice-tags --- # Brand Kits > Brand kits help you create videos that align with your company's branding by applying custom text styles, color palettes and logos. Section: Help Center › Effects & Styling **Brand Kits are available on the Team and Enterprise plans.** [Video: Tutorial AI - Brand Kits](https://embed.videoscripter.ai/video/0199867f-f06a-7776-a3c6-d8ca1e1fdd99) Brand kits help ensure your video content aligns with your company’s branding by applying custom text styles, color palettes, logos, and avatars. Using a brand kit keeps your videos visually consistent, polished, and easily recognizable—even without an in-house designer—saving both time and resources. Brand kits and their permissions are managed at the workspace level, allowing all users within the workspace to edit them. ## Components | | | | --- | --- | | **Logos** | Upload a horizontal and vertical logo for use with light backgrounds, and a negative logo for use with dark backgrounds. | | **Font styles** | You can define multiple text styles. By default, there are three title fonts and three body fonts, but you can add more as needed. For each text style, you can customize the default size, font weight, as well as letter and line spacing. If you or your team have uploaded custom fonts to your workspace, they will be available for selection from the dropdown menu. | | **Font colors** | You can define a variety of colors to use across your font styles, giving you flexibility in maintaining your brand’s look and feel. You can select one of the colors to serve as the default for your slides. | | **Background colors** | You can define multiple colors and gradients to use as backgrounds for your screen recordings and slides. You have the option to select a default background color for screen recordings and a separate one for slides. Note that you can choose the same color to serve as the default background for both. | ## Create a new brand kit ![](https://www.tutorial.ai/images/help/help-12434137-Screenshot_2025-09-27_at_16_23_37.a4b81311.png) - Navigate to **Assets > Brand Kits** and click **Add new brand kit**. - **Name** your brand kit. - Upload your company **logo**. - Configure your headings and body styles under the **Typography** section. - Specify your **font colors** and the **default font color** to be used in your slides. - Specify your **background colors** and / or **gradients**. - Set the **default colors** **or gradients** to be used for your screen recordings and slides. - Click **Save** to finish setting up your brand kit. ## Delete a brand kit You can delete a brand kit, but note that this action is permanent and cannot be undone. - Go to the **Brand Kits** page (**Assets > Brand Kits**). - Click the **three-dot menu** in the upper-right corner of the brand kit you want to remove. - Select **Delete** to permanently remove the brand kit. ![](https://www.tutorial.ai/images/help/help-12434137-Screenshot_2025-09-27_at_16_57_51.8fae187b.png) If any of your projects are using that brand kit, you’ll receive an alert before proceeding. You can still choose to delete the brand kit. In this case, your projects will remain unaffected, but they will no longer display the brand badge. ## Editing and Updating Brand Kits To edit a brand kit, navigate to **Assets > Brand Kits** and click on the brand kit you want to modify. **Note:** Changes made to a brand kit will not automatically be reflected in the videos that are already using it. When a brand kit used by a video has been updated, you’ll see a red dot in the hamburger menu next to the video title. ![](https://www.tutorial.ai/images/help/help-12434137-Screenshot_2025-09-27_at_16_57_06.618ab427.png) ## Applying a Brand Kit To apply a brand kit to your video—or to switch to a different one—open the **hamburger menu** in the upper-left corner of the editor. Then, go to the **Brand Kit** submenu and select the brand kit you want to use. Applying a brand kit will automatically replace any existing colors, fonts, and logos in the video with those defined in the selected brand kit. Once applied, a **brand badge** will appear next to your project’s name, indicating that the video is using the brand kit. ![](https://www.tutorial.ai/images/help/help-12434137-Screenshot_2025-09-27_at_16_53_11.e5c3cc16.png) You can still customize brand colors and font styles in your video. However, if you choose a color or font that isn’t part of the brand kit, the project will lose its **brand badge**. If needed, you can always click **Reapply** in the hamburger menu to restore the brand kit settings. ![](https://www.tutorial.ai/images/help/help-12434137-Screenshot_2025-09-27_at_16_54_16.4aea386d.png) You’ll also have convenient access to your brand colors, fonts, and logos directly within the editor’s settings panels. ![](https://www.tutorial.ai/images/help/help-12434137-Screenshot_2025-09-27_at_16_52_18.dbaa875d.png) Source: https://www.tutorial.ai/en/articles/12434137-brand-kits --- # Getting around Clips > What clips are, how to open Clips, and what every button, menu, and shortcut does. Section: Help Center › Advanced Editing **Clips** is where you edit the footage in your project. Your script is still where you shape the tutorial — Clips is where you cut out mistakes, split a recording, combine recordings, and replace parts that went out of date. > 💡 **Clips is available on all paid plans.** ## What a clip is A project is made of **clips** and **slides**, in the same order as your script: - **Clip** — one piece of recording footage. Each clip owns a section of the script: the narration spoken over it. - **Slide** — a title, agenda, outro, or other slide. Slides sit between or inside clips. - **Cut** — a part of a clip that's removed from the video. It stays greyed out on the timeline, so you can adjust or restore it. - **Trim** — a cut at the very start or end of a clip. - **Split** — dividing one clip into two at the playhead. A new project starts with one clip per recording. Splitting, inserting, and removing clips changes that — see the articles linked at the end. ## Opening Clips Click **Clips** in the toolbar above the video preview. ![The editor with the cursor on the Clips button in the toolbar above the video preview](https://www.tutorial.ai/images/help/help-10396375-open-clips.78fac19b.webp) You can also open a specific clip from the script: each clip has a heading with its name, and the scissors icon opens that clip in Clips with the playhead at its start. The pencil renames it. ![Clip headings in the script, each with a pencil icon to rename the clip and a scissors icon to open it in Clips](https://www.tutorial.ai/images/help/help-split-a-clip-section-heading.bb8b32d6.webp) ## The toolbar ![The Clips toolbar: Replace clip with its tooltip, Cut a segment, Split, Blur, Auto-cut, Remove cuts, play, and the zoom slider, above the timeline](https://www.tutorial.ai/images/help/help-replace-clip-toolbar.6f3c3981.webp) | Button | What it does | |---|---| | **Replace clip** *(Beta)* | Swap a clip's footage for a new recording and keep its narration. See [Update or replace part of a recording](https://www.tutorial.ai/en/articles/update-or-replace-part-of-a-recording#replacing-a-clips-footage). | | **Cut a segment** | Mark the start and end of a segment to remove it from your video. See [Cut & Trim](https://www.tutorial.ai/en/articles/10396375-cut-trim-video-segments). | | **Split** | Split the recording at the playhead. See [Split and remove clips](https://www.tutorial.ai/en/articles/split-and-remove-clips). | | **Blur** | Mask part of the picture. Available on Growth, Team, and Enterprise plans. See [Blur sensitive data](https://www.tutorial.ai/en/articles/11058753-blur-sensitive-data). | | **Auto-cut** | Detect and cut idle moments. Hover to preview what it would cut. | | **Remove cuts** | Restore everything that's greyed out. | | **Play** and **zoom** | Play the preview, and zoom the timeline in or out. | **Cut a segment**, **Split**, and **Blur** work on recording footage only, so they're unavailable while the playhead is on a slide. While a task is in progress, a step bar replaces the left side of the toolbar and tells you what to do next. ## The timeline - Clips and slides appear as separate blocks, in script order. Each clip shows its name. - Hover over the timeline while paused to scrub the preview. Move away and the playhead returns to where it was. - Slides play for their set duration while the video frame holds still. Slides can't be cut. - Greyed-out, hatched areas are cuts. - Hover over a gap between blocks to see the **+** (**Insert here**) for adding a recording, slide, or clip from another project. See [Combine multiple recordings into one video](https://www.tutorial.ai/en/articles/combine-videos). - Click a highlight on the timeline to open it in Highlight mode. To see more of the picture while you edit, click **Hide padding**. It only changes your view — the final video keeps its padding. Zoom effects are always off in Clips. ## The right-click menu Right-click any block on the timeline. The menu shows its name and duration. ![The right-click menu on a clip with Rename clip, Cut a segment, Split at playhead, Change speed marked Soon, and Remove clip](https://www.tutorial.ai/images/help/help-10396375-right-click-menu.2ce48812.webp) **On a clip:** **Rename clip**, **Cut a segment**, **Split at playhead**, **Change speed** (*coming soon*), and **Remove clip**. **On a slide:** **Edit slide content** and **Delete slide and narration**. If an item is unavailable, hover over it to see why. ## Keyboard shortcuts | Key | Action | |---|---| | **Space** | Play or pause | | **Left / Right arrow** | Move the playhead one frame | | **Shift + Click** on the timeline | Add a cut | | **Escape** | Cancel the current task, such as an unfinished cut | | **Backspace / Delete** | With a clip selected: open the **Remove clip** confirmation. With a blur or highlight selected: remove it. | ## Undo and redo Every confirmed action — a cut, split, insert, removal, Auto-cut, or Remove cuts — is one undo step. Use the undo and redo buttons at the top left. Discarding an insert before you confirm it doesn't use up an undo step. ## Coming soon - **Change speed** on a clip. - **Library** as an insert source, for uploaded images and videos. ## What to read next - [Cut & Trim Video Segments](https://www.tutorial.ai/en/articles/10396375-cut-trim-video-segments) — remove pauses and mistakes - [Split and remove clips](https://www.tutorial.ai/en/articles/split-and-remove-clips) — split a recording, choose transitions, remove clips - [Combine multiple recordings into one video](https://www.tutorial.ai/en/articles/combine-videos) — combine recordings - [Update or replace part of a recording](https://www.tutorial.ai/en/articles/update-or-replace-part-of-a-recording) — fix an outdated section or add a missing step Source: https://www.tutorial.ai/en/articles/clips-overview --- # Smart Auto-Cut > Automatically cut idle moments — pauses, loading screens, and stretches with no mouse or keyboard activity — for tighter videos. Section: Help Center › Advanced Editing AI narration is usually shorter than the time you spent recording. If the video keeps moments where nothing happens — an idle cursor, a page loading — viewers sit through awkward silences. **Smart Auto-Cut** finds those idle moments and cuts them for you. ## When you create a project When the **AI Script Writer** prepares your script, Smart Auto-Cut is on by default and removes long pauses from each recording. ![The AI Script Writer listing its plan, including Smart Auto-Cut will remove long pauses](https://www.tutorial.ai/images/help/help-quickstart-ai-script-writer.9d762c1e.webp) It runs on every clip the AI Script Writer generates, so a project built from several recordings is tightened throughout. ## Running Auto-cut in Clips To cut idle moments later — for example in a recording you added afterwards — open **Clips** and click **Auto-cut** in the toolbar. Hover over the button first to preview the spans it would cut; nothing changes until you click. ![The Clips toolbar with the Auto-cut tooltip, Detect and cut idle moments from your video, and automatic cuts shown as hatched sections on the timeline](https://www.tutorial.ai/images/help/help-10396375-auto-cut.f6a56eee.webp) - **It only affects the clip you're on.** Other clips — including other copies of the same recording — are unchanged. - **Your own cuts take priority.** Auto-cut never overrides a cut you made yourself. - **Running it again gives the same result** on a clip you haven't changed. Automatic cuts are suggestions. Drag a cut's edges to adjust it, hover over it and click **Undo cut** to restore it, or click **Remove cuts** to restore everything — manual and automatic. See [Cut & Trim Video Segments](https://www.tutorial.ai/en/articles/10396375-cut-trim-video-segments). ## When Auto-cut is unavailable The button tells you why when you hover over it: - **Select a recording to use Auto-Cut** — the playhead is on a slide; move it onto a clip. - **Auto-Cut is currently not supported for mobile recordings.** - **Auto-Cut is currently not supported for this video, we can't detect idle parts** — cut idle moments manually with **Cut a segment** instead. Source: https://www.tutorial.ai/en/articles/12520977-smart-auto-cut --- # Cut & Trim Video Segments > Remove pauses, mistakes, and unwanted footage from your recording in Clips — without re-recording. Section: Help Center › Advanced Editing [Video: Tutorial AI - Cut and Trim Your Recording](https://embed-stage.videoscripter.ai/video/01a0d844-e107-755b-ba2e-223157edce06) Mistakes happen when you record — a pause while a page loads, a wrong click, a false start. Instead of recording again, remove those parts in **Clips**. Cut footage stays in your project, greyed out on the timeline, so you can adjust or restore it at any time. > 💡 **Clips is available on all paid plans.** ## Opening Clips Click **Clips** in the toolbar above the video preview. Your recording opens on a timeline, where you can cut, trim, and review every edit. New to Clips? Start with the [overview](https://www.tutorial.ai/en/articles/clips-overview). ![The editor with the cursor on the Clips button in the toolbar above the video preview](https://www.tutorial.ai/images/help/help-10396375-open-clips.78fac19b.webp) ## Removing idle moments with Auto-cut **Auto-cut** detects idle moments — stretches with no mouse or keyboard activity, such as waiting for a page to load — and cuts them for you. Hover over **Auto-cut** to preview the spans it would remove; nothing changes until you click. ![The Clips toolbar with the Auto-cut tooltip, Detect and cut idle moments from your video, and automatic cuts shown as hatched sections on the timeline](https://www.tutorial.ai/images/help/help-10396375-auto-cut.f6a56eee.webp) New projects usually open with auto-cuts already applied. Treat them as suggestions: keep the ones that tighten the pacing, and adjust or undo any that remove something viewers need to see. - Auto-cut only affects the clip you're on. Other clips are unchanged. - Your own cuts take priority over automatic ones. - Auto-cut isn't available for mobile recordings. Learn more in [Smart Auto-Cut](https://www.tutorial.ai/en/articles/12520977-smart-auto-cut). ## Zooming the timeline Drag the zoom slider, or pinch on your trackpad, to zoom in for precise edits and back out to review the whole recording. ![The zoom slider at the right of the Clips toolbar, with the timeline zoomed in to a few seconds](https://www.tutorial.ai/images/help/help-10396375-zoom-slider.05b1e55f.webp) To see more of the picture while you cut, click **Hide padding** above the timeline. It only changes your view — the final video keeps its padding. ## Cutting a segment 1. Move the playhead to where the cut should start. 2. Click **Cut a segment** in the toolbar. The playhead position becomes the start of the cut. ![The Cut a segment button in the Clips toolbar](https://www.tutorial.ai/images/help/help-10396375-cut-a-segment-button.45f59b02.webp) 3. The step bar reads **Cut a segment · Click the end**. Click the end point on the timeline — before or after the start both work. ![The step bar reading Cut a segment, Click the end, with a Cancel button, while the end of the cut is being placed on the timeline](https://www.tutorial.ai/images/help/help-10396375-click-the-end.3d58dfec.webp) The removed span turns greyed out. To stop without cutting, click **Cancel** or press **Escape**. **Shortcut:** **Shift + Click** on the timeline to add a cut. You can also right-click a clip on the timeline and choose **Cut a segment**. The same menu lets you split or remove a clip — see [Split and remove clips](https://www.tutorial.ai/en/articles/split-and-remove-clips). ![The right-click menu on a clip with Rename clip, Cut a segment, Split at playhead, Change speed marked Soon, and Remove clip](https://www.tutorial.ai/images/help/help-10396375-right-click-menu.2ce48812.webp) ## Adjusting or undoing a cut Drag a cut's start or end edge to make it shorter or longer. To restore a cut completely, hover over it and click **Undo cut**. ![Dragging the edge of a greyed-out cut on the timeline to resize it](https://www.tutorial.ai/images/help/help-10396375-drag-cut-edge.0ad20153.webp) To restore everything that was cut — manual and automatic — click **Remove cuts** in the toolbar. ## Trimming the start or end A trim is a cut that touches the start or end of a clip. Drag the handle at either edge of the clip inward to remove opening or closing footage, such as the moment before you started presenting. ![The trim handle at the left edge of a clip on the timeline](https://www.tutorial.ai/images/help/help-10396375-trim-handles.27fda5f0.webp) A cut always stays inside one clip. If you click past the edge of a clip while cutting, the cut stops at the clip's edge and becomes a trim. ## Previewing your edits Press **Space** or click play to watch the result. Cut footage is skipped, so you can check that every transition feels natural and nothing important was removed. ## Notes - **Nearby cuts merge.** Cuts in the same clip that overlap, touch, or sit very close together combine into one cut. - **Very short cuts aren't allowed.** If you see *This cut would be too short*, pick an end point further from the start. - **A cut can't start inside another cut.** Move the playhead outside the existing cut and try again. - **Cuts are saved automatically.** Every cut is also a single undo step. Source: https://www.tutorial.ai/en/articles/10396375-cut-trim-video-segments --- # Combine multiple recordings into one video > Add more screen recordings to a project in Clips, or reuse clips you've already made in another project — each arrives with its own section of the script. Section: Help Center › Advanced Editing A project isn't limited to one recording. In **Clips**, you can add more screen recordings — a second take, a part you recorded separately, a step you forgot — or reuse clips you've already made in another project. Each one arrives with its own section of the script. > 💡 **Clips is available on all paid plans.** [Video: Release highlights - Sep '26](https://embed.videoscripter.ai/video/01a1019b-c543-7193-95ec-78707ebf22d7) ## Opening the Insert menu In Clips, hover over the timeline. A **+** appears at the start, at the end, and between every clip and slide, labelled **Insert here**. Click it where the new footage should go. ![The Clips timeline with the cursor on the + between a slide and a clip, and the Insert here tooltip](https://www.tutorial.ai/images/help/help-insert-insert-here.ca528c87.webp) To add footage in the middle of a clip, [split the clip](https://www.tutorial.ai/en/articles/split-and-remove-clips) first — the split creates a new **+** at that point. ## Choosing what to add The **Insert** window asks what you'd like to add to your video: - **Screen recording** — pick from your earlier screen recordings, including ones you've [uploaded](https://www.tutorial.ai/en/articles/uploading-videos). - **From another project** — reuse clips you've already made. - **Library** — insert an uploaded image or video. *Coming soon.* ![The Insert window with Screen recording, Slide, Library marked Coming soon, and From another project](https://www.tutorial.ai/images/help/help-insert-menu.0abe5b95.webp) The same window also adds slides: choose **Slide**, pick a type such as a title, agenda, or outro, and confirm with **Insert slide & open script**. See [Add Slides](https://www.tutorial.ai/docs/editing/slides#inserting-a-slide-from-clips) in the docs for more. ### Adding a screen recording Search or scroll to the recording you want and select it. Once you confirm the insert, the script opens at the new clip and AI writes its narration — this doesn't use AI credits. You'll see **Writing narration…** in the script while it works; you can keep editing elsewhere in the meantime. If [Smart Auto-Cut](https://www.tutorial.ai/en/articles/12520977-smart-auto-cut) is on, idle moments in the new clip are cut automatically. If writing the narration fails, the recording stays inserted. Click **Retry**, or **Continue without script** to write it yourself. ### Reusing clips from another project Pick a project from your workspace, then the clip you want. Use the search box, or the folder path at the bottom, to find it. ![The From another project window listing projects in the MCP folder, with search and folder navigation](https://www.tutorial.ai/images/help/help-insert-from-another-project.fc713088.webp) A copied clip brings its footage together with its narration, sync markers, zooms, cuts, blurs, and highlights — so the timing and emphasis you already created come with it. No AI narration runs; the narration is copied as it is. The project's slides are listed separately, so pick them on their own. ## Confirming the insert The new clip appears on the timeline as a preview first, and the step bar reads **Placed … — confirm on the clip**. Play it to see how it fits. ![An inserted clip previewed on the timeline, with the step bar reading Insert clip, Placed Clips - Claude Desktop MCP Part 1 — confirm on the clip, and an Insert video & open script button](https://www.tutorial.ai/images/help/help-insert-confirm.4185025d.webp) - Click **Insert video & open script** to keep it. - Click **×** to discard it. The timeline returns exactly to how it was. After you confirm, the script opens at the new section, marked **Just inserted**. ![The script with the new section marked Just inserted, under the clip's heading](https://www.tutorial.ai/images/help/help-insert-just-inserted.5c5a4b16.webp) Then pick how the new clip joins its neighbours — a **Direct Cut** or a **Fade** — on its heading in the script. See [Split and remove clips](https://www.tutorial.ai/en/articles/split-and-remove-clips). ## Notes - **One task at a time.** Finish the current edit or narration generation before adding another clip. - **Undo works as usual.** The insert is one undo step; the AI-written narration for an inserted recording is a separate one. - **Changing an existing section?** See [Update or replace part of a recording](https://www.tutorial.ai/en/articles/update-or-replace-part-of-a-recording) for step-by-step recipes. Source: https://www.tutorial.ai/en/articles/combine-videos --- # Split and remove clips > Split a recording into separate clips, choose how they transition, and remove the parts you no longer need — without re-recording. Section: Help Center › Advanced Editing When part of a tutorial goes out of date — a screen changed, or you forgot to show a step — you don't need to record everything again. In **Clips**, split the recording so the affected part becomes its own clip, then remove it or replace it. Your script stays intact. [Video: Release highlights - Sep '26](https://embed.videoscripter.ai/video/01a1019b-c543-7193-95ec-78707ebf22d7) > 💡 **Clips is available on all paid plans.** ## Splitting a clip Move the playhead to where you want the split, then right-click the clip on the timeline and choose **Split at playhead**. You can also click **Split** in the toolbar. ![The right-click menu on a clip in Clips, with Split at playhead selected](https://www.tutorial.ai/images/help/help-split-a-clip-split-at-playhead.5acaaa5b.webp) The recording splits at the exact playhead frame, and the narration splits at the nearest sentence boundary — never mid-word — so each new clip keeps its own part of the script. - Cuts, blurs, and highlights stay with the footage they belong to. - Slides are never split. - A clip without narration can be split anywhere. - The two new clips join with a 1-second fade. ## Clip headings in the script Each clip has a heading in the script showing its name. Click the pencil to rename the clip, or the scissors to open it in Clips. Clear names make it easy to find the right clip when you come back to update one section later. ![Two clip headings in the script, each showing the clip name, with a pencil icon to rename and a scissors icon to open it in Clips](https://www.tutorial.ai/images/help/help-split-a-clip-section-heading.bb8b32d6.webp) You can also rename a clip by right-clicking it on the timeline and choosing **Rename clip**. Press **Enter** to save or **Escape** to cancel. ## Choosing a transition Click the transition on a clip heading (it shows **Fade** by default) to open **Clip transition**, then pick one: - **Fade** — a gentle visual separation. Works well when clips come from different apps, windows, or recording sessions. Drag **Duration** to change its length. - **Direct Cut** — no visible transition. Use it when both clips show the same app at the same window size, so the edit feels like one continuous recording. ![The Clip transition menu on a clip heading, with Direct Cut and Fade options and a Duration slider set to 1.0 seconds](https://www.tutorial.ai/images/help/help-split-a-clip-transition.ef2f3a88.webp) Preview the join before you publish — the cursor position and on-screen state on both sides decide whether a direct cut looks seamless. ## Removing a clip Right-click the clip on the timeline and choose **Remove clip**. You can also select a clip and press **Backspace** or **Delete**. ![The right-click menu on a split-off clip, with Remove clip selected](https://www.tutorial.ai/images/help/help-split-a-clip-remove-clip.d517d015.webp) A confirmation always opens first, because the clip owns a section of your script: - **Delete clip and content** — deletes the video, its narration and any slides in this section. Choose this when the footage and what you said about it are both out of date. - **Delete clip, keep narration** — deletes the video only. The narration and slides stay in your script and join the previous clip (or the next one, if this is the first clip), so they play over that clip's footage. If it's the only clip, they stay without video. Choose this when you want to keep the wording — for example, to copy it into a new recording's section. See [Update or replace part of a recording](https://www.tutorial.ai/en/articles/update-or-replace-part-of-a-recording). - **Cancel** — nothing changes. ![The Delete clip confirmation with Delete clip and content, Delete clip keep narration, and Cancel](https://www.tutorial.ai/images/help/help-split-a-clip-delete-options.41d4e8ca.webp) Removing a clip removes only that clip, together with its own cuts, blurs, and highlights. Other uses of the same recording stay as they are. ## Notes - **Split is unavailable?** The button explains why — for example *Finish the current edit first*, or *Generate current narration timing before splitting this position* after you've edited the narration. - **Undo works as usual.** Each split and each removal is a single undo step. Source: https://www.tutorial.ai/en/articles/split-and-remove-clips --- # Update or replace part of a recording > Your UI changed, you translated a project, or you forgot a step — swap in new footage and keep your narration, without recording the whole tutorial again. Section: Help Center › Advanced Editing Tutorials go out of date. A screen gets redesigned, a setting moves, or you notice a step you never showed. With **Clips** you record only the part that changed and swap it in — the rest of your video, script, and effects stay as they are. This article covers replacing a clip's footage, showing the interface in a translated project's language, and adding a step you forgot to show. > 💡 **Clips, including Replace clip, is available on all paid plans.** [Video: Tutorial AI - Replace clips](https://embed.videoscripter.ai/video/01a120f6-4a4c-7ef9-8806-be0a2a2b0b9c) ## Replacing a clip's footage **Replace clip** *(Beta)* swaps a clip's footage for a new recording and keeps its narration. Use it when the workflow is still right but the screen isn't — your product's interface changed, or you [translated the project](https://www.tutorial.ai/en/articles/update-or-replace-part-of-a-recording#showing-the-interface-in-a-translated-projects-language). 1. **Record the new footage.** Record the same workflow again with the Desktop App, or [upload a recording](https://www.tutorial.ai/en/articles/uploading-videos). You can pick any recording in **Screen Recordings**; videos in the Asset Library can't be used. 2. **Open Replace clip.** In Clips, select the outdated clip and click **Replace clip** in the toolbar. ![The Clips toolbar with the cursor on Replace clip and its tooltip, Swap a clip's footage, keep its script, above the timeline](https://www.tutorial.ai/images/help/help-replace-clip-toolbar.6f3c3981.webp) 3. **Pick the new recording.** Search or scroll to it and select it. ![The Replace clip window, marked Beta, explaining Your UI changed and You translated the project, with a search box and a grid of screen recordings](https://www.tutorial.ai/images/help/help-replace-clip-window.60fd14cd.webp) 4. **Confirm.** The new footage previews on the timeline, marked **Not saved yet**. Play it, then click **Replace footage & open script** to keep it, or **×** to keep the original. ![The step bar reading New footage for Tutorial AI - Voice Tags is in, and the replaced clip on the timeline marked Not saved yet with a Replace footage & open script button](https://www.tutorial.ai/images/help/help-replace-clip-confirm.23c60a6c.webp) 5. **Review the script.** The script opens and shows **Replacing clip and adjusting narration…** while AI fits the narration to the new footage. When it's done, check that each line still matches what's on screen, especially button names, menu labels, and any section AI added. ![The script placeholder with a Replacing clip and adjusting narration label above greyed-out lines](https://www.tutorial.ai/images/help/help-replace-clip-adjusting-narration.2166f971.webp) ### What happens to your narration - **Your existing narration takes precedence.** If the new recording has its own voice-over, it's ignored. - **AI only rewrites what the new footage needs.** Where the steps still line up, your wording stays; changed lines are rewritten in the same tone. - **Genuinely new UI gets its own section.** If the new recording shows a control or step the old one didn't, AI adds narration for it in the same style. - **The clip takes the new recording's length.** > 💡 **Only part of a clip is outdated?** [Split the clip](https://www.tutorial.ai/en/articles/split-and-remove-clips) just before and just after the outdated part so it becomes its own clip, then replace only that clip. ## Showing the interface in a translated project's language A [translated project](https://www.tutorial.ai/en/articles/how-to-translate-a-project) gets new narration, voiceover, and captions, but its screen recording still shows the original interface. To make the screen match the narration: 1. **Record the localized workflow.** Switch your product's interface to the target language and record the same workflow, following the original steps as closely as you can. 2. **Open the translated project.** Each translation is its own project version, so the original stays as it is. 3. **Replace the clip** with the new recording, as described [above](https://www.tutorial.ai/en/articles/update-or-replace-part-of-a-recording#replacing-a-clips-footage). 4. **Check the result.** Make sure the on-screen labels match the narration and the right screens appear at the right moments. ## Adding a step you forgot to show 1. **Record the missing step** on its own. 2. **Split where it belongs.** In Clips, move the playhead to the moment the step should appear and [split the clip](https://www.tutorial.ai/en/articles/split-and-remove-clips). 3. **Insert the recording at the split.** Click the **+** at the split point, choose **Screen recording**, pick the new recording, and confirm. ![The Clips timeline with the cursor on the + at a split point between two clips, and the Insert here tooltip](https://www.tutorial.ai/images/help/help-insert-insert-here.ca528c87.webp) 4. **Check both joins.** Set a transition on each side and preview the result. Nothing was removed, so the narration on either side stays exactly as it was. ## Replacing footage with new narration Replace clip keeps the narration you have. If the new recording shows a different workflow and you'd rather AI wrote fresh narration for it, insert it and remove the old clip instead: 1. **Insert the new recording next to the old clip.** Click the **+** beside it, choose **Screen recording**, pick the recording, and confirm with **Insert video & open script**. AI writes narration for it. 2. **Remove the old clip.** Right-click it, choose **Remove clip**, then **Delete clip and content**. ![The Delete clip confirmation with Delete clip and content, Delete clip keep narration, and Cancel](https://www.tutorial.ai/images/help/help-split-a-clip-delete-options.41d4e8ca.webp) 3. **Pick the transition and preview.** Choose **Direct Cut** or **Fade** on the new clip's heading in the script, then play across both joins. Insert the new recording *before* removing the old clip: once a clip is removed, there's no insert point left where it used to be. ## Combining recordings or reusing a clip To add more recordings to a video, or reuse an intro or demo from another project, without changing what's already there, see [Combine multiple recordings into one video](https://www.tutorial.ai/en/articles/combine-videos). ## Tips - **Follow the original workflow.** Replacement footage that repeats the same steps keeps the most of your narration. - **Match the recording setup.** Record new footage in the same app, window size, and theme as the original so it looks seamless next to the clips around it. To check the original's size, right-click the [video preview](https://www.tutorial.ai/en/articles/9939364-editor-overview#5-video-preview): **Source size** shows it in pixels. - **Name your clips.** Clear clip names in the script make the right section easy to find the next time you update the video. - **Check the order before publishing.** Make sure the clips tell the story in the right sequence. Source: https://www.tutorial.ai/en/articles/update-or-replace-part-of-a-recording --- # Blur sensitive data > Mask passwords, customer data, and other sensitive information in your recording with a blur you size and time in Clips. Section: Help Center › Advanced Editing > 💡 **Blur is available on the Growth, Team, and Enterprise plans.** [Video: Tutorial AI - Add Blur to Filter Out Sensitive Data](https://embed.videoscripter.ai/video/01960f3f-cbbd-7b32-b1cf-079b2149f7df) Screen recordings often capture things viewers shouldn't see — customer data, passwords, internal URLs. A blur masks part of the picture for as long as you need, without changing your original recording. ## Adding a blur 1. Open **Clips** and move the playhead to the moment the sensitive information appears. 2. Click **Blur** in the toolbar. Playback pauses, and a blur is added at the playhead. ![The Clips toolbar with the Blur button between Split and Auto-cut](https://www.tutorial.ai/images/help/help-10396375-auto-cut.f6a56eee.webp) 3. The step bar reads **Blur · Drag the box on the video · drag its bar on the timeline**: - Drag and resize the box on the video so it fully covers the sensitive area. - Drag the ends of the blur's bar on the timeline so it stays on screen for as long as the information is visible. 4. Click **Done** to return to the rest of Clips. If a blur already covers the spot at the playhead, no new one is added — adjust the existing blur instead. If there are no blurs yet, the step bar reads **Add a blur, then size it on the video** and shows an **Add blur** button. ## Blurring several areas While you're in Blur, click **Add another blur** to mask a second area, then size and time it the same way. Each blur has its own box and its own bar on the timeline. ## Removing a blur Select the blur, then press **Backspace** or **Delete**. ## Previewing Move the playhead a moment before the blur starts and press **Space** to check it covers the information for the whole time it's visible. Use the zoom slider or pinch on your trackpad to place the start and end precisely. ## What to blur - **Customer data** — names, emails, phone numbers, addresses - **Credentials** — passwords, API keys, tokens - **Financial data** — account numbers, balances, transactions - **Internal URLs** — staging environments, admin panels - **Personal information** — colleagues' names, chat messages, email content > Want to remove the moment entirely instead of hiding part of it? [Cut it out](https://www.tutorial.ai/en/articles/10396375-cut-trim-video-segments). Want to draw attention to an area instead of hiding it? Use a [highlight](https://www.tutorial.ai/en/articles/highlights). Source: https://www.tutorial.ai/en/articles/11058753-blur-sensitive-data --- # Captions: Closed vs. Open > Add captions via upload (toggleable, multi-language) or burn-in (always on); includes pros/cons and when to use each. Section: Help Center › Advanced Editing Captions are essential for narrated tutorials. You can add them in two ways: ## A) Closed captions **Pros** - Viewers can toggle captions on/off and change language. - Often searchable and indexable. **Cons** - Most players show captions **off** by default. - In muted/autoplay embeds, viewers may miss that audio is available. - Styling varies by platform; requires a host that supports caption files. **How to** - Generate your video, then go to **Export** → download a caption file (**.srt**, **.sbv** or **.vtt**). ![](https://www.tutorial.ai/images/help/help-12521199-Screenshot_2026-03-30_at_17_39_17.bd4c23b0.png) - Upload the file to your video host (YouTube, Vimeo, LMS, etc.). Make sure you select the 'With timing' option. ![](https://www.tutorial.ai/images/help/help-12521199-Screenshot_2025-10-06_at_11_25_51.593b0c8f.webp) ## B) Open (burned-in) captions **Pros** - Always visible — great for feeds where sound is off by default (LinkedIn, X). - Consistent look that matches your brand. - Works everywhere, even where caption files aren't supported. **Cons** - Not toggleable. - May cover on-screen UI. - If the player also shows closed captions, you'll get duplicate text and viewers will need to turn off closed captions. **How to** - Open the **Captions** tab in the video toolbar and configure your caption styling. ![](https://www.tutorial.ai/images/help/help-12521199-Screenshot_2025-10-06_at_11_29_26.1cac53cd.png) ## Quick guidance - **Social feeds / muted autoplay:** Burn-in. - **YouTube, LMS, multi-language:** Upload caption files. - Avoid enabling both at once to prevent duplicate captions. Source: https://www.tutorial.ai/en/articles/12521199-captions-closed-vs-open --- # Upload Custom Fonts > Use static and variable custom fonts in your slides and brand kits. Section: Help Center › Advanced Editing > 💡 **Custom Fonts are available on the Team and Enterprise plans.** [Video: Tutorial AI - Custom Fonts](https://embed.videoscripter.ai/video/019a4055-3a5d-7e9a-862e-c0bce6401406) Upload your brand's fonts into Tutorial AI's Asset Library and they become available everywhere you can pick a font — in your slides and in your brand kits. Both static font families (a separate file per weight or style) and variable fonts (multiple weights and styles in one file) are supported. ## Supported formats The Asset Library accepts four industry-standard font formats: - **WOFF** — Web Open Font Format, suitable for web and mobile use. - **TTF** — TrueType Font, widely used across operating systems. - **OTF** — OpenType Font, extensive glyph support. - **WOFF2** — an improved version of WOFF, recommended for efficiency and compatibility. Use **WOFF2** whenever you have the choice — it renders identically to the others but loads faster. ## Uploading static fonts Static fonts arrive as separate files, one per weight or style (Regular, Bold, Italic, and so on). Upload the whole family in one go so every variant appears grouped in font pickers. - Open the **Asset Library** from the left-hand menu and navigate to the **Fonts** section. ![Fonts section of the Asset Library](https://www.tutorial.ai/images/help/help-12549008-Screenshot_2B2025-10-09_2Bat_2B17_54_58.019c0106.png) - Click the **＋** icon to start the upload. - Select every font file that belongs to the same typeface — one for each weight and style you want available. - Enter the **display name** exactly as you want it to appear in font selection menus. Font filenames themselves are not shown. - Click **Upload** to add the files, then **Continue** to finish. Once processing completes, the font is available in brand kits and video slides. ## Uploading variable fonts A variable font is a single file that contains multiple weights and styles — you tune the appearance dynamically without uploading separate files. ![Variable font upload with multiple weight assignments from a single file](https://www.tutorial.ai/images/help/help-12549008-Screenshot_2B2025-10-09_2Bat_2B17_53_08.66ec3b4b.png) - Give the font a clear display name, exactly as you did for static fonts. - Instead of uploading one file per weight, add the **same variable file** once for each weight or style you want to expose — and assign the specific weight or style to each entry. - Click **Upload** when all variations are configured. ## Using custom fonts Once uploaded, your fonts appear in every font picker across Tutorial AI — brand kits, slide title text, callouts, captions. Your videos render with the exact fonts you've defined, keeping your branding consistent across every export. ## Tips - **Display name over filename.** Font filenames aren't shown anywhere; the display name is what appears in every picker. Pick a name that matches how designers on your team refer to the font. - **Group by display name.** Files uploaded under the same display name group into one family in the picker — so all your weights and styles appear together, not as separate fonts. - **Prefer WOFF2.** When you have a choice of format, WOFF2 loads fastest and has the best cross-platform behavior. Source: https://www.tutorial.ai/en/articles/12549008-upload-custom-fonts --- # Creating Custom Sync Markers > Timing your narration to events where no click or typing event occurred Section: Help Center › Advanced Editing When you record a screen recording with the Desktop App, **Sync Markers are created automatically** for every click and typing event. These Sync Markers are used to keep the video and narration perfectly in sync. [Learn more about Sync Markers here.](https://www.tutorial.ai/en/articles/9939395-edit-your-script-and-sync-it-with-the-recording) In some cases, however, you may want to time your narration to a moment in the video **where no click or typing occurred**. Since no interaction happened at that point, there won’t be an automatic Sync Marker available to align your narration with that moment. ## Common Use Cases for Custom Sync Markers - Narrating a slide or screen where no clicks or typing occurred - Explaining static on-screen content that doesn’t require interaction - Adding narration for something you forgot to mention during the recording - Providing additional context or clarification without re-recording the video ## Creating a Custom Sync Marker To sync your narration to a moment without an existing Sync Marker: - Play or scrub the video to the exact moment you want to align your narration with - Open the **Sync Marker Rail** by clicking the spine on the left edge of the script editor ![The spine on the left edge of the script editor, which opens the Sync Marker Rail when clicked](https://www.tutorial.ai/images/help/help-13398528-open-sync-marker-rail.c8dbfb40.webp) - In the **Sync Marker Rail**, click the **+** button ![](https://www.tutorial.ai/images/help/help-13398528-Screenshot_2026-01-15_at_12_51_37.14284dce.png) - A new custom Sync Marker will be created at the current video frame - Drag the new Sync Marker into the narration script and drop it on the word you want to sync This allows you to precisely align your narration with any moment in the recording, even when no click or typing event occurred. Source: https://www.tutorial.ai/en/articles/13398528-creating-custom-sync-markers --- # Pronunciation Lexicon > Ensure brand names, technical terms, and abbreviations are pronounced exactly the way you intend -- in every language. Section: Help Center › Advanced Editing **Pronunciation Lexicon is available on the Team and Enterprise plans.** [Video: Tutorial AI - Pronunciation Lexicon](https://embed.videoscripter.ai/video/019c205f-a79d-70cd-91d6-b9e4e9d3ba8e) The Pronunciation Lexicon in Tutorial AI is a powerful tool that enables you to define how specific words are pronounced. This can be especially valuable when working with words that commonly see mispronunciations in AI-generated speech, such as technical terms, unusual abbreviations, or special brand names. This article will guide you through the steps needed to add, edit, and manage entries in the pronunciation lexicon. By customizing pronunciations, you improve the clarity and professionalism of your AI-generated tutorials and projects. ## Accessing and Setting Up the Pronunciation Lexicon - Open the **Pronunciation Lexicon** panel on the left side of the interface and select **Add Languages**. ![](https://www.tutorial.ai/images/help/help-13618414-Screenshot_2026-02-04_at_14_52_45.54728d0d.png) - Add the languages you plan to use in your project. This will allow you to customize pronunciations across multiple languages as needed. ## Adding a New Pronunciation Entry - Click **New Pronunciation** to add a new word to your lexicon. ![](https://www.tutorial.ai/images/help/help-13618414-Screenshot_2026-02-04_at_15_26_48.003bc04d.png) - Enter the term's written form into the lexicon. This is where you'll paste or type the target word or phrase. - By default, new entries apply to **all AI voices**. However, you can override the pronunciation for a **specific AI voice actor** by adding the same entry again and selecting a different AI voice from the dropdown. ## Defining the Respelling (Phonetic Form) - Specify the phonetic or **Respelling** form for your entry. ![](https://www.tutorial.ai/images/help/help-13618414-Screenshot_2026-02-04_at_15_25_25.26e0eb66.png) - After saving, this will update the pronunciation of the word across all of your projects within your workspace. ## Regenerating Audio With New Pronunciations - Return to your project. If your project tab was open, remember to click **Regenerate audio in selection** from the context menu. This will ensure the updated pronunciation is reflected in all relevant audio outputs. ![](https://www.tutorial.ai/images/help/help-13618414-Screenshot_2026-02-04_at_15_33_55.79ed1c3f.png) ## Adding Pronunciations in Additional Languages - Go back to your lexicon if you need to add entries for other languages. Adding language-specific pronunciations is important for multilingual content or when switching narration to another voice or locale. ![](https://www.tutorial.ai/images/help/help-13618414-Screenshot_2026-02-04_at_15_28_48.a9fe93c6.png) - Add pronunciations in additional languages as needed. This allows the AI to pronounce the same term appropriately in each selected language. ## Checking Your Pronunciation Entry - After saving any pronunciation, you may want to check how the AI will pronounce your lexicon entry using the purple **Play** icon. This helps confirm that the respelling sounds as expected before you publish your audio. ![](https://www.tutorial.ai/images/help/help-13618414-Screenshot_2026-02-04_at_15_28_33.f42ee291.png) ## Managing Pronunciation Lexicons Across Workspaces - Keep in mind that pronunciation lexicons are specific to each workspace in Tutorial AI. Each workspace maintains its own set of pronunciation entries and languages. - If you use multiple workspaces or move projects to a different workspace, you will need to recreate the necessary lexicon for your new location. Entries do not transfer automatically between workspaces. Source: https://www.tutorial.ai/en/articles/13618414-pronunciation-lexicon --- # Add Taps to Mobile Recordings > How to visually highlight taps using Tutorial AI's Tap Marker tools, so your viewers can follow along with clarity. Section: Help Center › Advanced Editing [Video: Tutorial AI - Add Taps to Mobile Recordings](https://embed.videoscripter.ai/video/019d9322-55be-7f91-9a25-8a80392e1863) When recording screens on mobile devices, such as iOS or Android, tap gestures are not visually captured by default. Without a visible indication of where you interacted, it can be difficult for viewers to follow your actions in a tutorial or demo video. Mobile screens can be recorded either with the device's built-in tools and then imported via **Import screen recording** in the **Screen Recording tab**, or directly using the **[Mac Desktop Recorder App](https://www.tutorial.ai/en/articles/13687915-desktop-recorder-vs-chrome-extension)**'s mobile recording feature. By accurately identifying and marking your tap interactions, you enhance the instructional value of your video. We'll also cover best practices for labeling and syncing these markers with your narration, and demonstrate how to polish your video with custom slide backgrounds and logos for a professional finish. ## Highlighting Tap Interactions on Your Mobile Recording - To begin, open the **Tap Marker** tool from the video toolbar. ![Tap Marker tool in video toolbar](https://www.tutorial.ai/images/help/taps-1.918dc18c.png) - Begin playing your video. - Pause it at the point where an interaction (tap) occurred. - To precisely locate the moment of interaction, use the **`left`** and **`right`** arrow keys on your keyboard. This allows you to move frame by frame for accurate placement. - Once you've found the exact frame, move the pointer to where the tap occurred on the screen. ![Positioning pointer at tap location](https://www.tutorial.ai/images/help/taps-2.6e503ec8.webp) - Mark the tap by clicking the screen at the tap location, then assign it a name to clearly identify it in your workflow. ![Naming the tap marker](https://www.tutorial.ai/images/help/taps-3.3c29de26.webp) - All recorded taps will now appear as **Sync Markers** within your project. ## Generating Your Script and Syncing Tap Events - Once you have added and named all relevant tap markers, click **Finish** to proceed. - Tutorial AI uses the tap names you provided to auto-generate a script aligned with your actions, ensuring your video is intuitive and easy to follow. - If preferred, you can use existing scripts by copying them at this stage. - To synchronize tap events with your narration, simply drag the Sync Markers into their corresponding points in your narration editor. ![Dragging Sync Markers in the narration editor](https://www.tutorial.ai/images/help/taps-4.706ff213.webp) Source: https://www.tutorial.ai/en/articles/14655815-add-taps-to-mobile-recordings --- # Generate videos > Create final, publish-ready videos from your projects, making it easy to share, embed, or export as high-quality MP4 files. Section: Help Center › Collaborate, Export & Publish The **Share** function allows you to finalize and produce your video project in your desired format. Here’s how to use it:​ ![](https://www.tutorial.ai/images/help/help-9939491-019d3f5d-9cb7-73cc-8353-967b1d5e92cb.c549a80f.png) ![](https://www.tutorial.ai/images/help/help-9939491-Screenshot_2026-03-30_at_17_27_11.8999a40f.png) - **Title**: The title set here will be shown on the share page as well as in social share previews. - **Frame Rate**: Select the frame rate for your video. The options typically include 30 FPS (frames per second) for standard video or 60 FPS for smoother motion. - **Video Quality**: Choose the video resolution you want. You can select between 1080p for Full HD quality or 4K for ultra-high-definition quality, depending on your needs. ## Generate the Video - Once you've set the title, frame rate, and video quality, click the **Generate video** button. This will initiate the rendering process, during which you’ll be redirected to the dashboard, where you can monitor the progress. A thumbnail of your video will show a progress bar and an estimated time remaining for the rendering process. - You can continue working on other projects while the video is being generated in the background. Note that the duration of the generated video will count toward your plan’s minutes used quota. ## Review and Manage Versions - Once the video has been generated, a movie icon will appear next to the project, and the draft tag will be removed. Additionally, the project will now be listed under the **Generated videos** section. - **Viewing Different Versions**: If you’ve generated multiple videos for the same project, you can easily access and view different versions by selecting the dropdown menu next to the project title. ![](https://www.tutorial.ai/images/help/help-9939491-Screenshot_2025-11-02_at_20_32_08.48596015.png) - **Reviewing the Final Output**: To watch the final version of your video, simply click on the play button. If you find that further edits are necessary, click **Open in Editor** to return to the editing interface and make any additional adjustments. **Note**: The **Open in Editor** button is disabled while a video is being generated. You’ll need to wait until the generation process is complete before making further edits. Once you've generated a video, you can go ahead to **[Export](https://www.tutorial.ai/en/articles/9939509-export-publish-video)** it to upload it to Youtube or similar hosting platforms or create a share link or embed code using the **[Publish](https://www.tutorial.ai/en/articles/9939509-export-publish-video)** feature. Source: https://www.tutorial.ai/en/articles/9939491-generate-videos --- # Inviting Colleagues to Comment > Invite your colleagues to leave feedback on your videos. You can add comments, mention teammates, filter discussions, and manage your email notifications. Section: Help Center › Collaborate, Export & Publish Commenting turns your videos into interactive, team-driven conversations that lead to better results. ## Inviting colleagues After [generating a video](https://www.tutorial.ai/en/articles/9939491-generate-videos) from your project, click the **`Invite`** button at the top of the video preview page. Then, enter your colleagues’ email addresses to give them access to your generated video, so they can view it and leave comments directly. ![](https://www.tutorial.ai/images/help/help-12721169-Screenshot_2025-11-02_at_21_52_44.427e4be7.png) ## Leave comments Both **workspace members** and **guest users** can leave comments on generated videos, making it easy to gather feedback and collaborate with anyone involved in your project. ![](https://www.tutorial.ai/images/help/help-12721169-Screenshot_2025-11-02_at_22_14_35.18bce8f9.png) Please note that comments are **time-stamped** to help the project owner identify which part of the video each comment refers to. To adjust a comment’s time stamp, simply **move the video to the section the comment applies to**. ## Mentions Use the **@** symbol to mention colleagues in your comments and replies. Anyone mentioned will receive an email notification about the comment thread. ![](https://www.tutorial.ai/images/help/help-12721169-Screenshot_2B2025-11-02_2Bat_2B22_18_43.f46fd5c4.png) ## Comments filtering Use the filter icon to sort comments by **version** and choose whether to display **open**, **resolved**, or **all** comment statuses. ![](https://www.tutorial.ai/images/help/help-12721169-Screenshot_2025-11-02_at_22_35_21.9fa2f951.png) ## Email notifications and opt-outs Email notifications on comments will be automatically sent to the project owner and users mentioned in the thread. Also, emails notifications will be sent on thread replies to the user who initiated the thread. Users can turn off comment email notifications in **`Workspace Settings → Preferences`** by disabling the **`Members activity`** toggle. ![](https://www.tutorial.ai/images/help/help-12721169-Screenshot_2025-11-02_at_22_28_25.10e3ca75.png) To stop receiving email notifications for a specific project, click **`Turn off notifications for this project`** at the bottom of the notification email. If you’ve unsubscribed and wish **to receive notifications again**, click the **bell icon** in the comments section, then under Comments notification, select **Everything**. ![](https://www.tutorial.ai/images/help/help-12721169-Screenshot_2025-11-02_at_22_41_57.89adc6bf.png) Source: https://www.tutorial.ai/en/articles/12721169-inviting-colleagues-to-comment --- # Export & Publish video > Publish your videos via shareable links or embed codes, or download your MP4 video files and closed caption files Section: Help Center › Collaborate, Export & Publish The **Publish** feature in this platform allows users to easily share videos by generating a dedicated, unique webpage for each video version. Videos can be accessed via a shareable link or an HTML embed code. This functionality is particularly useful for embedding videos on websites or sharing them externally with clients or colleagues. Note that first you need to **generate a video** to access this function. ![](https://www.tutorial.ai/images/help/help-9939509-Screenshot_2025-11-02_at_20_42_45.01eaa650.png)![](https://www.tutorial.ai/images/help/help-9939509-Confirmation.d4e3bfdd.png) ## Publishing Different Video Versions You can manage multiple versions of your videos, and control which version of your video viewers have access to. Older versions can be unpublished or replaced with updated ones, offering full control over what is publicly visible. ![](https://www.tutorial.ai/images/help/help-9939509-Confirmation.d4e3bfdd.png) Videos can be shared either using a URL link or via an embed code. Export Options for External Platforms ![](https://www.tutorial.ai/images/help/help-9939509-Screenshot_2025-11-02_at_20_51_46.14dab323.png) In addition to publishing on the platform, you can also download the video file directly in **MP4 format**, making it easy to upload to other video platforms such as YouTube, Vimeo, or other hosting services. This ensures flexibility in sharing across different channels while keeping a version accessible on the platform itself. If you're distributing through a Learning Management System, you can package a published video as a SCORM course instead — see **[Export your video as a SCORM package](https://www.tutorial.ai/en/articles/export-scorm-package)**. ## Closed Captions If you prefer using closed captions instead of open (burned-in) captions, you can download the caption files in **SRT**, **SBV** or **VTT** formats. To learn which type of captions best suits your needs, read: **[Captions: Closed vs. Open](https://www.tutorial.ai/en/articles/12521199-captions-closed-vs-open)**. Source: https://www.tutorial.ai/en/articles/9939509-export-publish-video --- # Export your video as a SCORM package > Package a published video as a SCORM 1.2 or SCORM 2004 course — with a completion threshold — and upload it to your LMS with built-in progress tracking. Section: Help Center › Collaborate, Export & Publish > 💡 **SCORM export is available on the Enterprise plan only.** [Video: Tutorial AI - Export your video as a SCORM package](https://embed.videoscripter.ai/video/019fb8c0-3a71-7201-9da3-49a9a1778ba4) A SCORM package wraps your finished video in the standard format that Learning Management Systems understand — so you can drop it into your LMS and have it report completion back automatically. Tutorial AI packages your **published** video as either a **SCORM 1.2** or **SCORM 2004** course, with a completion threshold you set, and hands you a `.zip` ready to upload. ## Publishing the video first Generate your video, then click **Publish** in the header to open the publish panel. Once the video is live, the button reads **Published**. SCORM packages the video that's currently published. The `.zip` references the live embed — when you edit the video and republish it, learners in your LMS see the update automatically. No new export needed. ## Opening the SCORM panel In the **Published video** panel, alongside **Share link** and **Embed video**, select **SCORM package** — *Download for your LMS with completion tracking*. ![Published video panel with the SCORM package option selected, next to Share link and Embed video](https://www.tutorial.ai/images/help/help-export-scorm-package-publish-panel.52250109.webp) ## Choosing the SCORM version Use the toggle at the top of the SCORM panel to pick between the two standards: - **SCORM 1.2** — the most widely supported standard; choose it if you're unsure or want maximum LMS compatibility. - **SCORM 2004** — a newer standard with more detailed tracking; choose it if your LMS specifically requires it. ## Setting the completion threshold Drag the **Completion threshold** slider to set how much of the video a learner must watch — anywhere from **50%** to **100%** — for the LMS to mark the course complete. ![SCORM package panel showing the SCORM 1.2 / SCORM 2004 toggle, the Completion threshold slider, and the Export button](https://www.tutorial.ai/images/help/help-export-scorm-package-settings.e8dcba0a.webp) ## Exporting the package Click **Export SCORM 1.2 package** (or **Export SCORM 2004 package**) to generate the `.zip`. Upload the downloaded file to your LMS as a new SCORM course. ## Notes - **Edits update automatically.** The `.zip` references the video's live embed — republish an edited version and learners in your LMS see it the next time they open the course. No need to re-export or re-upload the package. - **Match the version to your LMS.** If your LMS accepts both, **SCORM 1.2** is the safest default. Only reach for **SCORM 2004** when your LMS specifically requires it. - **Publish before you export.** The package points at whatever version is published when you generate it — publish the version you want your learners to start on before you download the `.zip`. > Prefer a plain share link or an embed instead of an LMS package? See **[Export & Publish video](https://www.tutorial.ai/en/articles/9939509-export-publish-video)**. Source: https://www.tutorial.ai/en/articles/export-scorm-package --- # How to Download a Cover Image (Thumbnail) > You can download any frame of your video and use it as a cover image by pausing the preview and choosing Download frame. Section: Help Center › Collaborate, Export & Publish You can quickly create and download a cover image (thumbnail) from any moment in your video by saving a frame directly from the video preview. ## Step-by-step Instructions - **Open your project** in the editor. - **Play the video** until you reach the frame you want to use as the cover. - **Pause the video** at the exact moment you want. - **Right-click** directly on the video preview. - Select **Download frame** to save the frame as an image. To paste it somewhere instead, choose **Copy frame**. ![The right-click menu on the video preview of a title slide, with Copy frame, Download frame highlighted, Source size 2712 × 1612, and Edit clip](https://www.tutorial.ai/images/help/help-13345553-download-frame.e8954645.webp) This works on slides too, so a title slide can make a good cover image. ✅ That saved image can now be used as your **cover image**. ## Upload Thumbnail in YouTube Studio When uploading a video to YouTube, you can upload a custom cover image instead of using an auto-generated thumbnail. In YouTube Studio, go to the Thumbnails section and upload your image there. ​**YouTube Studio uploader** ![](https://www.tutorial.ai/images/help/help-13345553-Screenshot_2026-01-15_at_10_11_02.e47ec679.png)​ ## Tips for Best Results - Pause on a frame where the screen is clear and readable. - Avoid motion blur—pause on a moment where nothing is moving quickly. - If you want a specific frame, use the timeline to scrub slowly and pause precisely. - **Use your keyboard arrow keys for precision:** After pausing the video, press the **Left Arrow (←)** or **Right Arrow (→)** keys to move **frame-by-frame**, so you can select the exact moment you want.​ Source: https://www.tutorial.ai/en/articles/13345553-how-to-download-a-cover-image-thumbnail-from-your-video --- # Export RTF / MD / HTML Documents > Generate structured articles from your videos in seconds and export them for use in your knowledge base, SEO strategy, or LLM-powered discovery in formats like Markdown, HTML, or RTF. Section: Help Center › Collaborate, Export & Publish Once your documentation is ready, exporting it is quick and flexible. You can access export options directly from two places in the platform: the **Share menu** or the **Export menu on the video preview page**. 👉 For a complete guide on creating documentation from video, check out the full article: **[Turn your Video into Documentation in Seconds](https://www.tutorial.ai/en/articles/14323571-generate-documentation-from-your-video).** ## Export via Share Menu The Share menu provides a fast way to distribute your content. Simply open the **Share** options click on the **Document Export** tab and choose your preferred export format. This is ideal when you want to quickly copy or send your documentation to teammates or publish it externally. ## Export from the Video Preview Page You can also export your documentation while viewing a generated video. Open the **Export** menu on the video preview page and select the **Document Export** tab the format that best suits your workflow. ![](https://www.tutorial.ai/images/help/help-14323724-019d3f48-8552-7471-be03-5ba214c3360a.9e34ac10.png) ## Available Formats You can export your documentation in multiple formats, including: - **RTF** – great for word processors - **Markdown** – ideal for developers and documentation systems - **HTML** – ready for web publishing All formats preserve your document structure, formatting, and screenshots. ## Final Step After exporting, simply copy or upload your document into your CMS, knowledge base, or sharing platform. Source: https://www.tutorial.ai/en/articles/14323724-export-rtf-md-html-documents --- # Embed videos in Zendesk Knowledge Base articles > Add Tutorial AI video embeds to your Zendesk Help Center articles by pasting the embed code into an HTML block. Section: Help Center › Collaborate, Export & Publish [Video: Tutorial AI - Embed videos in Zendesk Knowledge Base articles](https://embed.videoscripter.ai/video/019f8f35-8d3b-7163-87a2-e88a5484ffa0) Zendesk lets you embed any external video into a Knowledge Base article via an HTML block — including Tutorial AI's Multilingual Player. Two things happen on the Zendesk side: turn on **Display unsafe content** in your Help Center's security settings, then paste the embed code into an **HTML block** in the article editor. Grab the embed code from your Tutorial AI project first — see **[Export & Publish video](https://www.tutorial.ai/en/articles/9939509-export-publish-video)** for the Share dialog — then follow the steps below. ## Enabling video embeds Zendesk blocks arbitrary iframes by default. Turn on the **Display unsafe content** setting so embedded HTML — including video iframes — renders in your published articles. - Click the **Gear** icon in the left sidebar to open your Help Center settings. - Navigate to the **Security** menu. - Enable **Display unsafe content** to allow embedded HTML such as video iframes. ![Zendesk Help Center Security settings with Display unsafe content enabled](https://www.tutorial.ai/images/help/help-embed-videos-in-zendesk-display-unsafe-content.26e1332f.webp) - Save your Help Center settings to apply the change. > 💡 **You only need to do this once.** The **Display unsafe content** setting applies to the whole Help Center, not per article. ## Inserting the embed code - Open or create a knowledge base article in Zendesk. - Place your cursor in the article body where you want the video to appear. - Click the **Insert** menu in the article toolbar. - Select the **HTML block** option to open the code snippet modal. ![Insert menu open in the Zendesk article editor with HTML block highlighted](https://www.tutorial.ai/images/help/help-embed-videos-in-zendesk-insert-html-block-menu.fc3ca11f.webp) - Paste your Tutorial AI embed code — the `