pitchfinder | A compilation of pitch detection algorithms for Javascript | Audio Utils library

import PitchFinder from 'pitchfinder'

const detectPitch = PitchFinder.AMDF()
const notes = ['A', 'A#', 'B', 'C', 'C#', 'D', 'D#', 'E', 'F', 'G', 'G#']

export default {
  data () {
    return {
      note: 'A',
      register: 4,
      cents: 0
    }
  },
  mounted () {
    navigator.mediaDevices.getUserMedia({ audio: true })
      .then(stream => {
        const context = new AudioContext()
        const source = context.createMediaStreamSource(stream)
        const processor = context.createScriptProcessor()

        source.connect(processor)
        processor.connect(context.destination)

        processor.onaudioprocess = e => {
          const hz = detectPitch(e.inputBuffer.getChannelData(0))
          if (hz) {
            console.log(hz)

            // ¢ or c = 1200 × log2 (f2 / f1), 1 semitone = 100 cents
            const semitones = 12 * (Math.log2((hz) / 440))
            const cents = semitones * 100

            // TODO: update component
          }
        }
      })
      .catch(e => {
        // TODO: handle error
      })
    }
  }
}