Recording preview steps dialog component.
<VeltWireframe>
<VeltRecordingPreviewStepsDialogWireframe>
<VeltRecordingPreviewStepsDialogWireframe.Audio />
<VeltRecordingPreviewStepsDialogWireframe.Video />
</VeltRecordingPreviewStepsDialogWireframe>
</VeltWireframe>
<VeltRecordingPreviewStepsDialogWireframe.Audio>
<VeltRecordingPreviewStepsDialogWireframe.Audio.CloseButton />
<VeltRecordingPreviewStepsDialogWireframe.Audio.Timer />
<VeltRecordingPreviewStepsDialogWireframe.Audio.Waveform />
<VeltRecordingPreviewStepsDialogWireframe.Audio.SettingsPanel />
<VeltRecordingPreviewStepsDialogWireframe.Audio.ButtonPanel />
<VeltRecordingPreviewStepsDialogWireframe.Audio.BottomPanel />
</VeltRecordingPreviewStepsDialogWireframe.Audio>
<VeltRecordingPreviewStepsDialogWireframe.Audio.BottomPanel>
<VeltRecordingPreviewStepsDialogWireframe.Audio.BottomPanel.Icon />
<VeltRecordingPreviewStepsDialogWireframe.Audio.BottomPanel.Countdown />
<VeltRecordingPreviewStepsDialogWireframe.Audio.BottomPanel.Close />
</VeltRecordingPreviewStepsDialogWireframe.Audio.BottomPanel>
<VeltRecordingPreviewStepsDialogWireframe.Audio.BottomPanel.Icon />
<VeltRecordingPreviewStepsDialogWireframe.Audio.BottomPanel.Countdown />
<VeltRecordingPreviewStepsDialogWireframe.Audio.BottomPanel.Close />
<VeltRecordingPreviewStepsDialogWireframe.Audio.ButtonPanel>
<VeltRecordingPreviewStepsDialogWireframe.Audio.StartRecording />
<VeltRecordingPreviewStepsDialogWireframe.Audio.MicButton>
<VeltRecordingPreviewStepsDialogWireframe.Audio.MicButton.On />
<VeltRecordingPreviewStepsDialogWireframe.Audio.MicButton.Off />
</VeltRecordingPreviewStepsDialogWireframe.Audio.MicButton>
<VeltRecordingPreviewStepsDialogWireframe.Audio.Settings />
</VeltRecordingPreviewStepsDialogWireframe.Audio.ButtonPanel>
<VeltRecordingPreviewStepsDialogWireframe.Audio.StartRecording />
<VeltRecordingPreviewStepsDialogWireframe.Audio.MicButton>
<VeltRecordingPreviewStepsDialogWireframe.Audio.MicButton.On />
<VeltRecordingPreviewStepsDialogWireframe.Audio.MicButton.Off />
</VeltRecordingPreviewStepsDialogWireframe.Audio.MicButton>
<VeltRecordingPreviewStepsDialogWireframe.Audio.MicButton.On />
<VeltRecordingPreviewStepsDialogWireframe.Audio.MicButton.Off />
<VeltRecordingPreviewStepsDialogWireframe.Audio.Settings />
<VeltRecordingPreviewStepsDialogWireframe.Audio.Timer>
<VeltRecordingPreviewStepsDialogWireframe.Audio.Timer.Countdown />
<VeltRecordingPreviewStepsDialogWireframe.Audio.Timer.Cancel />
</VeltRecordingPreviewStepsDialogWireframe.Audio.Timer>
<VeltRecordingPreviewStepsDialogWireframe.Audio.Timer.Countdown />
<VeltRecordingPreviewStepsDialogWireframe.Audio.Timer.Cancel />
<VeltRecordingPreviewStepsDialogWireframe.Audio.CloseButton />
<VeltRecordingPreviewStepsDialogWireframe.Audio.Waveform />
<VeltRecordingPreviewStepsDialogWireframe.Audio.SettingsPanel />
<VeltRecordingPreviewStepsDialogWireframe.Video>
<VeltRecordingPreviewStepsDialogWireframe.Video.Waveform />
<VeltRecordingPreviewStepsDialogWireframe.Video.CloseButton />
<VeltRecordingPreviewStepsDialogWireframe.Video.Timer />
<VeltRecordingPreviewStepsDialogWireframe.Video.CameraOffMessage />
<VeltRecordingPreviewStepsDialogWireframe.Video.SettingsPanel />
<VeltRecordingPreviewStepsDialogWireframe.Video.ButtonPanel />
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel />
<VeltRecordingPreviewStepsDialogWireframe.Video.VideoPlayer />
</VeltRecordingPreviewStepsDialogWireframe.Video>
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel>
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon />
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Countdown />
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Close />
</VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel>
// 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>
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon />
// To customize for a specific media type:
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon type="audio">{/* audio icon */}</VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon>
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon type="video">{/* video icon */}</VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon>
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon type="screen">{/* screen icon */}</VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Icon>
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Countdown />
<VeltRecordingPreviewStepsDialogWireframe.Video.BottomPanel.Close />
<VeltRecordingPreviewStepsDialogWireframe.Video.ButtonPanel>
<VeltRecordingPreviewStepsDialogWireframe.Video.StartRecording />
<VeltRecordingPreviewStepsDialogWireframe.Video.MicButton>
<VeltRecordingPreviewStepsDialogWireframe.Video.MicButton.On />
<VeltRecordingPreviewStepsDialogWireframe.Video.MicButton.Off />
</VeltRecordingPreviewStepsDialogWireframe.Video.MicButton>
<VeltRecordingPreviewStepsDialogWireframe.Video.CameraButton>
<VeltRecordingPreviewStepsDialogWireframe.Video.CameraButton.On />
<VeltRecordingPreviewStepsDialogWireframe.Video.CameraButton.Off />
</VeltRecordingPreviewStepsDialogWireframe.Video.CameraButton>
<VeltRecordingPreviewStepsDialogWireframe.Video.Settings />
</VeltRecordingPreviewStepsDialogWireframe.Video.ButtonPanel>
<VeltRecordingPreviewStepsDialogWireframe.Video.StartRecording />
<VeltRecordingPreviewStepsDialogWireframe.Video.MicButton>
<VeltRecordingPreviewStepsDialogWireframe.Video.MicButton.On />
<VeltRecordingPreviewStepsDialogWireframe.Video.MicButton.Off />
</VeltRecordingPreviewStepsDialogWireframe.Video.MicButton>
<VeltRecordingPreviewStepsDialogWireframe.Video.MicButton.On />
<VeltRecordingPreviewStepsDialogWireframe.Video.MicButton.Off />
<VeltRecordingPreviewStepsDialogWireframe.Video.CameraButton>
<VeltRecordingPreviewStepsDialogWireframe.Video.CameraButton.On />
<VeltRecordingPreviewStepsDialogWireframe.Video.CameraButton.Off />
</VeltRecordingPreviewStepsDialogWireframe.Video.CameraButton>
<VeltRecordingPreviewStepsDialogWireframe.Video.CameraButton.On />
<VeltRecordingPreviewStepsDialogWireframe.Video.CameraButton.Off />
<VeltRecordingPreviewStepsDialogWireframe.Video.Settings />
<VeltRecordingPreviewStepsDialogWireframe.Video.Timer>
<VeltRecordingPreviewStepsDialogWireframe.Video.Timer.Countdown />
<VeltRecordingPreviewStepsDialogWireframe.Video.Timer.Cancel />
</VeltRecordingPreviewStepsDialogWireframe.Video.Timer>
<VeltRecordingPreviewStepsDialogWireframe.Video.Timer.Countdown />
<VeltRecordingPreviewStepsDialogWireframe.Video.Timer.Cancel />
<VeltRecordingPreviewStepsDialogWireframe.Video.Waveform />
<VeltRecordingPreviewStepsDialogWireframe.Video.CloseButton />
<VeltRecordingPreviewStepsDialogWireframe.Video.CameraOffMessage />
<VeltRecordingPreviewStepsDialogWireframe.Video.SettingsPanel />
<VeltRecordingPreviewStepsDialogWireframe.Video.VideoPlayer />
Was this page helpful?