Playback rate
Playback speed state and actions for the player store
Controls speed of playback.
API Reference
State
| Property | Type | Details |
|---|---|---|
playbackRates | readonly number[] | |
| ||
playbackRate | number | |
| ||
Actions
| Action | Type | Details |
|---|---|---|
setPlaybackRate | (rate: number) => void | |
| ||
Selector
Pass selectPlaybackRate to usePlayer to subscribe to playback rate state. Returns undefined if the playback rate feature is not configured.
import { selectPlaybackRate, usePlayer } from '@videojs/react';
function RateDisplay() {
const rate = usePlayer(selectPlaybackRate);
if (!rate) return null;
return <span>{rate.playbackRate}x</span>;
}