arraypress

Lightweight, customizable audio player with waveform visualization

Generate waveform peak data from audio files — per-file JSON for WaveformPlayer and WaveformBar, or one sounds manifest (with BPM and key from file names) for WaveformSounds. CLI and Node.js library.

Playlist and chapter navigation for WaveformPlayer

Astro components for @arraypress/waveform-bar — typed singleton mount and polymorphic play/queue trigger.

React components for @arraypress/waveform-bar — singleton mount and polymorphic play/queue trigger.

Persistent bottom audio player bar for WaveformPlayer - queue management, page persistence, and seamless playback

Documentation for the @arraypress waveform family — docs.waveformplayer.com

React component wrapper for @arraypress/waveform-sounds — server markup the runtime adopts, StrictMode-safe lifecycle, typed props, callbacks and an imperative handle.

Vue 3 component wrapper for @arraypress/waveform-sounds — SSR and hydration, typed props, emits and an exposed instance.

Astro component wrapper for @arraypress/waveform-sounds — server-rendered sound list, typed props as data-* attributes, ClientRouter-safe, one external script for strict CSPs.

Svelte 5 component wrapper for @arraypress/waveform-player — typed props for every option, callback props, exported imperative API, and SSR-safe mounting.

Vue 3 component wrapper for @arraypress/waveform-player — typed props for every option, event emits, an exposed imperative API, and SSR-safe mounting.

Svelte 5 components for @arraypress/waveform-bar — a singleton persistent bottom bar and a polymorphic play/queue trigger.

Vue 3 components for @arraypress/waveform-bar — singleton mount with config-as-props and a polymorphic play/queue trigger.

Astro component wrapper for @arraypress/waveform-player — typed props for every option, lazy-mount support, framework-idiomatic ergonomics.

Svelte 5 component wrapper for @arraypress/waveform-playlist — a declarative `tracks` array, typed props for every option, lifecycle callback props, an exported imperative navigation API, and SSR-safe mounting.

Vue 3 component wrapper for @arraypress/waveform-playlist — a declarative `tracks` array, typed props for every option, an exposed imperative API for playlist + chapter navigation, and SSR-safe mounting.

Subset an icon font (Tabler Icons, Bootstrap Icons, …) to the icons a built site actually uses — rewrites the CSS and the woff2. Astro integration included.

Svelte 5 component wrapper for @arraypress/waveform-sounds — server-rendered and hydrated, typed props, callback props and bind:this methods.

React component wrapper for @arraypress/waveform-player — forwardRef-friendly, useEffect lifecycle, typed props for every option.