Skip to content

ReferenceFeatures

Playback rate

Playback speed state and actions for the player store

Controls speed of playback.

Import

import { playbackRateFeature } from '@videojs/react';

The audioFeatures and videoFeatures feature bundles include this feature.

API Reference

State

PropertyTypeDetails
playbackRatesreadonly number[]
playbackRatenumber

Actions

ActionTypeDetails
setPlaybackRatefunction

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>;
}