Concepts
Async Collaboration
- Comments
- In-app Notifications
- Recorder
- Inline Reactions
- Arrows
Realtime Collaboration
- Presence
- Cursors
- Live Selection
- Huddle
- Single Editor Mode
Recorder
Recorder player
Recorder player component. This is the small player that appears when a recording is done.
We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.
Overview
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe>
<VeltRecorderPlayerWireframe.VideoContainer />
<VeltRecorderPlayerWireframe.AudioContainer />
</VeltRecorderPlayerWireframe>
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe>
<VeltRecorderPlayerWireframe.VideoContainer />
<VeltRecorderPlayerWireframe.AudioContainer />
</VeltRecorderPlayerWireframe>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-wireframe>
<velt-recorder-player-video-container-wireframe></velt-recorder-player-video-container-wireframe>
<velt-recorder-player-audio-container-wireframe></velt-recorder-player-audio-container-wireframe>
</velt-recorder-player-wireframe>
</velt-wireframe>
VideoContainer
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer>
<VeltRecorderPlayerWireframe.VideoContainer.Video />
<VeltRecorderPlayerWireframe.VideoContainer.Timeline />
<VeltRecorderPlayerWireframe.VideoContainer.FullScreenButton />
<VeltRecorderPlayerWireframe.VideoContainer.Overlay />
<VeltRecorderPlayerWireframe.VideoContainer.Subtitles />
<VeltRecorderPlayerWireframe.VideoContainer.Avatar />
<VeltRecorderPlayerWireframe.VideoContainer.Name />
<VeltRecorderPlayerWireframe.VideoContainer.SubtitlesButton />
<VeltRecorderPlayerWireframe.VideoContainer.Transcription />
<VeltRecorderPlayerWireframe.VideoContainer.EditButton />
<VeltRecorderPlayerWireframe.VideoContainer.CopyLink />
<VeltRecorderPlayerWireframe.VideoContainer.Delete />
</VeltRecorderPlayerWireframe.VideoContainer>
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer>
<VeltRecorderPlayerWireframe.VideoContainer.Video />
<VeltRecorderPlayerWireframe.VideoContainer.Timeline />
<VeltRecorderPlayerWireframe.VideoContainer.FullScreenButton />
<VeltRecorderPlayerWireframe.VideoContainer.Overlay />
<VeltRecorderPlayerWireframe.VideoContainer.Subtitles />
<VeltRecorderPlayerWireframe.VideoContainer.Avatar />
<VeltRecorderPlayerWireframe.VideoContainer.Name />
<VeltRecorderPlayerWireframe.VideoContainer.SubtitlesButton />
<VeltRecorderPlayerWireframe.VideoContainer.Transcription />
<VeltRecorderPlayerWireframe.VideoContainer.EditButton />
<VeltRecorderPlayerWireframe.VideoContainer.CopyLink />
<VeltRecorderPlayerWireframe.VideoContainer.Delete />
</VeltRecorderPlayerWireframe.VideoContainer>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-video-container-wireframe>
<velt-recorder-player-video-wireframe></velt-recorder-player-video-wireframe>
<velt-recorder-player-timeline-wireframe></velt-recorder-player-timeline-wireframe>
<velt-recorder-player-full-screen-button-wireframe></velt-recorder-player-full-screen-button-wireframe>
<velt-recorder-player-overlay-wireframe></velt-recorder-player-overlay-wireframe>
<velt-recorder-player-subtitles-wireframe></velt-recorder-player-subtitles-wireframe>
<velt-recorder-player-avatar-wireframe></velt-recorder-player-avatar-wireframe>
<velt-recorder-player-name-wireframe></velt-recorder-player-name-wireframe>
<velt-recorder-player-subtitles-button-wireframe></velt-recorder-player-subtitles-button-wireframe>
<velt-recorder-player-transcription-wireframe></velt-recorder-player-transcription-wireframe>
<velt-recorder-player-edit-button-wireframe></velt-recorder-player-edit-button-wireframe>
<velt-recorder-player-copy-link-wireframe></velt-recorder-player-copy-link-wireframe>
<velt-recorder-player-delete-wireframe></velt-recorder-player-delete-wireframe>
</velt-recorder-player-video-container-wireframe>
</velt-wireframe>
Video
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.Video />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.Video />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-video-wireframe></velt-recorder-player-video-wireframe>
</velt-wireframe>
Timeline
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.Timeline>
<VeltRecorderPlayerWireframe.VideoContainer.PlayButton />
<VeltRecorderPlayerWireframe.VideoContainer.Timeline.SeekBar />
</VeltRecorderPlayerWireframe.VideoContainer.Timeline>
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.Timeline>
<VeltRecorderPlayerWireframe.VideoContainer.PlayButton />
<VeltRecorderPlayerWireframe.VideoContainer.Timeline.SeekBar />
</VeltRecorderPlayerWireframe.VideoContainer.Timeline>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-timeline-wireframe>
<velt-recorder-player-play-button-wireframe></velt-recorder-player-play-button-wireframe>
<velt-recorder-player-timeline-seek-bar-wireframe></velt-recorder-player-timeline-seek-bar-wireframe>
</velt-recorder-player-timeline-wireframe>
</velt-wireframe>
PlayButton
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.PlayButton />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.PlayButton />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-play-button-wireframe></velt-recorder-player-play-button-wireframe>
</velt-wireframe>
SeekBar
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.Timeline.SeekBar />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.Timeline.SeekBar />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-timeline-seek-bar-wireframe></velt-recorder-player-timeline-seek-bar-wireframe>
</velt-wireframe>
FullScreenButton
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.FullScreenButton />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.FullScreenButton />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-full-screen-button-wireframe></velt-recorder-player-full-screen-button-wireframe>
</velt-wireframe>
Overlay
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.Overlay>
<VeltRecorderPlayerWireframe.VideoContainer.PlayButton />
</VeltRecorderPlayerWireframe.VideoContainer.Overlay>
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.Overlay>
<VeltRecorderPlayerWireframe.VideoContainer.PlayButton />
</VeltRecorderPlayerWireframe.VideoContainer.Overlay>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-overlay-wireframe>
<velt-recorder-player-play-button-wireframe></velt-recorder-player-play-button-wireframe>
</velt-recorder-player-overlay-wireframe>
</velt-wireframe>
PlayButton
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.PlayButton>
<VeltRecorderPlayerWireframe.VideoContainer.Time />
</VeltRecorderPlayerWireframe.VideoContainer.PlayButton>
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.PlayButton>
<VeltRecorderPlayerWireframe.VideoContainer.Time />
</VeltRecorderPlayerWireframe.VideoContainer.PlayButton>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-play-button-wireframe>
<velt-recorder-player-time-wireframe></velt-recorder-player-time-wireframe>
</velt-recorder-player-play-button-wireframe>
</velt-wireframe>
Time
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.Time />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.Time />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-time-wireframe></velt-recorder-player-time-wireframe>
</velt-wireframe>
Subtitles
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.Subtitles />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.Subtitles />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-subtitles-wireframe></velt-recorder-player-subtitles-wireframe>
</velt-wireframe>
Avatar
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.Avatar />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.Avatar />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-avatar-wireframe></velt-recorder-player-avatar-wireframe>
</velt-wireframe>
Name
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.Name />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.Name />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-name-wireframe></velt-recorder-player-name-wireframe>
</velt-wireframe>
SubtitlesButton
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.SubtitlesButton />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.SubtitlesButton />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-subtitles-button-wireframe></velt-recorder-player-subtitles-button-wireframe>
</velt-wireframe>
Transcription
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.Transcription />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.Transcription />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-transcription-wireframe></velt-recorder-player-transcription-wireframe>
</velt-wireframe>
EditButton
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.EditButton />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.EditButton />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-edit-button-wireframe></velt-recorder-player-edit-button-wireframe>
</velt-wireframe>
CopyLink
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.CopyLink />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.CopyLink />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-copy-link-wireframe></velt-recorder-player-copy-link-wireframe>
</velt-wireframe>
Delete
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.Delete />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.VideoContainer.Delete />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-delete-wireframe></velt-recorder-player-delete-wireframe>
</velt-wireframe>
AudioContainer
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer>
<VeltRecorderPlayerWireframe.AudioContainer.AudioToggle />
<VeltRecorderPlayerWireframe.AudioContainer.Time />
<VeltRecorderPlayerWireframe.AudioContainer.AudioWaveform />
<VeltRecorderPlayerWireframe.AudioContainer.Avatar />
<VeltRecorderPlayerWireframe.AudioContainer.Name />
<VeltRecorderPlayerWireframe.AudioContainer.SubtitlesButton />
<VeltRecorderPlayerWireframe.AudioContainer.Transcription />
<VeltRecorderPlayerWireframe.AudioContainer.CopyLink />
<VeltRecorderPlayerWireframe.AudioContainer.Delete />
<VeltRecorderPlayerWireframe.AudioContainer.Subtitles />
<VeltRecorderPlayerWireframe.AudioContainer.Audio />
</VeltRecorderPlayerWireframe.AudioContainer>
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer>
<VeltRecorderPlayerWireframe.AudioContainer.AudioToggle />
<VeltRecorderPlayerWireframe.AudioContainer.Time />
<VeltRecorderPlayerWireframe.AudioContainer.AudioWaveform />
<VeltRecorderPlayerWireframe.AudioContainer.Avatar />
<VeltRecorderPlayerWireframe.AudioContainer.Name />
<VeltRecorderPlayerWireframe.AudioContainer.SubtitlesButton />
<VeltRecorderPlayerWireframe.AudioContainer.Transcription />
<VeltRecorderPlayerWireframe.AudioContainer.CopyLink />
<VeltRecorderPlayerWireframe.AudioContainer.Delete />
<VeltRecorderPlayerWireframe.AudioContainer.Subtitles />
<VeltRecorderPlayerWireframe.AudioContainer.Audio />
</VeltRecorderPlayerWireframe.AudioContainer>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-audio-container-wireframe>
<velt-recorder-player-audio-toggle-wireframe></velt-recorder-player-audio-toggle-wireframe>
<velt-recorder-player-time-wireframe></velt-recorder-player-time-wireframe>
<velt-recorder-player-audio-waveform-wireframe></velt-recorder-player-audio-waveform-wireframe>
<velt-recorder-player-subtitles-wireframe></velt-recorder-player-subtitles-wireframe>
<velt-recorder-player-avatar-wireframe></velt-recorder-player-avatar-wireframe>
<velt-recorder-player-name-wireframe></velt-recorder-player-name-wireframe>
<velt-recorder-player-subtitles-button-wireframe></velt-recorder-player-subtitles-button-wireframe>
<velt-recorder-player-transcription-wireframe></velt-recorder-player-transcription-wireframe>
<velt-recorder-player-copy-link-wireframe></velt-recorder-player-copy-link-wireframe>
<velt-recorder-player-delete-wireframe></velt-recorder-player-delete-wireframe>
<velt-recorder-player-audio-wireframe></velt-recorder-player-audio-wireframe>
</velt-recorder-player-audio-container-wireframe>
</velt-wireframe>
AudioToggle
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.AudioToggle>
<VeltRecorderPlayerWireframe.AudioContainer.AudioToggle.Pause />
<VeltRecorderPlayerWireframe.AudioContainer.AudioToggle.Play />
</VeltRecorderPlayerWireframe.AudioContainer.AudioToggle>
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.AudioToggle>
<VeltRecorderPlayerWireframe.AudioContainer.AudioToggle.Pause />
<VeltRecorderPlayerWireframe.AudioContainer.AudioToggle.Play />
</VeltRecorderPlayerWireframe.AudioContainer.AudioToggle>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-audio-toggle-wireframe>
<velt-recorder-player-audio-toggle-pause-wireframe></velt-recorder-player-audio-toggle-pause-wireframe>
<velt-recorder-player-audio-toggle-play-wireframe></velt-recorder-player-audio-toggle-play-wireframe>
</velt-recorder-player-audio-toggle-wireframe>
</velt-wireframe>
Pause
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.AudioToggle.Pause />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.AudioToggle.Pause />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-audio-toggle-pause-wireframe></velt-recorder-player-audio-toggle-pause-wireframe>
</velt-wireframe>
Play
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.AudioToggle.Play />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.AudioToggle.Play />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-audio-toggle-play-wireframe></velt-recorder-player-audio-toggle-play-wireframe>
</velt-wireframe>
Time
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.Time />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.Time />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-time-wireframe></velt-recorder-player-time-wireframe>
</velt-wireframe>
AudioWaveform
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.AudioWaveform />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.AudioWaveform />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-audio-waveform-wireframe></velt-recorder-player-audio-waveform-wireframe>
</velt-wireframe>
Subtitles
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.Subtitles />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.Subtitles />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-subtitles-wireframe></velt-recorder-player-subtitles-wireframe>
</velt-wireframe>
Avatar
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.Avatar />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.Avatar />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-avatar-wireframe></velt-recorder-player-avatar-wireframe>
</velt-wireframe>
Name
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.Name />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.Name />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-name-wireframe></velt-recorder-player-name-wireframe>
</velt-wireframe>
SubtitlesButton
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.SubtitlesButton />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.SubtitlesButton />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-subtitles-button-wireframe></velt-recorder-player-subtitles-button-wireframe>
</velt-wireframe>
Transcription
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.Transcription />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.Transcription />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-transcription-wireframe></velt-recorder-player-transcription-wireframe>
</velt-wireframe>
CopyLink
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.CopyLink />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.CopyLink />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-copy-link-wireframe></velt-recorder-player-copy-link-wireframe>
</velt-wireframe>
Delete
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.Delete />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.Delete />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-delete-wireframe></velt-recorder-player-delete-wireframe>
</velt-wireframe>
Audio
This tag loads the audio recording and is hidden by default to prevent it from displaying in the UI.
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.Audio />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerWireframe.AudioContainer.Audio />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-audio-wireframe></velt-recorder-player-audio-wireframe>
</velt-wireframe>
Was this page helpful?
Assistant
Responses are generated using AI and may contain mistakes.