mirror of
https://github.com/zoriya/v10.git
synced 2026-08-08 23:27:58 +00:00
33 lines
882 B
JavaScript
33 lines
882 B
JavaScript
"use client";
|
|
import { createMediaButton } from "../create-media-button.js";
|
|
import { selectPlaybackRate } from "@videojs/core/dom";
|
|
import { PlaybackRateButtonCore, PlaybackRateButtonDataAttrs } from "@videojs/core";
|
|
//#region src/ui/playback-rate-button/playback-rate-button.tsx
|
|
/**
|
|
* A button that cycles through playback rates.
|
|
*
|
|
* @example
|
|
* ```tsx
|
|
* <PlaybackRateButton />
|
|
*
|
|
* <PlaybackRateButton
|
|
* render={(props, state) => (
|
|
* <button {...props}>
|
|
* {state.rate}×
|
|
* </button>
|
|
* )}
|
|
* />
|
|
* ```
|
|
*/
|
|
const PlaybackRateButton = createMediaButton({
|
|
displayName: "PlaybackRateButton",
|
|
core: PlaybackRateButtonCore,
|
|
stateAttrMap: PlaybackRateButtonDataAttrs,
|
|
selector: selectPlaybackRate,
|
|
action: (core, state) => core.cycle(state),
|
|
hotkeyAction: "speedUp"
|
|
});
|
|
//#endregion
|
|
export { PlaybackRateButton };
|
|
|
|
//# sourceMappingURL=playback-rate-button.js.map
|