AI

recordingTranscription

Controls whether to enable AI transcription for recordings.
If this is disabled, then the recording will not be sent to LLMs for transcription.
You can either use the props or the API method to enable/disable this feature. Default: enabled

Using Props:

<VeltRecorderNotes recordingTranscription={false} />
<VeltRecorderControlPanel recordingTranscription={false} />

Using API:

const recorderElement = client.getRecorderElement();
recorderElement.enableRecordingTranscription();
recorderElement.disableRecordingTranscription();

Using Props:

<VeltRecorderNotes recordingTranscription={false} />
<VeltRecorderControlPanel recordingTranscription={false} />

Using API:

const recorderElement = client.getRecorderElement();
recorderElement.enableRecordingTranscription();
recorderElement.disableRecordingTranscription();

Using Props:

<velt-recorder-notes recording-transcription="false"></velt-recorder-notes>
<velt-recorder-control-panel recording-transcription="false"></velt-recorder-control-panel>

Using API:

const recorderElement = Velt.getRecorderElement();
recorderElement.enableRecordingTranscription();
recorderElement.disableRecordingTranscription();

summary

Controls whether to display a summary transcript of the recording. When enabled, an AI-generated summary of the recording’s content will be shown.

Default: true

<VeltRecorderPlayer summary={true}/>

Data

fetchRecordings

Fetches all recordings from either the current document or specified recorder IDs.
Params: RecorderRequestQuery
Returns: Promise<GetRecordingsResponse[]>

const recorderElement = useRecorderUtils();
const recorderData = await recorderElement.fetchRecordings({
    recorderIds: ['RECORDER_ID']
});

const recorderElement = useRecorderUtils();
const recorderData = await recorderElement.fetchRecordings({
    recorderIds: ['RECORDER_ID']
});

const recorderElement = Velt.getRecorderElement();
const recorderData = await recorderElement.fetchRecordings({
    recorderIds: ['RECORDER_ID']
});

getRecordings

Subscribe to all recording data from either the current document or specified recorder IDs.
Params: RecorderRequestQuery (optional)
Returns: Observable<GetRecordingsResponse[]>

Using Hook:

const recordings = useRecordings(); 

useEffect(() => {
  console.log('recordings', recordings);
}, [recordings]);

Using API:

const recorderElement = useRecorderUtils();
// Subscribe to all recordings in the current document
recorderElement.getRecordings().subscribe((data) => {
    console.log('recordings', data);
});

// Subscribe to recordings with specific recorder IDs
recorderElement.getRecordings({
    recorderIds: ['RECORDER_ID']
}).subscribe((data) => {
    console.log('recordings', data);
});

Using Hook:

const recordings = useRecordings(); 

useEffect(() => {
  console.log('recordings', recordings);
}, [recordings]);

Using API:

const recorderElement = useRecorderUtils();
// Subscribe to all recordings in the current document
recorderElement.getRecordings().subscribe((data) => {
    console.log('recordings', data);
});

// Subscribe to recordings with specific recorder IDs
recorderElement.getRecordings({
    recorderIds: ['RECORDER_ID']
}).subscribe((data) => {
    console.log('recordings', data);
});

const recorderElement = Velt.getRecorderElement();

// Subscribe to all recordings in the current document
recorderElement.getRecordings().subscribe((data) => {
    console.log('recordings', data);
});

// Subscribe to recordings with specific recorder IDs
recorderElement.getRecordings({
    recorderIds: ['RECORDER_ID']
}).subscribe((data) => {
    console.log('recordings', data);
});

Event Subscription

on

Subscribe to Recorder Events. Here is the list of events you can subscribe to and the event objects you will receive.

Event Type	Description	Event Object
`transcriptionDone`	Triggered when a transcription is generated and ready	TranscriptionDoneEvent
`recordingDone`	Triggered when a recording is completed	RecordingDoneEvent
`deleteRecording`	Triggered when a recording is deleted	RecordingDeleteEvent

// Hook
const recorderEventCallbackData = useRecorderEventCallback('transcriptionDone');
useEffect(() => {
  if (recorderEventCallbackData) {
    // Handle recorder action callback event response
  }
}, [recorderEventCallbackData]);

// API Method
const recorderElement = client.getRecorderElement();
recorderElement.on('transcriptionDone').subscribe((event) => {
    // Handle the event response
});

// Hook
const recorderEventCallbackData = useRecorderEventCallback('transcriptionDone');
useEffect(() => {
  if (recorderEventCallbackData) {
    // Handle recorder action callback event response
  }
}, [recorderEventCallbackData]);

// API Method
const recorderElement = client.getRecorderElement();
recorderElement.on('transcriptionDone').subscribe((event) => {
    // Handle the event response
});

const recorderElement = Velt.getRecorderElement();
recorderElement.on('transcriptionDone').subscribe((event) => {
    // Handle the event response
});

