wavegram 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,198 @@
+# wavegram
+
+Lightweight Web Component for previewing audio with a synchronized waveform, spectrogram, and playback cursor. It is intended for research demos, paper companion pages, audio dataset previews, and source-separation result comparisons.
+
+It is not an editor. It does not implement recording, effects, multitrack editing, annotation editing, ASR, or server-side processing.
+
+## Design Focus
+
+Wavegram is closest in spirit to lightweight waveform players such as wavesurfer.js, but its primary view is not just a waveform. It always treats waveform and spectrogram as two synchronized views over the same audio timeline.
+
+The core feature set is deliberately narrow:
+
+- Simultaneous waveform and spectrogram display.
+- One playback cursor rendered at the same time position in both views.
+- Click-to-seek from either waveform or spectrogram. By default, clicking a stopped player starts playback from that position, and clicking a playing player pauses after seeking.
+- Scientific, low-decoration presentation suitable for papers, demos, and dataset browsers.
+- No DAW-style editing, multitrack arrangement, effects, recording, or annotation workflow.
+
+## Install
+
+```sh
+npm install wavegram
+```
+
+```ts
+import "wavegram";
+```
+
+## Minimal Usage
+
+```html
+<wavegram-player
+  src="https://raw.githubusercontent.com/pdx-cs-sound/wavs/main/voice.wav"
+></wavegram-player>
+```
+
+The package is named `wavegram`. The custom element tag is `wavegram-player` because browser custom element names must contain a hyphen.
+
+The `src` value may be a relative URL such as `audio/example.wav` or an absolute URI such as the example above.
+Remote audio must be served with CORS headers so the component can fetch and decode it for waveform and spectrogram analysis.
+
+```ts
+const player = document.createElement("wavegram-player");
+player.src = "https://raw.githubusercontent.com/pdx-cs-sound/wavs/main/voice.wav";
+document.body.appendChild(player);
+```
+
+## Attributes
+
+| Attribute | Property | Default | Description |
+| --- | --- | --- | --- |
+| `src` | `src` | `""` | Audio URL. Uses browser-supported `decodeAudioData()` formats. |
+| `height` | `height` | `200` | Total visual height. Used to auto-allocate pane heights when individual heights are not set. |
+| `waveform-height` | `waveformHeight` | `80` | Waveform canvas height in CSS pixels. |
+| `spectrogram-height` | `spectrogramHeight` | `120` | Spectrogram canvas height in CSS pixels. |
+| `show-waveform` | `showWaveform` | `true` | Show waveform pane. |
+| `show-spectrogram` | `showSpectrogram` | `true` | Show spectrogram pane. |
+| `show-controls` | `showControls` | `false` | Show the play/pause button. |
+| `show-time` | `showTime` | `false` | Show current time and duration. |
+| `waveform-style` | `waveformStyle` | `waveform` | `waveform`, `bars`, `lines`, `blocks`, or `dots`. `line` is accepted as a legacy alias. |
+| `waveform-bar-width` | `waveformBarWidth` | style-dependent | Width of bars, blocks, or dots in CSS pixels. |
+| `waveform-bar-spacing` | `waveformBarSpacing` | style-dependent | Spacing between bars, blocks, or dots in CSS pixels. |
+| `autoplay` | `autoplay` | `false` | Start playback after loading. Browser autoplay policies still apply. |
+| `fft-size` | `fftSize` | `1024` | Radix-2 FFT size. Non-power-of-two values are errors. |
+| `hop-size` | `hopSize` | `256` | STFT hop size in samples. |
+| `window-type` | `windowType` | `hann` | `hann`, `hamming`, or `rectangular`. |
+| `min-db` | `minDb` | `-80` | Lower display bound. |
+| `max-db` | `maxDb` | `0` | Upper display bound. |
+| `color-map` | `colorMap` | `audition` | `audition`, `gray`, `magma`, `viridis`, or `inferno`. |
+| `channel` | `channel` | `mix` | `mix` or zero-based channel index. |
+
+## Events
+
+The component dispatches `CustomEvent`s named `loadstart`, `loaded`, `play`, `pause`, `seek`, `timeupdate`, `profile`, `playprofile`, and `error`.
+
+Normal event detail:
+
+```ts
+{
+  currentTime: number;
+  duration: number;
+}
+```
+
+Error event detail:
+
+```ts
+{
+  message: string;
+  cause?: unknown;
+}
+```
+
+`profile` reports load and analysis timing in milliseconds. It is emitted once when the player first becomes usable and again when spectrogram analysis finishes:
+
+```ts
+{
+  fetchMs: number;
+  audioReadyMs: number;
+  decodeMs: number;
+  waveformMs: number;
+  spectrogramMs?: number;
+  firstUsableMs: number;
+  totalMs?: number;
+}
+```
+
+`playprofile` reports playback startup latency:
+
+```ts
+{
+  playToPlayingMs: number;
+}
+```
+
+## Spectrogram Settings
+
+Spectrograms are computed with STFT:
+
+```text
+S[k, t] = 20 log10(|FFT(x_t)[k]| + 1e-10)
+```
+
+The internal `values` layout is time-major:
+
+```ts
+values[t * freqBins + k]
+```
+
+The initial implementation uses a pure TypeScript radix-2 FFT and runs spectrogram analysis in a Web Worker when Workers are available. If Workers are unavailable, the component can fall back to waveform-only or main-thread analysis depending on the environment.
+
+## Browser Support
+
+Audio decoding follows `AudioContext.decodeAudioData()` support in the user's browser. WAV, MP3, and Ogg Vorbis are common targets. FLAC support is browser-dependent.
+
+Playback uses `HTMLAudioElement`; waveform and spectrogram analysis use `AudioBuffer`.
+
+## Backward Compatibility
+
+The recommended element name is `<wavegram-player>`.
+The older `<audio-preview-spectrogram>` tag is still registered as a compatibility alias.
+
+## Demo Audio
+
+The examples use WAV files from [`pdx-cs-sound/wavs`](https://github.com/pdx-cs-sound/wavs), a sample collection for Portland State University's Computers, Sound and Music course. The repository states that the files are Creative Commons CC0 unless otherwise indicated.
+
+## Styling
+
+The component uses Shadow DOM and supports CSS custom properties:
+
+```css
+wavegram-player {
+  --ap-bg: #ffffff;
+  --ap-fg: #222222;
+  --ap-waveform-bg: #020604;
+  --ap-waveform: rgba(0, 214, 163, 0.34);
+  --ap-waveform-played: #00f0b5;
+  --ap-waveform-center: rgba(0, 92, 58, 0.7);
+  --ap-waveform-progress: #00f0b5;
+  --ap-cursor: #00d7ff;
+  --ap-cursor-shadow: rgba(0, 0, 0, 0.45);
+  --ap-spectrogram-tick: rgba(255, 255, 255, 0.42);
+  --ap-spectrogram-unplayed-opacity: 0.48;
+  --ap-border: #dddddd;
+}
+```
+
+## Known Limitations
+
+Long audio files are supported conservatively in the initial version. Large decoded buffers can still consume significant memory, and precomputed waveform or spectrogram JSON is reserved for a future extension.
+
+The component fetches each audio source once, then creates a Blob URL for playback and decodes the same `ArrayBuffer` for analysis. This avoids a second network request for `HTMLAudioElement` playback.
+
+## Development
+
+```sh
+npm install
+npm run build
+npm test
+npm run test:e2e
+```
+
+## Examples
+
+Run `npm run dev` and open:
+
+- `examples/basic.html`
+- `examples/multiple.html`
+- `examples/large-file.html`
+- `examples/profile.html`
+- `examples/multichannel.html`
+- `examples/waveform-only.html`
+- `examples/spectrogram-only.html`
+- `examples/styles.html`
+
+## License
+
+MIT

package/dist/assets/spectrogram.worker-Burn7NUr.js

@@ -0,0 +1 @@
+(function(){"use strict";function g(t,o,n){return Math.min(n,Math.max(o,t))}const b=1e-10;function M(t){return Number.isInteger(t)&&t>0&&(t&t-1)===0}function x(t,o){const n=new Float32Array(t);if(t===1)return n[0]=1,n;for(let e=0;e<t;e+=1)o==="hann"?n[e]=.5-.5*Math.cos(2*Math.PI*e/(t-1)):o==="hamming"?n[e]=.54-.46*Math.cos(2*Math.PI*e/(t-1)):n[e]=1;return n}function S(t){let o=0;for(const n of t)o+=n;return o/t.length}function D(t){return 20*Math.log10(Math.abs(t)+b)}function I(t,o){const n=t.length;if(!M(n)||o.length!==n)throw new Error("FFT input length must be a radix-2 size.");for(let e=1,a=0;e<n;e+=1){let f=n>>1;for(;a&f;f>>=1)a^=f;if(a^=f,e<a){const h=t[e];t[e]=t[a],t[a]=h;const r=o[e];o[e]=o[a],o[a]=r}}for(let e=2;e<=n;e<<=1){const a=-2*Math.PI/e,f=Math.cos(a),h=Math.sin(a);for(let r=0;r<n;r+=e){let c=1,l=0;for(let s=0;s<e/2;s+=1){const d=t[r+s],p=o[r+s],m=t[r+s+e/2]*c-o[r+s+e/2]*l,u=t[r+s+e/2]*l+o[r+s+e/2]*c;t[r+s]=d+m,o[r+s]=p+u,t[r+s+e/2]=d-m,o[r+s+e/2]=p-u;const w=c*f-l*h;l=c*h+l*f,c=w}}}}function R(t,o,n){const{fftSize:e,hopSize:a,windowType:f,minDb:h,maxDb:r}=n;if(!M(e))throw new Error(`fftSize must be a power of two. Received ${e}.`);if(!Number.isInteger(a)||a<=0)throw new Error(`hopSize must be a positive integer. Received ${a}.`);if(r<=h)throw new Error("maxDb must be greater than minDb.");const c=e/2+1,l=Math.max(1,Math.floor(Math.max(0,t.length-e)/a)+1),s=new Float32Array(l*c),d=x(e,f),p=Math.max(b,e*S(d)/2),m=new Float32Array(e),u=new Float32Array(e);for(let w=0;w<l;w+=1){const y=w*a;m.fill(0),u.fill(0);for(let i=0;i<e;i+=1)m[i]=(t[y+i]??0)*d[i];I(m,u);for(let i=0;i<c;i+=1){const F=Math.hypot(m[i],u[i])/p;s[w*c+i]=g(D(F),h,r)}}return{values:s,freqBins:c,timeFrames:l,sampleRate:o,fftSize:e,hopSize:a,minDb:h,maxDb:r}}self.addEventListener("message",t=>{try{const o=R(t.data.samples,t.data.sampleRate,{fftSize:t.data.fftSize,hopSize:t.data.hopSize,windowType:t.data.windowType,minDb:t.data.minDb,maxDb:t.data.maxDb});self.postMessage(o,[o.values.buffer])}catch(o){self.postMessage({error:{message:o instanceof Error?o.message:"Failed to compute spectrogram."}})}})})();

package/dist/audio/decodeAudio.d.ts

@@ -0,0 +1,2 @@
+export declare function decodeAudioData(arrayBuffer: ArrayBuffer): Promise<AudioBuffer>;
+//# sourceMappingURL=decodeAudio.d.ts.map

package/dist/audio/decodeAudio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"decodeAudio.d.ts","sourceRoot":"","sources":["../../src/audio/decodeAudio.ts"],"names":[],"mappings":"AAOA,wBAAsB,eAAe,CAAC,WAAW,EAAE,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC,CAGpF"}

