diff --git a/site/src/content/docs/reference/feature-text-tracks.mdx b/site/src/content/docs/reference/feature-text-tracks.mdx index a251b8ab..497ab875 100644 --- a/site/src/content/docs/reference/feature-text-tracks.mdx +++ b/site/src/content/docs/reference/feature-text-tracks.mdx @@ -14,19 +14,19 @@ Manages subtitles, captions, chapters, and thumbnail tracks. ### Selector -Pass `selectTextTracks` to `usePlayer` to subscribe to text track state. Returns `undefined` if the text tracks feature is not configured. +Pass `selectTextTrack` to `usePlayer` to subscribe to text track state. Returns `undefined` if the text tracks feature is not configured. -Pass `selectTextTracks` to `PlayerController` to subscribe to text track state. Returns `undefined` if the text tracks feature is not configured. +Pass `selectTextTrack` to `PlayerController` to subscribe to text track state. Returns `undefined` if the text tracks feature is not configured. ```tsx title="CaptionsButton.tsx" -import { selectTextTracks, usePlayer } from '@videojs/react'; +import { selectTextTrack, usePlayer } from '@videojs/react'; function CaptionsButton() { - const tracks = usePlayer(selectTextTracks); + const tracks = usePlayer(selectTextTrack); if (!tracks) return null; return ( @@ -40,13 +40,13 @@ function CaptionsButton() { ```ts title="captions-button.ts" -import { createPlayer, MediaElement, selectTextTracks } from '@videojs/html'; +import { createPlayer, MediaElement, selectTextTrack } from '@videojs/html'; import { videoFeatures } from '@videojs/html/video'; const { PlayerController, context } = createPlayer({ features: videoFeatures }); class CaptionsButton extends MediaElement { - readonly #textTracks = new PlayerController(this, context, selectTextTracks); + readonly #textTracks = new PlayerController(this, context, selectTextTrack); } ```