Playback rate

Playback speed state and actions for the player store

Controls speed of playback.

Import

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

The audioFeatures and videoFeatures feature bundles include this feature.

API Reference

State

Property	Type	Details
`playbackRates`	`readonly number[]`
Description Available playback rates.
`playbackRate`	`number`
Description Current playback rate.

Actions

Action	Type	Details
`setPlaybackRate`	`(rate: number) => void`
Description Set the playback rate.

Selector

Pass selectPlaybackRate to PlayerController 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>;
}

import { createPlayer, UIElement, selectPlaybackRate } from '@videojs/html';
import { videoFeatures } from '@videojs/html/video';

const { PlayerController } = createPlayer({ features: videoFeatures });

class RateDisplay extends UIElement {
  readonly #rate = new PlayerController(this, selectPlaybackRate);
}