package/dist/audio/loadAudio.d.ts

@@ -0,0 +1,2 @@
+export declare function loadAudio(src: string): Promise<ArrayBuffer>;
+//# sourceMappingURL=loadAudio.d.ts.map

package/dist/audio/loadAudio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadAudio.d.ts","sourceRoot":"","sources":["../../src/audio/loadAudio.ts"],"names":[],"mappings":"AAAA,wBAAsB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,WAAW,CAAC,CAMjE"}

package/dist/audio/playback.d.ts

@@ -0,0 +1,2 @@
+export declare function createAudioElement(src: string, autoplay: boolean): HTMLAudioElement;
+//# sourceMappingURL=playback.d.ts.map

package/dist/audio/playback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"playback.d.ts","sourceRoot":"","sources":["../../src/audio/playback.ts"],"names":[],"mappings":"AAAA,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,gBAAgB,CAMnF"}

package/dist/audio/spectrogram.d.ts

@@ -0,0 +1,8 @@
+import { SpectrogramData, SpectrogramOptions, WindowType } from '../types';
+export declare function isPowerOfTwo(value: number): boolean;
+export declare function createWindow(size: number, type: WindowType): Float32Array;
+export declare function coherentGain(window: Float32Array): number;
+export declare function amplitudeToDb(amplitude: number): number;
+export declare function fftRadix2(real: Float32Array, imag: Float32Array): void;
+export declare function computeSpectrogram(samples: Float32Array, sampleRate: number, options: SpectrogramOptions): SpectrogramData;
+//# sourceMappingURL=spectrogram.d.ts.map

