AudioPlayer

import { AudioPlayer } from "@fanvue/ui";
import type { AudioPlayerProps, AudioPlayerSize } from "@fanvue/ui";

import { AudioPlayer } from "@fanvue/ui";

const SILENT_CLIP_5S = "https://example.com/sample.wav";

<AudioPlayer src="data:audio/wav;base64,bm90LXJlYWwtYXVkaW8=" />

import { AudioPlayer } from "@fanvue/ui";

const SILENT_CLIP_5S = "https://example.com/sample.wav";

<AudioPlayer src={SILENT_CLIP_5S} duration={5} />

import { AudioPlayer } from "@fanvue/ui";

const SILENT_CLIP_5S = "https://example.com/sample.wav";

<div
  className="dark relative flex h-[361px] w-[255px] items-end rounded-2xl bg-center bg-cover p-4"
  style={{
    backgroundImage:
      "linear-gradient(0deg, rgba(0,0,0,0.55), rgba(0,0,0,0.15)), url(https://images.unsplash.com/photo-1494203484021-3c454daf695d?w=400&h=600&fit=crop)",
  }}
>
  <AudioPlayer src={SILENT_CLIP_5S} duration={5} className="w-[184px]" />
</div>

import { AudioPlayer } from "@fanvue/ui";

const SILENT_CLIP_5S = "https://example.com/sample.wav";

<div className="w-[424px] rounded-xl border border-border-primary bg-surface-primary p-4">
  <p className="typography-body-small-14px-regular mb-2 text-content-primary">
    Generated Audio
  </p>
  <AudioPlayer src={SILENT_CLIP_5S} duration={5} />
</div>