Concepts
Async Collaboration
- Comments
- In-app Notifications
- Recorder
- Inline Reactions
- Arrows
Realtime Collaboration
- Presence
- Cursors
- Live Selection
- Huddle
- Single Editor Mode
Recorder
Control Panel
Recorder control panel component.
We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.
Overview
<VeltWireframe>
<VeltRecorderControlPanelWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode />
<VeltRecorderControlPanelWireframe.ThreadMode />
</VeltRecorderControlPanelWireframe>
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode />
<VeltRecorderControlPanelWireframe.ThreadMode />
</VeltRecorderControlPanelWireframe>
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-wireframe>
<velt-recorder-control-panel-floating-mode-wireframe />
<velt-recorder-control-panel-thread-mode-wireframe />
</velt-recorder-control-panel-wireframe>
</velt-wireframe>
Floating Mode
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode>
<VeltRecorderControlPanelWireframe.FloatingMode.Container />
<VeltRecorderControlPanelWireframe.FloatingMode.ScreenMiniContainer />
<VeltRecorderControlPanelWireframe.FloatingMode.Loading />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar />
</VeltRecorderControlPanelWireframe.FloatingMode>
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode>
<VeltRecorderControlPanelWireframe.FloatingMode.Container />
<VeltRecorderControlPanelWireframe.FloatingMode.ScreenMiniContainer />
<VeltRecorderControlPanelWireframe.FloatingMode.Loading />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar />
</VeltRecorderControlPanelWireframe.FloatingMode>
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-floating-mode-wireframe>
<velt-recorder-control-panel-floating-mode-container-wireframe />
<velt-recorder-control-panel-screen-mini-container-wireframe />
<velt-recorder-control-panel-loading-wireframe />
<velt-recorder-control-panel-action-bar-wireframe />
</velt-recorder-control-panel-floating-mode-wireframe>
</velt-wireframe>
Container (Floating Mode)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Container>
<VeltRecorderControlPanelWireframe.FloatingMode.Video />
<VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton />
<VeltRecorderControlPanelWireframe.FloatingMode.Paused />
<VeltRecorderControlPanelWireframe.FloatingMode.Waveform />
</VeltRecorderControlPanelWireframe.FloatingMode.Container>
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Container>
<VeltRecorderControlPanelWireframe.FloatingMode.Video />
<VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton />
<VeltRecorderControlPanelWireframe.FloatingMode.Paused />
<VeltRecorderControlPanelWireframe.FloatingMode.Waveform />
</VeltRecorderControlPanelWireframe.FloatingMode.Container>
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-floating-mode-container-wireframe>
<velt-recorder-control-panel-video-wireframe />
<velt-recorder-control-panel-floating-mode-waveform-wireframe />
<velt-recorder-control-panel-collapsed-button-wireframe />
<velt-recorder-control-panel-paused-wireframe />
</velt-recorder-control-panel-floating-mode-container-wireframe>
</velt-wireframe>
Video (Floating Mode Container)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Video />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Video />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-video-wireframe />
</velt-wireframe>
Waveform (Floating Mode Container)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Waveform />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Waveform />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-floating-mode-waveform-wireframe />
</velt-wireframe>
CollapsedButton (Floating Mode Container)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton>
<VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton.On />
<VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton.Off />
</VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton>
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton>
<VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton.On />
<VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton.Off />
</VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton>
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-collapsed-button-wireframe>
<velt-recorder-control-panel-collapsed-button-on-wireframe />
<velt-recorder-control-panel-collapsed-button-off-wireframe />
</velt-recorder-control-panel-collapsed-button-wireframe>
</velt-wireframe>
On (CollapsedButton)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton.On />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton.On />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-collapsed-button-on-wireframe />
</velt-wireframe>
Off (CollapsedButton)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton.Off />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.CollapsedButton.Off />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-collapsed-button-off-wireframe />
</velt-wireframe>
Paused (Floating Mode Container)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Paused />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Paused />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-paused-wireframe />
</velt-wireframe>
ScreenMiniContainer (Floating Mode)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ScreenMiniContainer>
<VeltRecorderControlPanelWireframe.FloatingMode.Video />
<VeltRecorderControlPanelWireframe.FloatingMode.Screen />
</VeltRecorderControlPanelWireframe.FloatingMode.ScreenMiniContainer>
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ScreenMiniContainer>
<VeltRecorderControlPanelWireframe.FloatingMode.Video />
<VeltRecorderControlPanelWireframe.FloatingMode.Screen />
</VeltRecorderControlPanelWireframe.FloatingMode.ScreenMiniContainer>
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-screen-mini-container-wireframe>
<velt-recorder-control-panel-video-wireframe />
<velt-recorder-control-panel-screen-wireframe />
</velt-recorder-control-panel-screen-mini-container-wireframe>
</velt-wireframe>
Video (Floating Mode ScreenMiniContainer)
This is the same Video component as used in the Floating Mode Container.
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Video />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Video />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-video-wireframe />
</velt-wireframe>
Screen (Floating Mode ScreenMiniContainer)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Screen />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Screen />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-screen-wireframe />
</velt-wireframe>
Loading (Floating Mode)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Loading />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.Loading />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-loading-wireframe />
</velt-wireframe>
ActionBar (Floating Mode)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.TypeIcon />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Time />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Waveform />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Stop />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Clear />
</VeltRecorderControlPanelWireframe.FloatingMode.ActionBar>
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.TypeIcon />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Time />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Waveform />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Stop />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Clear />
</VeltRecorderControlPanelWireframe.FloatingMode.ActionBar>
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-wireframe>
<velt-recorder-control-panel-action-bar-type-icon-wireframe />
<velt-recorder-control-panel-action-bar-time-wireframe />
<velt-recorder-control-panel-action-bar-waveform-wireframe />
<velt-recorder-control-panel-action-bar-toggle-wireframe />
<velt-recorder-control-panel-action-bar-stop-wireframe />
<velt-recorder-control-panel-action-bar-clear-wireframe />
</velt-recorder-control-panel-action-bar-wireframe>
</velt-wireframe>
TypeIcon (ActionBar)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.TypeIcon />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.TypeIcon />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-type-icon-wireframe />
</velt-wireframe>
Time (ActionBar)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Time />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Time />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-time-wireframe />
</velt-wireframe>
Waveform (ActionBar)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Waveform />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Waveform />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-waveform-wireframe />
</velt-wireframe>
Toggle (ActionBar)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle.Pause />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle.Play />
</VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle>
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle.Pause />
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle.Play />
</VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle>
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-toggle-wireframe>
<velt-recorder-control-panel-action-bar-toggle-pause-wireframe />
<velt-recorder-control-panel-action-bar-toggle-play-wireframe />
</velt-recorder-control-panel-action-bar-toggle-wireframe>
</velt-wireframe>
Pause (Toggle)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle.Pause />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle.Pause />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-toggle-pause-wireframe />
</velt-wireframe>
Play (Toggle)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle.Play />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Toggle.Play />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-toggle-play-wireframe />
</velt-wireframe>
Stop (ActionBar)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Stop />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Stop />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-stop-wireframe />
</velt-wireframe>
Clear (ActionBar)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Clear />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.FloatingMode.ActionBar.Clear />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-clear-wireframe />
</velt-wireframe>
Thread Mode
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode>
<VeltRecorderControlPanelWireframe.ThreadMode.Video />
<VeltRecorderControlPanelWireframe.ThreadMode.ScreenMiniContainer />
<VeltRecorderControlPanelWireframe.ThreadMode.Loading />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar />
</VeltRecorderControlPanelWireframe.ThreadMode>
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode>
<VeltRecorderControlPanelWireframe.ThreadMode.Video />
<VeltRecorderControlPanelWireframe.ThreadMode.ScreenMiniContainer />
<VeltRecorderControlPanelWireframe.ThreadMode.Loading />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar />
</VeltRecorderControlPanelWireframe.ThreadMode>
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-thread-mode-wireframe>
<velt-recorder-control-panel-video-wireframe />
<velt-recorder-control-panel-loading-wireframe />
<velt-recorder-control-panel-action-bar-wireframe />
<velt-recorder-control-panel-screen-mini-container-wireframe />
</velt-recorder-control-panel-thread-mode-wireframe>
</velt-wireframe>
Video (Thread Mode)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.Video />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.Video />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-video-wireframe />
</velt-wireframe>
Loading (Thread Mode)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.Loading />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.Loading />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-loading-wireframe />
</velt-wireframe>
ActionBar (Thread Mode)
This ActionBar is similar in structure to the Floating Mode ActionBar but specific to ThreadMode.
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.TypeIcon />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Time />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Waveform />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Stop />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Clear />
</VeltRecorderControlPanelWireframe.ThreadMode.ActionBar>
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.TypeIcon />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Time />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Waveform />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Stop />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Clear />
</VeltRecorderControlPanelWireframe.ThreadMode.ActionBar>
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-wireframe>
<velt-recorder-control-panel-action-bar-type-icon-wireframe />
<velt-recorder-control-panel-action-bar-time-wireframe />
<velt-recorder-control-panel-action-bar-waveform-wireframe />
<velt-recorder-control-panel-action-bar-toggle-wireframe />
<velt-recorder-control-panel-action-bar-stop-wireframe />
<velt-recorder-control-panel-action-bar-clear-wireframe />
</velt-recorder-control-panel-action-bar-wireframe>
</velt-wireframe>
TypeIcon (Thread Mode ActionBar)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.TypeIcon />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.TypeIcon />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-type-icon-wireframe />
</velt-wireframe>
Time (Thread Mode ActionBar)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Time />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Time />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-time-wireframe />
</velt-wireframe>
Waveform (Thread Mode ActionBar)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Waveform />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Waveform />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-waveform-wireframe />
</velt-wireframe>
Toggle (Thread Mode ActionBar)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle.Pause />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle.Play />
</VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle>
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle.Pause />
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle.Play />
</VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle>
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-toggle-wireframe>
<velt-recorder-control-panel-action-bar-toggle-pause-wireframe />
<velt-recorder-control-panel-action-bar-toggle-play-wireframe />
</velt-recorder-control-panel-action-bar-toggle-wireframe>
</velt-wireframe>
Pause (Thread Mode Toggle)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle.Pause />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle.Pause />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-toggle-pause-wireframe />
</velt-wireframe>
Play (Thread Mode Toggle)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle.Play />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Toggle.Play />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-toggle-play-wireframe />
</velt-wireframe>
Stop (Thread Mode ActionBar)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Stop />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Stop />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-stop-wireframe />
</velt-wireframe>
Clear (Thread Mode ActionBar)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Clear />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ActionBar.Clear />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-action-bar-clear-wireframe />
</velt-wireframe>
ScreenMiniContainer (Thread Mode)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ScreenMiniContainer>
<VeltRecorderControlPanelWireframe.ThreadMode.Video />
<VeltRecorderControlPanelWireframe.ThreadMode.Screen />
</VeltRecorderControlPanelWireframe.ThreadMode.ScreenMiniContainer>
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.ScreenMiniContainer>
<VeltRecorderControlPanelWireframe.ThreadMode.Video />
<VeltRecorderControlPanelWireframe.ThreadMode.Screen />
</VeltRecorderControlPanelWireframe.ThreadMode.ScreenMiniContainer>
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-screen-mini-container-wireframe>
<velt-recorder-control-panel-video-wireframe />
<velt-recorder-control-panel-screen-wireframe />
</velt-recorder-control-panel-screen-mini-container-wireframe>
</velt-wireframe>
Video (Thread Mode ScreenMiniContainer)
This is the same Video component as used in the main Thread Mode section.
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.Video />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.Video />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-video-wireframe />
</velt-wireframe>
Screen (Thread Mode ScreenMiniContainer)
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.Screen />
</VeltWireframe>
<VeltWireframe>
<VeltRecorderControlPanelWireframe.ThreadMode.Screen />
</VeltWireframe>
<velt-wireframe style="display:none;">
<velt-recorder-control-panel-screen-wireframe />
</velt-wireframe>
Was this page helpful?
On this page
- Overview
- Floating Mode
- Container (Floating Mode)
- Video (Floating Mode Container)
- Waveform (Floating Mode Container)
- CollapsedButton (Floating Mode Container)
- Paused (Floating Mode Container)
- ScreenMiniContainer (Floating Mode)
- Video (Floating Mode ScreenMiniContainer)
- Screen (Floating Mode ScreenMiniContainer)
- Loading (Floating Mode)
- ActionBar (Floating Mode)
- TypeIcon (ActionBar)
- Time (ActionBar)
- Waveform (ActionBar)
- Toggle (ActionBar)
- Stop (ActionBar)
- Clear (ActionBar)
- Thread Mode
- Video (Thread Mode)
- Loading (Thread Mode)
- ActionBar (Thread Mode)
- TypeIcon (Thread Mode ActionBar)
- Time (Thread Mode ActionBar)
- Waveform (Thread Mode ActionBar)
- Toggle (Thread Mode ActionBar)
- Stop (Thread Mode ActionBar)
- Clear (Thread Mode ActionBar)
- ScreenMiniContainer (Thread Mode)
- Video (Thread Mode ScreenMiniContainer)
- Screen (Thread Mode ScreenMiniContainer)
Assistant
Responses are generated using AI and may contain mistakes.