Audio

1
import {
2
  AudioControlGroup,
3
  AudioControlLoop,
4
  AudioControlPlay,
5
  AudioControlPlaybackRate,
6
  AudioControlSeek,
7
  AudioControlTimer,
8
  AudioControlVolume,
9
  AudioPlayer,
10
  AudioProvider,
11
} from "@/components/ui/audio";
12
 
13
export default function AudioDemo() {
14
  return (
15
    <>
16
      <AudioProvider>
17
        <AudioPlayer src="/assets/audio.webm">
18
          <AudioControlPlay />
19
          <AudioControlSeek />
20
          <AudioControlGroup>
21
            <AudioControlTimer />
22
            <AudioControlPlaybackRate rates={[0.5, 0.75, 1, 1.25, 2]} />
23
            <AudioControlVolume />
24
            <AudioControlLoop />
25
          </AudioControlGroup>
26
        </AudioPlayer>
27
      </AudioProvider>
28
      <span className="text-muted-foreground italic">
29
        Star Wars - A Galaxy Devided © Lucasfilm Ltd.
30
      </span>
31
    </>
32
  );
33
}