Concepts
Async Collaboration
- Comments
- In-app Notifications
- Recorder
- Recorder Control Panel
- Recorder Player
- Recorder Player Expanded
- Recorder Preview Steps Dialog
- Overview
- Subcomponents
- Preview Steps Dialog - Audio
- Preview Steps Dialog - Video
- Recorder Tool
- Media Source Settings
- Subtitles
- Transcription
- Video Editor
- Inline Reactions
- Arrows
Realtime Collaboration
- Presence
- Cursors
- Live Selection
- Huddle
- Single Editor Mode
Preview Steps Dialog - Video
Video bottom panel
Bottom panel of the video recording preview dialog.
<VeltWireframe>
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel>
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon />
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Countdown />
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Close />
</VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel>
</VeltWireframe>
// If you want to customize the Icon for individual media types, you can use the following:
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon type="audio">
{/* Your custom icon here */}
</VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon>
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon type="video">
{/* Your custom icon here */}
</VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon>
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon type="screen">
{/* Your custom icon here */}
</VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon>
We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.
<VeltWireframe>
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel>
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon />
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Countdown />
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Close />
</VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel>
</VeltWireframe>
// If you want to customize the Icon for individual media types, you can use the following:
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon type="audio">
{/* Your custom icon here */}
</VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon>
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon type="video">
{/* Your custom icon here */}
</VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon>
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon type="screen">
{/* Your custom icon here */}
</VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon>
Was this page helpful?
<VeltWireframe>
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel>
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon />
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Countdown />
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Close />
</VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel>
</VeltWireframe>
// If you want to customize the Icon for individual media types, you can use the following:
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon type="audio">
{/* Your custom icon here */}
</VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon>
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon type="video">
{/* Your custom icon here */}
</VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon>
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon type="screen">
{/* Your custom icon here */}
</VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon>