npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@playground-sessions/chroma-chips

v0.1.1

Published

Twelve-bin chroma features for stabilizing pitch estimates and note labeling. Demonstrates mixing spectral features with a time-domain pitch guess to reduce octave errors on guitar/voice.

Downloads

6

Readme

Chroma Chips

Twelve-bin chroma features for stabilizing pitch estimates and note labeling. This library demonstrates mixing spectral features with a time-domain pitch guess to reduce octave errors on guitar/voice.

Features

  • Compute 12-bin chroma features from FFT magnitude data
  • Refine time-domain pitch estimates using spectral information
  • Handle frequency ranges from A1 (55 Hz) to C7 (2093 Hz)
  • Browser-compatible with TypeScript support

Installation

npm install @playground-sessions/chroma-chips

Usage

import { ChromaFeature } from '@playground-sessions/chroma-chips';

// Initialize with audio context settings
const chromaFeature = new ChromaFeature({
    sampleRate: 44100,
    fftSize: 2048
});

// Compute chroma features from FFT magnitudes
const magnitudes = new Float32Array(1024); // Your FFT magnitude data
const chroma = chromaFeature.computeChroma(magnitudes, Date.now());

// Refine a pitch estimate using chroma features
const pitchGuess = {
    frequency: 440, // Hz
    confidence: 0.5 // 0-1
};

const refinedPitch = chromaFeature.refinePitch(chroma, pitchGuess);
console.log(`Refined pitch: ${refinedPitch.frequency} Hz (confidence: ${refinedPitch.confidence})`);

Demo

Open demo.html in a web browser to try out the library with live microphone input. The demo shows:

  • Real-time pitch detection with chroma refinement
  • Visual representation of the chroma bins
  • Frequency spectrum visualization
  • Note name and confidence display

How It Works

  1. Chroma Feature Extraction

    • FFT magnitude spectrum is mapped to 12 pitch classes (C through B)
    • Each frequency bin contributes to its corresponding pitch class
    • Features are normalized to sum to 1.0
  2. Pitch Refinement

    • Initial pitch guess is converted to a pitch class
    • Chroma features are used to validate or adjust the guess
    • Nearby pitch classes are checked for stronger evidence
    • Confidence is adjusted based on spectral evidence

This approach helps reduce common pitch detection errors, particularly octave errors in complex signals like guitar or voice.

API Reference

ChromaFeature

Constructor

constructor(options: ChromaOptions)

Options:

  • sampleRate: Audio sample rate in Hz
  • fftSize: Size of the FFT (must match your magnitude data)
  • minFrequency: Optional minimum frequency (default: 55 Hz)
  • maxFrequency: Optional maximum frequency (default: 2093 Hz)

Methods

computeChroma(magnitudes: Float32Array, timestamp: number): ChromaVector

Computes chroma features from FFT magnitude data.

refinePitch(chroma: ChromaVector, pitchGuess: PitchGuess): PitchGuess

Refines a pitch estimate using chroma features.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

MIT