Concepts
Async Collaboration
- Comments
- In-app Notifications
- Recorder
- Inline Reactions
- Arrows
Realtime Collaboration
- Presence
- Cursors
- Live Selection
- Huddle
- Single Editor Mode
Recorder
Recorder Player Expanded
Recorder player expanded component. This is the expanded player that appears when user wants to view the recording in full screen.
We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.
Overview
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe>
<VeltRecorderPlayerExpandedWireframe.Panel />
<VeltRecorderPlayerExpandedWireframe.Transcription />
</VeltRecorderPlayerExpandedWireframe>
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe>
<VeltRecorderPlayerExpandedWireframe.Panel />
<VeltRecorderPlayerExpandedWireframe.Transcription />
</VeltRecorderPlayerExpandedWireframe>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-expanded-wireframe>
<velt-recorder-player-expanded-panel-wireframe></velt-recorder-player-expanded-panel-wireframe>
<velt-recorder-player-expanded-transcription-wireframe></velt-recorder-player-expanded-transcription-wireframe>
</velt-recorder-player-expanded-wireframe>
</velt-wireframe>
Panel
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Panel>
<VeltRecorderPlayerExpandedWireframe.Display />
<VeltRecorderPlayerExpandedWireframe.CopyLink />
<VeltRecorderPlayerExpandedWireframe.MinimizeButton />
<VeltRecorderPlayerExpandedWireframe.Subtitles />
<VeltRecorderPlayerExpandedWireframe.Controls />
</VeltRecorderPlayerExpandedWireframe.Panel>
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Panel>
<VeltRecorderPlayerExpandedWireframe.Display />
<VeltRecorderPlayerExpandedWireframe.CopyLink />
<VeltRecorderPlayerExpandedWireframe.MinimizeButton />
<VeltRecorderPlayerExpandedWireframe.Subtitles />
<VeltRecorderPlayerExpandedWireframe.Controls />
</VeltRecorderPlayerExpandedWireframe.Panel>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-expanded-panel-wireframe>
<velt-recorder-player-expanded-display-wireframe></velt-recorder-player-expanded-display-wireframe>
<velt-recorder-player-expanded-subtitles-wireframe></velt-recorder-player-expanded-subtitles-wireframe>
<velt-recorder-player-expanded-copy-link-wireframe></velt-recorder-player-expanded-copy-link-wireframe>
<velt-recorder-player-expanded-minimize-button-wireframe></velt-recorder-player-expanded-minimize-button-wireframe>
<velt-recorder-player-expanded-controls-wireframe></velt-recorder-player-expanded-controls-wireframe>
</velt-recorder-player-expanded-panel-wireframe>
</velt-wireframe>
Display
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Display />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Display />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-expanded-display-wireframe></velt-recorder-player-expanded-display-wireframe>
</velt-wireframe>
Subtitles
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Subtitles />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Subtitles />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-expanded-subtitles-wireframe></velt-recorder-player-expanded-subtitles-wireframe>
</velt-wireframe>
CopyLink
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.CopyLink />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.CopyLink />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-expanded-copy-link-wireframe></velt-recorder-player-expanded-copy-link-wireframe>
</velt-wireframe>
MinimizeButton
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.MinimizeButton />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.MinimizeButton />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-expanded-minimize-button-wireframe></velt-recorder-player-expanded-minimize-button-wireframe>
</velt-wireframe>
Controls
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls>
<VeltRecorderPlayerExpandedWireframe.Controls.ProgressBar />
<VeltRecorderPlayerExpandedWireframe.Controls.ToggleButton />
<VeltRecorderPlayerExpandedWireframe.Controls.Time />
<VeltRecorderPlayerExpandedWireframe.Controls.SubtitleButton />
<VeltRecorderPlayerExpandedWireframe.Controls.TranscriptionButton />
<VeltRecorderPlayerExpandedWireframe.Controls.VolumeButton />
<VeltRecorderPlayerExpandedWireframe.Controls.SettingsButton />
<VeltRecorderPlayerExpandedWireframe.Controls.DeleteButton />
</VeltRecorderPlayerExpandedWireframe.Controls>
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls>
<VeltRecorderPlayerExpandedWireframe.Controls.ProgressBar />
<VeltRecorderPlayerExpandedWireframe.Controls.ToggleButton />
<VeltRecorderPlayerExpandedWireframe.Controls.Time />
<VeltRecorderPlayerExpandedWireframe.Controls.SubtitleButton />
<VeltRecorderPlayerExpandedWireframe.Controls.TranscriptionButton />
<VeltRecorderPlayerExpandedWireframe.Controls.VolumeButton />
<VeltRecorderPlayerExpandedWireframe.Controls.SettingsButton />
<VeltRecorderPlayerExpandedWireframe.Controls.DeleteButton />
</VeltRecorderPlayerExpandedWireframe.Controls>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-expanded-controls-wireframe>
<velt-recorder-player-expanded-controls-progress-bar-wireframe></velt-recorder-player-expanded-controls-progress-bar-wireframe>
<velt-recorder-player-expanded-controls-toggle-button-wireframe></velt-recorder-player-expanded-controls-toggle-button-wireframe>
<velt-recorder-player-expanded-controls-time-wireframe></velt-recorder-player-expanded-controls-time-wireframe>
<velt-recorder-player-expanded-controls-subtitle-button-wireframe></velt-recorder-player-expanded-controls-subtitle-button-wireframe>
<velt-recorder-player-expanded-controls-transcription-button-wireframe></velt-recorder-player-expanded-controls-transcription-button-wireframe>
<velt-recorder-player-expanded-controls-volume-button-wireframe></velt-recorder-player-expanded-controls-volume-button-wireframe>
<velt-recorder-player-expanded-controls-settings-button-wireframe></velt-recorder-player-expanded-controls-settings-button-wireframe>
<velt-recorder-player-expanded-controls-delete-button-wireframe></velt-recorder-player-expanded-controls-delete-button-wireframe>
</velt-recorder-player-expanded-controls-wireframe>
</velt-wireframe>
ProgressBar
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.ProgressBar />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.ProgressBar />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-expanded-controls-progress-bar-wireframe></velt-recorder-player-expanded-controls-progress-bar-wireframe>
</velt-wireframe>
ToggleButton
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.ToggleButton>
<VeltRecorderPlayerExpandedWireframe.Controls.ToggleButton.Pause />
<VeltRecorderPlayerExpandedWireframe.Controls.ToggleButton.Play />
</VeltRecorderPlayerExpandedWireframe.Controls.ToggleButton>
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.ToggleButton>
<VeltRecorderPlayerExpandedWireframe.Controls.ToggleButton.Pause />
<VeltRecorderPlayerExpandedWireframe.Controls.ToggleButton.Play />
</VeltRecorderPlayerExpandedWireframe.Controls.ToggleButton>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-expanded-controls-toggle-button-wireframe>
<velt-recorder-player-expanded-controls-toggle-pause-wireframe></velt-recorder-player-expanded-controls-toggle-pause-wireframe>
<velt-recorder-player-expanded-controls-toggle-play-wireframe></velt-recorder-player-expanded-controls-toggle-play-wireframe>
</velt-recorder-player-expanded-controls-toggle-button-wireframe>
</velt-wireframe>
Pause
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.ToggleButton.Pause />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.ToggleButton.Pause />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-expanded-controls-toggle-pause-wireframe></velt-recorder-player-expanded-controls-toggle-pause-wireframe>
</velt-wireframe>
Play
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.ToggleButton.Play />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.ToggleButton.Play />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-expanded-controls-toggle-play-wireframe></velt-recorder-player-expanded-controls-toggle-play-wireframe>
</velt-wireframe>
Time
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.Time>
<VeltRecorderPlayerExpandedWireframe.Controls.CurrentTime />
<!-- Add custom divider by adding any tag like <p> / <p> -->
<VeltRecorderPlayerExpandedWireframe.Controls.TotalTime />
</VeltRecorderPlayerExpandedWireframe.Controls.Time>
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.Time>
<VeltRecorderPlayerExpandedWireframe.Controls.CurrentTime />
<!-- Add custom divider by adding any tag like <p> / <p> -->
<VeltRecorderPlayerExpandedWireframe.Controls.TotalTime />
</VeltRecorderPlayerExpandedWireframe.Controls.Time>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-expanded-controls-time-wireframe>
<velt-recorder-player-expanded-controls-current-time-wireframe></velt-recorder-player-expanded-controls-current-time-wireframe>
<velt-recorder-player-expanded-controls-total-time-wireframe></velt-recorder-player-expanded-controls-total-time-wireframe>
</velt-recorder-player-expanded-controls-time-wireframe>
</velt-wireframe>
CurrentTime
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.CurrentTime />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.CurrentTime />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-expanded-controls-current-time-wireframe></velt-recorder-player-expanded-controls-current-time-wireframe>
</velt-wireframe>
TotalTime
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.TotalTime />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.TotalTime />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-expanded-controls-total-time-wireframe></velt-recorder-player-expanded-controls-total-time-wireframe>
</velt-wireframe>
SubtitleButton
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.SubtitleButton>
<VeltRecorderPlayerExpandedWireframe.Controls.SubtitleButton.Icon />
<VeltRecorderPlayerExpandedWireframe.Controls.SubtitleButton.Tooltip />
</VeltRecorderPlayerExpandedWireframe.Controls.SubtitleButton>
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.SubtitleButton>
<VeltRecorderPlayerExpandedWireframe.Controls.SubtitleButton.Icon />
<VeltRecorderPlayerExpandedWireframe.Controls.SubtitleButton.Tooltip />
</VeltRecorderPlayerExpandedWireframe.Controls.SubtitleButton>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-expanded-controls-subtitle-button-wireframe>
<velt-recorder-player-expanded-controls-subtitle-button-icon-wireframe></velt-recorder-player-expanded-controls-subtitle-button-icon-wireframe>
<velt-recorder-player-expanded-controls-subtitle-button-tooltip-wireframe></velt-recorder-player-expanded-controls-subtitle-button-tooltip-wireframe>
</velt-recorder-player-expanded-controls-subtitle-button-wireframe>
</velt-wireframe>
Icon
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.SubtitleButton.Icon />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.SubtitleButton.Icon />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-expanded-controls-subtitle-button-icon-wireframe></velt-recorder-player-expanded-controls-subtitle-button-icon-wireframe>
</velt-wireframe>
Tooltip
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.SubtitleButton.Tooltip />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.SubtitleButton.Tooltip />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-expanded-controls-subtitle-button-tooltip-wireframe></velt-recorder-player-expanded-controls-subtitle-button-tooltip-wireframe>
</velt-wireframe>
TranscriptionButton
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.TranscriptionButton>
<VeltRecorderPlayerExpandedWireframe.Controls.TranscriptionButton.Icon />
<VeltRecorderPlayerExpandedWireframe.Controls.TranscriptionButton.Tooltip />
</VeltRecorderPlayerExpandedWireframe.Controls.TranscriptionButton>
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.TranscriptionButton>
<VeltRecorderPlayerExpandedWireframe.Controls.TranscriptionButton.Icon />
<VeltRecorderPlayerExpandedWireframe.Controls.TranscriptionButton.Tooltip />
</VeltRecorderPlayerExpandedWireframe.Controls.TranscriptionButton>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-expanded-controls-transcription-button-wireframe>
<velt-recorder-player-expanded-controls-transcription-button-icon-wireframe></velt-recorder-player-expanded-controls-transcription-button-icon-wireframe>
<velt-recorder-player-expanded-controls-transcription-button-tooltip-wireframe></velt-recorder-player-expanded-controls-transcription-button-tooltip-wireframe>
</velt-recorder-player-expanded-controls-transcription-button-wireframe>
</velt-wireframe>
Icon
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.TranscriptionButton.Icon />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.TranscriptionButton.Icon />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-expanded-controls-transcription-button-icon-wireframe></velt-recorder-player-expanded-controls-transcription-button-icon-wireframe>
</velt-wireframe>
Tooltip
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.TranscriptionButton.Tooltip />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.TranscriptionButton.Tooltip />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-expanded-controls-transcription-button-tooltip-wireframe></velt-recorder-player-expanded-controls-transcription-button-tooltip-wireframe>
</velt-wireframe>
VolumeButton
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.VolumeButton />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.VolumeButton />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-expanded-controls-volume-button-wireframe></velt-recorder-player-expanded-controls-volume-button-wireframe>
</velt-wireframe>
SettingsButton
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.SettingsButton />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.SettingsButton />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-expanded-controls-settings-button-wireframe></velt-recorder-player-expanded-controls-settings-button-wireframe>
</velt-wireframe>
DeleteButton
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.DeleteButton />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Controls.DeleteButton />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-expanded-controls-delete-button-wireframe></velt-recorder-player-expanded-controls-delete-button-wireframe>
</velt-wireframe>
Transcription
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Transcription />
</VeltWireframe>
Copy
Ask AI
<VeltWireframe>
<VeltRecorderPlayerExpandedWireframe.Transcription />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-recorder-player-expanded-transcription-wireframe></velt-recorder-player-expanded-transcription-wireframe>
</velt-wireframe>
Was this page helpful?
Assistant
Responses are generated using AI and may contain mistakes.