> Record a click-through demo with the LiveDemo Chrome extension: a screenshot on every click plus a video of the tab.

Canonical: https://livedemo.ai/docs/capture-a-livedemo/screenshots-and-video/

# Screenshots + Video Recording

The default capture type. LiveDemo takes a screenshot on every click and records a video of the tab, so you get both still screens and motion.

## Record

1. Open the page where your workflow starts.
2. Open the LiveDemo extension. The **Name** is prefilled with the tab title. Change it if you like.
3. Keep **Type** on **Screenshots + Video Recording** and click **Start recording**.
4. Click through the workflow. The extension icon shows a red badge with the number of clicks captured.
5. To stop, click the LiveDemo icon again. The demo opens in a new tab.

## What you get

- One **screenshot screen** per click, with a pointer step where you clicked.
- A **video screen** of the recording, which you can speed up and zoom. See [Video screens](https://livedemo.ai/docs/edit-a-livedemo/video-screens/).

Delete the screens you don't need in the [Screens](https://livedemo.ai/docs/edit-a-livedemo/screens/) tab.

## When to pick it

- You know exactly which flow to show.
- The app has animations, charts or loading states that only a video shows well.

Need to change text or images after capture? Use an [HTML Demo](https://livedemo.ai/docs/capture-a-livedemo/html-demos/) instead.

## Tips

- Recordings have no sound. Add a [voiceover](https://livedemo.ai/docs/edit-a-livedemo/voiceover/) afterwards.
- See [Recording tips](https://livedemo.ai/docs/capture-a-livedemo/recording-tips/) before you start.

---

Next: [HTML demos](https://livedemo.ai/docs/capture-a-livedemo/html-demos/)