{
  "name": "media-player-audio-demo",
  "type": "registry:example",
  "dependencies": [
    "lucide-react",
    "media-chrome"
  ],
  "registryDependencies": [
    "button",
    "media-player",
    "select",
    "slider",
    "tooltip"
  ],
  "files": [
    {
      "path": "examples/media-player-audio-demo.tsx",
      "type": "registry:example",
      "content": "import {\n  MediaPlayer,\n  MediaPlayerAudio,\n  MediaPlayerControls,\n  MediaPlayerLoop,\n  MediaPlayerPlay,\n  MediaPlayerPlaybackSpeed,\n  MediaPlayerSeek,\n  MediaPlayerSeekBackward,\n  MediaPlayerSeekForward,\n  MediaPlayerVolume,\n} from \"@/registry/bases/radix/ui/media-player\";\n\nexport default function MediaPlayerAudioDemo() {\n  return (\n    <MediaPlayer className=\"h-20\">\n      <MediaPlayerAudio className=\"sr-only\">\n        <source src=\"/assets/lofi.mp3\" type=\"audio/mp3\" />\n      </MediaPlayerAudio>\n      <MediaPlayerControls className=\"flex-col items-start gap-2.5\">\n        <MediaPlayerSeek withTime />\n        <div className=\"flex w-full items-center justify-center gap-2\">\n          <MediaPlayerSeekBackward />\n          <MediaPlayerPlay />\n          <MediaPlayerSeekForward />\n          <MediaPlayerVolume />\n          <MediaPlayerPlaybackSpeed />\n          <MediaPlayerLoop />\n        </div>\n      </MediaPlayerControls>\n    </MediaPlayer>\n  );\n}\n",
      "target": ""
    }
  ]
}