Editor

videoEditor

Controls whether to enable the video editor for the Velt Recorder Player.
Works for Video and Screen Recordings.
Available in Velt Recorder Notes, Velt Recorder Player and Velt Recorder Control Panel components. You could use any of these.

Default: false

Using Props:

// Use any one of these.
<VeltRecorderNotes videoEditor={true} />
<VeltRecorderPlayer videoEditor={true}  />
<VeltRecorderControlPanel videoEditor={true}/>

Using API:

const recorderElement = client.getRecorderElement();
recorderElement.enableVideoEditor();
recorderElement.disableVideoEditor();

Using Props:

// Use any one of these.
<VeltRecorderNotes videoEditor={true} />
<VeltRecorderPlayer videoEditor={true}  />
<VeltRecorderControlPanel videoEditor={true}/>

Using API:

const recorderElement = client.getRecorderElement();
recorderElement.enableVideoEditor();
recorderElement.disableVideoEditor();

Using Props:

<!-- Use any one of these. -->
<velt-recorder-notes video-editor="true"></velt-recorder-notes>
<velt-recorder-player video-editor="true"></velt-recorder-player>
<velt-recorder-control-panel video-editor="true"></velt-recorder-control-panel>

Using API:

const recorderElement = Velt.getRecorderElement();
recorderElement.enableVideoEditor();
recorderElement.disableVideoEditor();

UI/UX

buttonLabel

Sets a custom label for the Velt Recorder Tool.

<VeltRecorderTool buttonLabel="Your Label Text" />

recordingCountdown

Controls whether to display a countdown timer before a recording starts.
You can either use the props or the API method to enable/disable this feature.

Default: enabled

Using Props:

<VeltRecorderNotes recordingCountdown={false} />
<VeltRecorderControlPanel recordingCountdown={false} />

Using API:

const recorderElement = client.getRecorderElement();
recorderElement.enableRecordingCountdown();
recorderElement.disableRecordingCountdown();

Using Props:

<VeltRecorderNotes recordingCountdown={false} />
<VeltRecorderControlPanel recordingCountdown={false} />

Using API:

const recorderElement = client.getRecorderElement();
recorderElement.enableRecordingCountdown();
recorderElement.disableRecordingCountdown();

Using Props:

<velt-recorder-notes recording-countdown="false"></velt-recorder-notes>
<velt-recorder-control-panel recording-countdown="false"></velt-recorder-control-panel>

Using API:

const recorderElement = Velt.getRecorderElement();
recorderElement.enableRecordingCountdown();
recorderElement.disableRecordingCountdown();

mode

The Velt Recorder Control Panel has two display modes:

floating: Shows a preview in the bottom left corner of the page, regardless of component placement
thread: Displays the component at its placed location in the DOM

Default: floating

<VeltRecorderControlPanel mode="floating" />
<VeltRecorderControlPanel mode="thread" />

<VeltRecorderControlPanel mode="floating" />
<VeltRecorderControlPanel mode="thread" />

<velt-recorder-control-panel mode="floating"></velt-recorder-control-panel>
<velt-recorder-control-panel mode="thread"></velt-recorder-control-panel>

type

Sets the recording mode for the Velt Recorder Tool.

Available modes:

all - Records audio, video and screen
audio - Records audio only
video - Records video only
screen - Records screen only

Default: audio

<VeltRecorderTool type='all' />
<VeltRecorderTool type='audio' />
<VeltRecorderTool type='video' />
<VeltRecorderTool type='screen' />

<VeltRecorderTool type='all' />
<VeltRecorderTool type='audio' />
<VeltRecorderTool type='video' />
<VeltRecorderTool type='screen' />

<velt-recorder-tool type='all'></velt-recorder-tool>
<velt-recorder-tool type='audio'></velt-recorder-tool>
<velt-recorder-tool type='video'></velt-recorder-tool>
<velt-recorder-tool type='screen'></velt-recorder-tool>

Get Started

Key Concepts

Async Collaboration

Realtime Collaboration

Self-Host Data

Email Notifications

Webhooks

Security

Miscellaneous

Customize Behavior

AI

recordingTranscription

summary

Data

fetchRecordings

getRecordings

Event Subscription

on

Editor

videoEditor

UI/UX

buttonLabel

recordingCountdown

mode

type

Get Started

Key Concepts

Async Collaboration

Realtime Collaboration

Self-Host Data

Email Notifications

Webhooks

Security

Miscellaneous

​AI

​recordingTranscription

​summary

​Data

​fetchRecordings

​getRecordings

​Event Subscription

​on

​Editor

​videoEditor

​UI/UX

​buttonLabel

​recordingCountdown

​mode

​type

AI

recordingTranscription

summary

Data

fetchRecordings

getRecordings

Event Subscription

on

Editor

videoEditor

UI/UX

buttonLabel

recordingCountdown

mode

type