---
title: "Recording interactive demo"
slug: "recording-interactive-demo"
description: "Capture your screen with Document360's interactive demo recorder for engaging, hands-on tutorials. Enhance your articles with guided demos today!"
updated: 2026-10-26T07:52:37Z
published: 2026-10-26T07:52:37Z
canonical: "docs.document360.com/recording-interactive-demo"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.document360.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Recording interactive demo

Document360's built-in interactive video recorder lets you capture your screen directly from the **Editor** or from **Document360 Engage**. Readers can then click through the recorded demo in a guided, hands-on environment instead of reading static instructions.

---

## Before you begin

The interactive video recorder requires the Document360 AI Capture extension. The extension only needs to be installed once and is supported on Google Chrome, Microsoft Edge, and Brave.

---

## Setting up the recorder

To set up the interactive video recorder,

1. Navigate to the desired article in the Advanced WYSIWYG editor.
2. Type the **Slash command** `/Interactive video`, then select **Interactive video** > **Create new video**.  

To insert an interactive video you have already recorded, select **Choose existing video** instead.
3. If you haven't installed the **Document360 AI Capture** extension, click **Install**.  

Follow the on-screen steps in your browser to complete the installation.

               NOTE

              

For browser-specific installation steps, see [Installing the Document360 AI Capture extension](/help/docs/install-document360-ai-capture-extension).

1. Once installed, return to the Knowledge base portal.

![Creating an interactive video from the editor with the Slash command](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Interactive-video-download.gif)

---

## Recording from Document360 Engage

You can also record an interactive video without opening an article first.

1. Click **Document360 Engage** () in the left navigation bar.
2. Under **Create flows**, click **Interactive video**.

![Document360 Engage page with Interactive video selected under Create flows](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/interactive-video-from-engage.png)

1. Follow the steps in [Recording the screen](/docs/recording-interactive-demo#recording-the-screen).

The demo isn't added to any article yet. It appears in the Document360 Engage list, and you can insert it into any article when you need it. For more information, see [Document360 Engage](/help/docs/document360-engage).

---

## Recording the screen

When you create a new interactive video, the **Create interactive video** dialog opens.

1. In the **Title** field, enter a name for the demo.
2. In the **Language** dropdown, select the language you want to record in. It's set to your project's default language, and you can select any language you have access to.
3. Click **Create**.

The **Interactive video** dialog appears.

1. From the **audio** dropdown, select the desired option or select **No audio** to record without sound.
2. Click **Next**.
3. Select the screen to capture:
  - **Browser tab**: Records only the selected browser tab.
  - **Window**: Records only the selected application window.
4. Click **Share**.  

The selected screen will appear along with the **Screen recording** panel.
5. Choose the recommended resolution (16:9, 4:3, or 1:1).
6. Optionally, before starting:
  - Click **Add** in the **Blur selected** section to hide sensitive areas of the screen.
  - Enable **Show recording controls on screen** if needed. A Document360 logo appears at the bottom left, and clicking it pauses the recording. This logo will also be visible in the recorded interactive video.
7. Click **Start capturing** to begin recording. A recording can be up to 5 minutes long.
8. Click **Discard** to cancel and return to the previous screen.
9. Click **Pause** to pause the recording and **Record** to resume.
10. To stop recording, click **Stop sharing** in the floating panel or **Stop recording** in the **Screen recording** panel.

![Recording the screen and stopping the recording from the Screen recording panel](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Interactive%20demo%20-%202nd.gif)

Mouse clicks and interactions will be captured, and click indicators will be displayed for easier demo editing.

After recording, the demo takes a few moments to process. Once ready, it opens in the Interactive video editor and appears in Document360 Engage. If you started from an article, the demo is also inserted into the article.

---

## Best practices

- **Plan the flow before recording:** Map out each click and screen beforehand to avoid retakes.
- **Use blur before recording** for known sensitive areas. It's faster than adding it in the editor later.
- **Keep demos focused:** A short, task-specific demo is easier to follow than a long walkthrough.
- **Record in a quiet environment** if using audio. Background noise carries through to the demo.
- **Choose 16:9** resolution for articles viewed primarily on desktop.

---

## What's next

Once your demo is recorded, you can enhance it before publishing. See [Editing an interactive demo](/help/docs/editing-interactive-demo) to add hotspots, blur, text overlays, and voiceovers.