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

# Recorder

> The Recorder allows your users to create audio, screen, and video recordings.

The Velt Recorder consists of 4 key components:

* **Velt Recorder Notes**: Enables pinning recordings to specific locations on the screen
* **Velt Recorder Tool**: A button to initiate recordings
* **Velt Recorder Control Panel**: Controls for managing active recordings (start/stop/pause)
* **Velt Recorder Player**: Plays back recordings using their unique ID
* **Velt Video Editor**: An embeddable component for viewing and editing video annotations.

<Tabs>
  <Tab title="All">
    <Frame>
      <iframe src="https://recorder-landing-page-demo.vercel.app/?type=all&backgroundColor=black&darkMode=true" allow="camera; microphone" className="w-full" height="500px" />
    </Frame>

    [Open in larger window](https://recorder-landing-page-demo.vercel.app/?type=all\&backgroundColor=black\&darkMode=true)
  </Tab>

  <Tab title="Audio">
    <Frame>
      <iframe src="https://recorder-landing-page-demo.vercel.app/?type=audio&backgroundColor=black&darkMode=true" allow="camera; microphone" className="w-full" height="500px" />
    </Frame>

    [Open in larger window](https://recorder-landing-page-demo.vercel.app/?type=audio\&backgroundColor=black\&darkMode=true)
  </Tab>

  <Tab title="Video">
    <Frame>
      <iframe src="https://recorder-landing-page-demo.vercel.app/?type=video&backgroundColor=black&darkMode=true" allow="camera; microphone" className="w-full" height="500px" />
    </Frame>

    [Open in larger window](https://recorder-landing-page-demo.vercel.app/?type=video\&backgroundColor=black\&darkMode=true)
  </Tab>

  <Tab title="Screen">
    <Frame>
      <iframe src="https://recorder-landing-page-demo.vercel.app/?type=screen&backgroundColor=black&darkMode=true" allow="camera; microphone" className="w-full" height="500px" />
    </Frame>

    [Open in larger window](https://recorder-landing-page-demo.vercel.app/?type=screen\&backgroundColor=black\&darkMode=true)
  </Tab>
</Tabs>