feat(packages): add chromecast support via remote playback API (#1348)

packages/react/src/ui/cast-button/cast-button.tsx

@@ -0,0 +1,23 @@
+'use client';
+
+import { CastButtonCore, CastButtonDataAttrs } from '@videojs/core';
+import { selectCast } from '@videojs/core/dom';
+
+import type { UIComponentProps } from '../../utils/types';
+import { createMediaButton } from '../create-media-button';
+
+export interface CastButtonProps extends UIComponentProps<'button', CastButtonCore.State>, CastButtonCore.Props {}
+
+/** A button that toggles casting to a remote device. */
+export const CastButton = createMediaButton<CastButtonCore, CastButtonProps>({
+  displayName: 'CastButton',
+  core: CastButtonCore,
+  stateAttrMap: CastButtonDataAttrs,
+  selector: selectCast,
+  action: (core, state) => core.toggle(state),
+});
+
+export namespace CastButton {
+  export type Props = CastButtonProps;
+  export type State = CastButtonCore.State;
+}

packages/react/src/ui/cast-button/index.ts

@@ -0,0 +1 @@
+export * from './cast-button';