Component
Speed
Playback speed picker with four preset options.
Available speeds
| Value | Label | When to use |
|---|---|---|
| 0.75 | 0.75x | Slow down for complex or dense content |
| 1 | Normal | Default playback speed |
| 1.5 | 1.5x | Efficient viewing for familiar material |
| 2 | 2x | Maximum speed for quick review |
Fullscreen compatibility
Portal required
The speed popover uses
container={containerRef.current} to portal its content inside the player element. This is required for the popover to be visible in fullscreen mode. Do not remove this prop.Props
| Prop | Type | Default | Description |
|---|---|---|---|
| playbackRate* | 0.75 | 1 | 1.5 | 2 | — | Currently active playback speed. |
| onSpeedChange* | (speed: PlaybackSpeed) => void | — | Called with the new speed when user selects one. |
| containerRef* | RefObject<HTMLDivElement> | — | Fullscreen container element for popover portaling. |