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>Play</AudioControlPlay>
19
          <AudioControlSeek />
20
          <AudioControlGroup>
21
            <AudioControlTimer />
22
            <AudioControlPlaybackRate rates={[0.5, 0.75, 1, 1.25, 2]}>
23
              Playback rate
24
            </AudioControlPlaybackRate>
25
            <AudioControlVolume>Volume</AudioControlVolume>
26
            <AudioControlLoop>Loop</AudioControlLoop>
27
          </AudioControlGroup>
28
        </AudioPlayer>
29
      </AudioProvider>
30
    </>
31
  );
32
}