selectPlaybackRate

Select the playback rate state slice from the player store

Pass selectPlaybackRate to usePlayer to subscribe to playback rate state. Returns undefined if the playback rate feature is not configured.

The returned state includes playbackRate, playbackRates, and the setPlaybackRate action.

import { usePlayer } from '@videojs/react';
import { selectPlaybackRate } from '@videojs/core/dom';

function RateDisplay() {
  const rate = usePlayer(selectPlaybackRate);
  if (!rate) return null;

  return <span>{rate.playbackRate}x</span>;
}

import { createPlayer, MediaElement } from '@videojs/html';
import { videoFeatures } from '@videojs/html/video';
import { selectPlaybackRate } from '@videojs/core/dom';

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

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

API Reference

Parameters

Parameter	Type	Default
`state*`	`object`	`—`

Return Value

MediaPlaybackRateState | undefined