{
  "name": "media-player-demo",
  "type": "registry:example",
  "dependencies": [
    "media-chrome"
  ],
  "registryDependencies": [
    "button",
    "media-player",
    "select",
    "slider",
    "tooltip"
  ],
  "files": [
    {
      "path": "examples/media-player-demo.tsx",
      "type": "registry:example",
      "content": "import {\n  MediaPlayer,\n  MediaPlayerControls,\n  MediaPlayerControlsOverlay,\n  MediaPlayerFullscreen,\n  MediaPlayerPiP,\n  MediaPlayerPlay,\n  MediaPlayerPlaybackSpeed,\n  MediaPlayerSeek,\n  MediaPlayerSeekBackward,\n  MediaPlayerSeekForward,\n  MediaPlayerTime,\n  MediaPlayerVideo,\n  MediaPlayerVolume,\n} from \"@/registry/bases/radix/ui/media-player\";\n\nexport default function MediaPlayerDemo() {\n  return (\n    <MediaPlayer>\n      <MediaPlayerVideo>\n        <source src=\"/assets/cloud.mp4\" type=\"video/mp4\" />\n      </MediaPlayerVideo>\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            <MediaPlayerPlaybackSpeed />\n            <MediaPlayerPiP />\n            <MediaPlayerFullscreen />\n          </div>\n        </div>\n      </MediaPlayerControls>\n    </MediaPlayer>\n  );\n}\n",
      "target": ""
    }
  ]
}