{
  "name": "media-player-settings-demo",
  "type": "registry:example",
  "dependencies": [
    "lucide-react",
    "media-chrome"
  ],
  "registryDependencies": [
    "badge",
    "button",
    "dropdown-menu",
    "media-player",
    "select",
    "slider",
    "tooltip"
  ],
  "files": [
    {
      "path": "examples/media-player-settings-demo.tsx",
      "type": "registry:example",
      "content": "import {\n  MediaPlayer,\n  MediaPlayerCaptions,\n  MediaPlayerControls,\n  MediaPlayerControlsOverlay,\n  MediaPlayerError,\n  MediaPlayerFullscreen,\n  MediaPlayerLoading,\n  MediaPlayerPiP,\n  MediaPlayerPlay,\n  MediaPlayerSeek,\n  MediaPlayerSeekBackward,\n  MediaPlayerSeekForward,\n  MediaPlayerSettings,\n  MediaPlayerTime,\n  MediaPlayerVideo,\n  MediaPlayerVolume,\n  MediaPlayerVolumeIndicator,\n} from \"@/registry/bases/radix/ui/media-player\";\n\nexport default function MediaPlayerSettingsDemo() {\n  return (\n    <MediaPlayer autoHide>\n      <MediaPlayerVideo\n        src=\"https://stream.mux.com/Sc89iWAyNkhJ3P1rQ02nrEdCFTnfT01CZ2KmaEcxXfB008/low.mp4\"\n        crossOrigin=\"\"\n        muted\n        playsInline\n      >\n        <track\n          default\n          kind=\"chapters\"\n          src=\"https://media-chrome.mux.dev/examples/vanilla/vtt/elephantsdream/chapters.vtt\"\n        />\n        <track\n          default\n          kind=\"metadata\"\n          label=\"thumbnails\"\n          src=\"https://image.mux.com/Sc89iWAyNkhJ3P1rQ02nrEdCFTnfT01CZ2KmaEcxXfB008/storyboard.vtt\"\n        />\n        <track\n          label=\"English\"\n          kind=\"captions\"\n          srcLang=\"en\"\n          src=\"https://media-chrome.mux.dev/examples/vanilla/vtt/elephantsdream/captions.en.vtt\"\n          default\n        />\n        <track\n          label=\"Japanese\"\n          kind=\"captions\"\n          srcLang=\"ja\"\n          src=\"https://media-chrome.mux.dev/examples/vanilla/vtt/elephantsdream/captions.ja.vtt\"\n        />\n        <track\n          label=\"Swedish\"\n          kind=\"captions\"\n          srcLang=\"sv\"\n          src=\"https://media-chrome.mux.dev/examples/vanilla/vtt/elephantsdream/captions.sv.vtt\"\n        />\n      </MediaPlayerVideo>\n      <MediaPlayerLoading />\n      <MediaPlayerError />\n      <MediaPlayerVolumeIndicator />\n      <MediaPlayerControls className=\"flex-col items-start gap-2.5\">\n        <MediaPlayerControlsOverlay />\n        <MediaPlayerSeek />\n        <div className=\"flex w-full items-center gap-2\">\n          <div className=\"flex flex-1 items-center gap-2\">\n            <MediaPlayerPlay />\n            <MediaPlayerSeekBackward />\n            <MediaPlayerSeekForward />\n            <MediaPlayerVolume expandable />\n            <MediaPlayerTime />\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <MediaPlayerCaptions />\n            <MediaPlayerSettings />\n            <MediaPlayerPiP />\n            <MediaPlayerFullscreen />\n          </div>\n        </div>\n      </MediaPlayerControls>\n    </MediaPlayer>\n  );\n}\n",
      "target": ""
    }
  ]
}