Transcription
Overview
Concepts
Async Collaboration
- Comments
- In-app Notifications
- Recorder
- Recorder Control Panel
- Recorder Player
- Recorder Player Expanded
- Recorder Preview Steps Dialog
- Recorder Tool
- Media Source Settings
- Subtitles
- Transcription
- Video Editor
- Inline Reactions
- Arrows
Realtime Collaboration
- Presence
- Cursors
- Live Selection
- Huddle
- Single Editor Mode
Transcription
Overview
Transcription component.
<VeltWireframe>
<VeltTranscriptionWireframe>
{/* Floating Mode */}
<VeltTranscriptionWireframe.FloatingMode>
<VeltTranscriptionWireframe.FloatingMode.Button />
<VeltTranscriptionWireframe.FloatingMode.Tooltip />
<VeltTranscriptionWireframe.FloatingMode.PanelContainer>
<VeltTranscriptionWireframe.FloatingMode.Panel>
<VeltTranscriptionWireframe.FloatingMode.Panel.CloseButton />
<VeltTranscriptionWireframe.FloatingMode.Panel.CopyLink>
<VeltTranscriptionWireframe.FloatingMode.Panel.CopyLink.Button />
<VeltTranscriptionWireframe.FloatingMode.Panel.CopyLink.Tooltip />
</VeltTranscriptionWireframe.FloatingMode.Panel.CopyLink>
<VeltTranscriptionWireframe.FloatingMode.Panel.Summary>
<VeltTranscriptionWireframe.FloatingMode.Panel.Summary.Text />
<VeltTranscriptionWireframe.FloatingMode.Panel.Summary.ExpandToggle>
<VeltTranscriptionWireframe.FloatingMode.Panel.Summary.ExpandToggle.On />
<VeltTranscriptionWireframe.FloatingMode.Panel.Summary.ExpandToggle.Off />
</VeltTranscriptionWireframe.FloatingMode.Panel.Summary.ExpandToggle>
</VeltTranscriptionWireframe.FloatingMode.Panel.Summary>
<VeltTranscriptionWireframe.FloatingMode.Panel.Content>
<VeltTranscriptionWireframe.FloatingMode.Panel.Content.Item>
<VeltTranscriptionWireframe.FloatingMode.Panel.Content.Item.Text />
<VeltTranscriptionWireframe.FloatingMode.Panel.Content.Item.Time />
</VeltTranscriptionWireframe.FloatingMode.Panel.Content.Item>
</VeltTranscriptionWireframe.FloatingMode.Panel.Content>
</VeltTranscriptionWireframe.FloatingMode.Panel>
</VeltTranscriptionWireframe.FloatingMode.PanelContainer>
</VeltTranscriptionWireframe.FloatingMode>
{/* Thread Mode */}
<VeltTranscriptionWireframe.EmbedMode>
<VeltTranscriptionWireframe.EmbedMode.Panel>
<VeltTranscriptionWireframe.EmbedMode.Panel.CloseButton />
<VeltTranscriptionWireframe.EmbedMode.Panel.CopyLink>
<VeltTranscriptionWireframe.EmbedMode.Panel.CopyLink.Button />
<VeltTranscriptionWireframe.EmbedMode.Panel.CopyLink.Tooltip />
</VeltTranscriptionWireframe.EmbedMode.Panel.CopyLink>
<VeltTranscriptionWireframe.EmbedMode.Panel.Summary>
<VeltTranscriptionWireframe.EmbedMode.Panel.Summary.Text />
<VeltTranscriptionWireframe.EmbedMode.Panel.Summary.ExpandToggle>
<VeltTranscriptionWireframe.EmbedMode.Panel.Summary.ExpandToggle.On />
<VeltTranscriptionWireframe.EmbedMode.Panel.Summary.ExpandToggle.Off />
</VeltTranscriptionWireframe.EmbedMode.Panel.Summary.ExpandToggle>
</VeltTranscriptionWireframe.EmbedMode.Panel.Summary>
<VeltTranscriptionWireframe.EmbedMode.Panel.Content>
<VeltTranscriptionWireframe.EmbedMode.Panel.Content.Item>
<VeltTranscriptionWireframe.EmbedMode.Panel.Content.Item.Text />
<VeltTranscriptionWireframe.EmbedMode.Panel.Content.Item.Time />
</VeltTranscriptionWireframe.EmbedMode.Panel.Content.Item>
</VeltTranscriptionWireframe.EmbedMode.Panel.Content>
</VeltTranscriptionWireframe.EmbedMode.Panel>
</VeltTranscriptionWireframe.EmbedMode>
</VeltTranscriptionWireframe>
</VeltWireframe>
We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.
<VeltWireframe>
<VeltTranscriptionWireframe>
{/* Floating Mode */}
<VeltTranscriptionWireframe.FloatingMode>
<VeltTranscriptionWireframe.FloatingMode.Button />
<VeltTranscriptionWireframe.FloatingMode.Tooltip />
<VeltTranscriptionWireframe.FloatingMode.PanelContainer>
<VeltTranscriptionWireframe.FloatingMode.Panel>
<VeltTranscriptionWireframe.FloatingMode.Panel.CloseButton />
<VeltTranscriptionWireframe.FloatingMode.Panel.CopyLink>
<VeltTranscriptionWireframe.FloatingMode.Panel.CopyLink.Button />
<VeltTranscriptionWireframe.FloatingMode.Panel.CopyLink.Tooltip />
</VeltTranscriptionWireframe.FloatingMode.Panel.CopyLink>
<VeltTranscriptionWireframe.FloatingMode.Panel.Summary>
<VeltTranscriptionWireframe.FloatingMode.Panel.Summary.Text />
<VeltTranscriptionWireframe.FloatingMode.Panel.Summary.ExpandToggle>
<VeltTranscriptionWireframe.FloatingMode.Panel.Summary.ExpandToggle.On />
<VeltTranscriptionWireframe.FloatingMode.Panel.Summary.ExpandToggle.Off />
</VeltTranscriptionWireframe.FloatingMode.Panel.Summary.ExpandToggle>
</VeltTranscriptionWireframe.FloatingMode.Panel.Summary>
<VeltTranscriptionWireframe.FloatingMode.Panel.Content>
<VeltTranscriptionWireframe.FloatingMode.Panel.Content.Item>
<VeltTranscriptionWireframe.FloatingMode.Panel.Content.Item.Text />
<VeltTranscriptionWireframe.FloatingMode.Panel.Content.Item.Time />
</VeltTranscriptionWireframe.FloatingMode.Panel.Content.Item>
</VeltTranscriptionWireframe.FloatingMode.Panel.Content>
</VeltTranscriptionWireframe.FloatingMode.Panel>
</VeltTranscriptionWireframe.FloatingMode.PanelContainer>
</VeltTranscriptionWireframe.FloatingMode>
{/* Thread Mode */}
<VeltTranscriptionWireframe.EmbedMode>
<VeltTranscriptionWireframe.EmbedMode.Panel>
<VeltTranscriptionWireframe.EmbedMode.Panel.CloseButton />
<VeltTranscriptionWireframe.EmbedMode.Panel.CopyLink>
<VeltTranscriptionWireframe.EmbedMode.Panel.CopyLink.Button />
<VeltTranscriptionWireframe.EmbedMode.Panel.CopyLink.Tooltip />
</VeltTranscriptionWireframe.EmbedMode.Panel.CopyLink>
<VeltTranscriptionWireframe.EmbedMode.Panel.Summary>
<VeltTranscriptionWireframe.EmbedMode.Panel.Summary.Text />
<VeltTranscriptionWireframe.EmbedMode.Panel.Summary.ExpandToggle>
<VeltTranscriptionWireframe.EmbedMode.Panel.Summary.ExpandToggle.On />
<VeltTranscriptionWireframe.EmbedMode.Panel.Summary.ExpandToggle.Off />
</VeltTranscriptionWireframe.EmbedMode.Panel.Summary.ExpandToggle>
</VeltTranscriptionWireframe.EmbedMode.Panel.Summary>
<VeltTranscriptionWireframe.EmbedMode.Panel.Content>
<VeltTranscriptionWireframe.EmbedMode.Panel.Content.Item>
<VeltTranscriptionWireframe.EmbedMode.Panel.Content.Item.Text />
<VeltTranscriptionWireframe.EmbedMode.Panel.Content.Item.Time />
</VeltTranscriptionWireframe.EmbedMode.Panel.Content.Item>
</VeltTranscriptionWireframe.EmbedMode.Panel.Content>
</VeltTranscriptionWireframe.EmbedMode.Panel>
</VeltTranscriptionWireframe.EmbedMode>
</VeltTranscriptionWireframe>
</VeltWireframe>
<VeltWireframe>
<VeltTranscriptionWireframe>
{/* Floating Mode */}
<VeltTranscriptionWireframe.FloatingMode>
<VeltTranscriptionWireframe.FloatingMode.Button />
<VeltTranscriptionWireframe.FloatingMode.Tooltip />
<VeltTranscriptionWireframe.FloatingMode.PanelContainer>
<VeltTranscriptionWireframe.FloatingMode.Panel>
<VeltTranscriptionWireframe.FloatingMode.Panel.CloseButton />
<VeltTranscriptionWireframe.FloatingMode.Panel.CopyLink>
<VeltTranscriptionWireframe.FloatingMode.Panel.CopyLink.Button />
<VeltTranscriptionWireframe.FloatingMode.Panel.CopyLink.Tooltip />
</VeltTranscriptionWireframe.FloatingMode.Panel.CopyLink>
<VeltTranscriptionWireframe.FloatingMode.Panel.Summary>
<VeltTranscriptionWireframe.FloatingMode.Panel.Summary.Text />
<VeltTranscriptionWireframe.FloatingMode.Panel.Summary.ExpandToggle>
<VeltTranscriptionWireframe.FloatingMode.Panel.Summary.ExpandToggle.On />
<VeltTranscriptionWireframe.FloatingMode.Panel.Summary.ExpandToggle.Off />
</VeltTranscriptionWireframe.FloatingMode.Panel.Summary.ExpandToggle>
</VeltTranscriptionWireframe.FloatingMode.Panel.Summary>
<VeltTranscriptionWireframe.FloatingMode.Panel.Content>
<VeltTranscriptionWireframe.FloatingMode.Panel.Content.Item>
<VeltTranscriptionWireframe.FloatingMode.Panel.Content.Item.Text />
<VeltTranscriptionWireframe.FloatingMode.Panel.Content.Item.Time />
</VeltTranscriptionWireframe.FloatingMode.Panel.Content.Item>
</VeltTranscriptionWireframe.FloatingMode.Panel.Content>
</VeltTranscriptionWireframe.FloatingMode.Panel>
</VeltTranscriptionWireframe.FloatingMode.PanelContainer>
</VeltTranscriptionWireframe.FloatingMode>
{/* Thread Mode */}
<VeltTranscriptionWireframe.EmbedMode>
<VeltTranscriptionWireframe.EmbedMode.Panel>
<VeltTranscriptionWireframe.EmbedMode.Panel.CloseButton />
<VeltTranscriptionWireframe.EmbedMode.Panel.CopyLink>
<VeltTranscriptionWireframe.EmbedMode.Panel.CopyLink.Button />
<VeltTranscriptionWireframe.EmbedMode.Panel.CopyLink.Tooltip />
</VeltTranscriptionWireframe.EmbedMode.Panel.CopyLink>
<VeltTranscriptionWireframe.EmbedMode.Panel.Summary>
<VeltTranscriptionWireframe.EmbedMode.Panel.Summary.Text />
<VeltTranscriptionWireframe.EmbedMode.Panel.Summary.ExpandToggle>
<VeltTranscriptionWireframe.EmbedMode.Panel.Summary.ExpandToggle.On />
<VeltTranscriptionWireframe.EmbedMode.Panel.Summary.ExpandToggle.Off />
</VeltTranscriptionWireframe.EmbedMode.Panel.Summary.ExpandToggle>
</VeltTranscriptionWireframe.EmbedMode.Panel.Summary>
<VeltTranscriptionWireframe.EmbedMode.Panel.Content>
<VeltTranscriptionWireframe.EmbedMode.Panel.Content.Item>
<VeltTranscriptionWireframe.EmbedMode.Panel.Content.Item.Text />
<VeltTranscriptionWireframe.EmbedMode.Panel.Content.Item.Time />
</VeltTranscriptionWireframe.EmbedMode.Panel.Content.Item>
</VeltTranscriptionWireframe.EmbedMode.Panel.Content>
</VeltTranscriptionWireframe.EmbedMode.Panel>
</VeltTranscriptionWireframe.EmbedMode>
</VeltTranscriptionWireframe>
</VeltWireframe>