Data, new
Waveform Player
A real WebAudio player for a deterministic forty-second synthesized clip, with a DPR waveform, heat-following playhead, chapters, scrubbing, speed and volume.
$149 once · every Pro piece
Customize
Install
npx shadcn@latest add @obsyde/waveform-playerNeeds your licence key · Get Pro
Usage
Import it from where the CLI puts it, or copy the files below by hand.
import { WaveformPlayer } from '@/components/obsyde/ember/waveform-player/WaveformPlayer';
export function Example() {
return (
<WaveformPlayer />
);
}
Files
What you get with Pro: plain React, TypeScript and CSS, with no dependencies.
ember/waveform-player/WaveformPlayer.tsxcomponentember/waveform-player/waveform-player.cssstylesember/waveform-player/audio.tsmoduleember/waveform-player/WaveformPlayerDemo.tsxdemoember/shared/spring.tssharedember/shared/accent.tssharedember/shared/rolling-number.csssharedember/shared/RollingNumber.tsxsharedember/kit2-kit/kit.tssharedember/shared/ember.cssshared
API
| Prop | Type | Default |
|---|---|---|
accentAccent | 'ember' | 'volt' | 'arc' | 'ember' |
barWidthBar width | number | 2 |
showChaptersChapters | boolean | true |
glowAccent glow | boolean | true |