# naomiaro/waveform-playlist

Multitrack Web Audio editor and player with canvas waveform preview. Set cues, fades and shift multiple tracks in time. Record audio tracks or provide audio annotations. Export your mix to AudioBuffer or WAV! Add effects from Tone.js. Project inspired by Audacity.

Repository: https://github.com/naomiaro/waveform-playlist
Canonical: https://ross.abutalabs.com/products/waveform-playlist
Homepage: https://naomiaro.github.io/waveform-playlist/
Language: TypeScript
License: MIT
License Family: permissive
Topics: playlist, waveform, audio, audio-visualizer, audio-player, annotations, audiorecorder, webaudio, music, harmony, playback, daw, tonejs, audioworklet, hacktoberfest
Last push: 2026-08-17T19:34:35+00:00

## Health v2 (maintenance only)
Score: 94/100 (v2, computed 2026-09-03T02:39:23.370411+00:00)
- activity 98, release rhythm 86, longevity 100
- inputs: {"age_days": 4951, "days_push": 16, "days_rel": 16, "gap_med": 0, "n_releases_24m": 82}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1671, forks 315 (observed 2026-08-28T04:05:20.083503+00:00)

## What it is
A multitrack web audio editor and player library built on the Web Audio API, Tone.js, and React (with a Web Components alternative), featuring canvas waveform visualization, clip editing, recording, effects, MIDI playback, and WAV export. It is distributed as scoped npm packages around a headless engine with pluggable playout adapters.

## Use cases
- build a browser-based multitrack audio editor
- add waveform visualization and playback to a web app
- record audio tracks in the browser with live preview
- export a mixed audio project to WAV
- add time-synced annotations for transcription or podcast editing
- render MIDI files with piano roll and SoundFont playback

## When to choose
- you need an embeddable, customizable multitrack audio editor in a React or vanilla web project
- you want canvas waveform rendering with zoom, fades, and clip editing out of the box
- you need browser recording, effects, and WAV export without building a DAW from scratch

## When to avoid
- you need a full standalone desktop DAW application rather than an embeddable web component
- you require video editing or non-audio media workflows
- you need multiple independent editor instances on one page with the Tone.js provider (only one instance is supported; use the media-element path instead)

## Facets
- artifact type: library
- maturity: active
- function: audio-processing, ui-components, image-processing
- domain: web-development, media
- platform: browser
- tags: web-audio, waveform, multitrack-editor, daw, tonejs, react-components, web-components, midi, recording, wav-export, annotations, audio, web-server, nodejs

## Member repositories
- naomiaro/waveform-playlist (main) score 94

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:20.083503+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T03:42:42.122561+00:00, confidence not recorded.
  - readme: https://github.com/naomiaro/waveform-playlist (fetched 2026-08-28T04:05:20.083503+00:00, sha ee8f2aaa9e7d)
  - homepage: https://naomiaro.github.io/waveform-playlist/ (fetched 2026-08-29T11:16:12.075141+00:00, sha 569513c20f50)
  - site_page: https://naomiaro.com/waveform-playlist/docs (fetched 2026-08-29T11:16:12.078095+00:00, sha d288882ac86e)
  - site_page: https://naomiaro.com/waveform-playlist/docs/react/getting-started/installation (fetched 2026-08-29T11:16:12.080022+00:00, sha 28b7890be560)
  - site_page: https://naomiaro.com/waveform-playlist/docs/react/api/providers/waveform-playlist-provider (fetched 2026-08-29T11:16:12.081784+00:00, sha 8d4d070b0bd2)
  - registry_npm: https://registry.npmjs.org/waveform-playlist (fetched 2026-08-29T11:16:12.084216+00:00, sha 4690292fe907)
- Data as of 2026-08-30T08:39:29.467469+00:00.