package/dist/audio/spectrogram.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spectrogram.d.ts","sourceRoot":"","sources":["../../src/audio/spectrogram.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAKhF,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEnD;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,GAAG,YAAY,CAiBzE;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAMzD;AAED,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAEvD;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,GAAG,IAAI,CAgDtE;AAED,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,YAAY,EACrB,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,kBAAkB,GAC1B,eAAe,CAsCjB"}

package/dist/audio/waveform.d.ts

@@ -0,0 +1,4 @@
+import { WaveformPeaks } from '../types';
+export declare function computeWaveformPeaks(samples: Float32Array, width: number): WaveformPeaks;
+export declare function computeWaveformPeaksFromBuffer(buffer: AudioBuffer, width: number, channel: number | "mix"): WaveformPeaks;
+//# sourceMappingURL=waveform.d.ts.map

package/dist/audio/waveform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"waveform.d.ts","sourceRoot":"","sources":["../../src/audio/waveform.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAG9C,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,GAAG,aAAa,CAuBxF;AAED,wBAAgB,8BAA8B,CAC5C,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,MAAM,GAAG,KAAK,GACtB,aAAa,CAEf"}

package/dist/component/Wavegram.d.ts

@@ -0,0 +1,108 @@
+import { ChannelSelection, ColorMapName, WaveformStyle, WindowType } from '../types';
+export declare class Wavegram extends HTMLElement {
+    static observedAttributes: string[];
+    private audio?;
+    private audioBuffer?;
+    private waveformPeaks?;
+    private spectrogram?;
+    private worker?;
+    private resizeObserver?;
+    private animationFrame;
+    private loadingToken;
+    private blobUrl?;
+    private playRequestedAt?;
+    private readonly root;
+    private readonly button;
+    private readonly toolbar;
+    private readonly timeEl;
+    private readonly currentEl;
+    private readonly durationEl;
+    private readonly statusEl;
+    private readonly errorEl;
+    private readonly waveformPane;
+    private readonly spectrogramPane;
+    private readonly waveformCanvas;
+    private readonly spectrogramCanvas;
+    private readonly spectrogramOverlay;
+    private readonly waveformCursor;
+    private readonly spectrogramCursor;
+    constructor();
+    get src(): string;
+    set src(value: string);
+    get height(): number;
+    set height(value: number);
+    get waveformHeight(): number;
+    set waveformHeight(value: number);
+    get spectrogramHeight(): number;
+    set spectrogramHeight(value: number);
+    get showWaveform(): boolean;
+    set showWaveform(value: boolean);
+    get showSpectrogram(): boolean;
+    set showSpectrogram(value: boolean);
+    get showControls(): boolean;
+    set showControls(value: boolean);
+    get showTime(): boolean;
+    set showTime(value: boolean);
+    get waveformStyle(): WaveformStyle;
+    set waveformStyle(value: WaveformStyle);
+    get waveformBarWidth(): number | undefined;
+    set waveformBarWidth(value: number);
+    get waveformBarSpacing(): number | undefined;
+    set waveformBarSpacing(value: number);
+    get autoplay(): boolean;
+    set autoplay(value: boolean);
+    get fftSize(): number;
+    set fftSize(value: number);
+    get hopSize(): number;
+    set hopSize(value: number);
+    get windowType(): WindowType;
+    set windowType(value: WindowType);
+    get minDb(): number;
+    set minDb(value: number);
+    get maxDb(): number;
+    set maxDb(value: number);
+    get colorMap(): ColorMapName;
+    set colorMap(value: ColorMapName);
+    get channel(): ChannelSelection;
+    set channel(value: ChannelSelection);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    private load;
+    private recomputeAnalysis;
+    private computeSpectrogramForCurrentBuffer;
+    private computeSpectrogramInWorker;
+    private bindAudio;
+    private layoutAndRender;
+    private drawCursors;
+    private clearCursor;
+    private drawSpectrogramOverlay;
+    private readonly handlePlayButton;
+    private readonly handleSeekClick;
+    private readonly handleKeydown;
+    private readonly handleTimeUpdate;
+    private readonly handleAudioPlay;
+    private readonly handleAudioPlaying;
+    private readonly handleAudioPause;
+    private startAnimation;
+    private stopAnimation;
+    private updateTimeLabels;
+    private get duration();
+    private get playbackProgress();
+    private dispatchTypedEvent;
+    private handleError;
+    private clearError;
+    private setStatus;
+    private getCanvasWidth;
+    private getPaneHeights;
+    private getNumberAttribute;
+    private getOptionalNumberAttribute;
+    private getBooleanAttribute;
+    private setBooleanAttribute;
+    private cssVar;
+    private cssNumberVar;
+    private requireElement;
+    private waitForAudioReady;
+    private revokeBlobUrl;
+}
+//# sourceMappingURL=Wavegram.d.ts.map

package/dist/component/Wavegram.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wavegram.d.ts","sourceRoot":"","sources":["../../src/component/Wavegram.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import { Wavegram } from './component/Wavegram';
+declare class AudioPreviewSpectrogram extends Wavegram {
+}
+export { AudioPreviewSpectrogram, Wavegram };
+export type { ChannelSelection, ColorMapName, LoadProfileDetail, PlayerErrorDetail, PlayerEventDetail, PlaybackProfileDetail, SpectrogramData, SpectrogramOptions, WaveformPeaks, WaveformStyle, WindowType, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,cAAM,uBAAwB,SAAQ,QAAQ;CAAG;AASjD,OAAO,EAAE,uBAAuB,EAAE,QAAQ,EAAE,CAAC;AAC7C,YAAY,EACV,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,eAAe,EACf,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,UAAU,GACX,MAAM,SAAS,CAAC"}