Media Player

Display

Audio/video player card with controls, progress bar and artwork.

🚧

Demo coming soon

Add a demo component to DEMOS in _showcase.tsx for display/media-player

Instalação via CLI

$ npx kikitocn add media-player

Exemplo de uso

Media PlayerExample.tsx

import { MediaPlayer } from "@/components/ui/cn/media-player/MediaPlayer";

export function MediaPlayerExample() {
  return (
    <MediaPlayer />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`title`	`string`	—	Título da mídia
`artist`	`string`	—	Artista ou autoria
`cover`	`string`	—	URL da capa/thumbnail
`src`	`string`	—	URL da mídia
`type`	`'audio' \| 'video'`	`'audio'`	Tipo de mídia
`className`	`string`	—	Classes CSS extras

Voltar para Display

Carregando…