Defines quality constraints (e.g., resolution, frame rate) for the raw media input from the user’s screen, camera, or microphone, applied before recording begins.
Higher quality constraints will result in higher upload, download and processing times.
Controls the output quality and size of the video or audio file you save after it’s been captured.
Higher quality options will result in higher upload, download and processing times.
We automatically select the best file format (MIME type) based on the browser and device compatibility. Here is the preferred order in which this is selected:
const recorderElement = useRecorderUtils();// Fetch all recordings in the current documentconst recorderData = await recorderElement.fetchRecordings();// Fetch recordings for a specific recorder IDconst recorderData = await recorderElement.fetchRecordings({ recorderIds: ['RECORDER_ID']});
const recorderElement = useRecorderUtils();// Fetch all recordings in the current documentconst recorderData = await recorderElement.fetchRecordings();// Fetch recordings for a specific recorder IDconst recorderData = await recorderElement.fetchRecordings({ recorderIds: ['RECORDER_ID']});
const recorderElement = Velt.getRecorderElement();// Fetch all recordings in the current documentconst recorderData = await recorderElement.fetchRecordings();// Fetch recordings for a specific recorder IDconst recorderData = await recorderElement.fetchRecordings({ recorderIds: ['RECORDER_ID']});
const recorderElement = useRecorderUtils();// Subscribe to all recordings in the current documentrecorderElement.getRecordings().subscribe((data) => { console.log('recordings', data);});// Subscribe to recordings with specific recorder IDsrecorderElement.getRecordings({ recorderIds: ['RECORDER_ID']}).subscribe((data) => { console.log('recordings', data);});
const recorderElement = useRecorderUtils();// Subscribe to all recordings in the current documentrecorderElement.getRecordings().subscribe((data) => { console.log('recordings', data);});// Subscribe to recordings with specific recorder IDsrecorderElement.getRecordings({ recorderIds: ['RECORDER_ID']}).subscribe((data) => { console.log('recordings', data);});
const recorderElement = Velt.getRecorderElement();// Subscribe to all recordings in the current documentrecorderElement.getRecordings().subscribe((data) => { console.log('recordings', data);});// Subscribe to recordings with specific recorder IDsrecorderElement.getRecordings({ recorderIds: ['RECORDER_ID']}).subscribe((data) => { console.log('recordings', data);});
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}/>
// Use any one of these.<VeltRecorderNotes videoEditor={true} /><VeltRecorderPlayer videoEditor={true} /><VeltRecorderControlPanel videoEditor={true}/>
<!-- 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>
Controls whether to play the recorded video in fullscreen mode.
You can use this prop on any of the following components:
Velt Recorder Notes
Velt Recorder Control Panel
Velt Recorder Player
Default: false
// Change behaviour globally<VeltRecorderNotes playVideoInFullScreen={true} /><VeltRecorderControlPanel playVideoInFullScreen={true} />// Change behaviour for specific player <VeltRecorderPlayer playVideoInFullScreen={true} />
// Change behaviour globally<VeltRecorderNotes playVideoInFullScreen={true} /><VeltRecorderControlPanel playVideoInFullScreen={true} />// Change behaviour for specific player <VeltRecorderPlayer playVideoInFullScreen={true} />
<velt-recorder-notes play-video-in-full-screen="true"></velt-recorder-notes><velt-recorder-control-panel play-video-in-full-screen="true"></velt-recorder-control-panel><velt-recorder-player play-video-in-full-screen="true"></velt-recorder-player></Tab></Tabs>#### 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`<Tabs><Tab title="React / Next.js">**Using Props:**```jsx<VeltRecorderNotes recordingCountdown={false} /><VeltRecorderControlPanel recordingCountdown={false} />