Skip to main content
Back to discovery

Live preview recorded from Dqnamo Kitchen; component and provider source published by JP / dqnamo. Preview: platform recorded · rights authorized.

Cassette Audio Player

A tactile audio player with turning reels and a compact-cassette control surface.

dSource Landdqnamo

Why it stands out

A compact-cassette player combines transport controls, a moving progress indicator, and animated tape reels inside a tactile retro control surface. Playback makes the reels rotate while the elapsed time and track progress advance.

Prompt

import { CassettePlayer } from "@/components/CassettePlayer";

const captionTracks = [
  {
    default: true,
    label: "English",
    src: "/audio/one-small-step.vtt",
    srcLang: "en",
  },
] as const;

export function AudioPlayer() {
  return (
    <CassettePlayer
      audioSrc="/audio/one-small-step.mp3"
      captionTracks={captionTracks}
      trackTitle="One Small Step"
    />
  );
}

Discovery vocabulary

Related by governed terms

Continue comparing

More from dqnamo