sapphi-red / web-noise-suppressor

Noise suppressor nodes for Web Audio API.

@sapphi-red/web-noise-suppressor

Noise suppressor nodes for Web Audio API.

Demo

This package provides three noise suppression nodes.

• NoiseGateWorkletNode: A simple noise gate implementation
• RnnoiseWorkletNode: Based on xiph/rnnoise
  • Using shiguredo/rnnoise-wasm
• SpeexWorkletNode: Based on xiph/speexdsp's preprocess function
  • Using sapphi-red/speex-preprocess-wasm

This package requires AudioWorklet to work.

Install

npm i @sapphi-red/web-noise-suppressor # yarn add @sapphi-red/web-noise-suppressor

Usage

This section is written only for vite users.

import { SpeexWorkletNode } from '@sapphi-red/web-noise-suppressor'
import speexWorkletPath from '@sapphi-red/web-noise-suppressor/speexWorklet.js?url'
import speexWasmPath from '@sapphi-red/web-noise-suppressor/speex.wasm?url' // you can use `vite-plugin-static-copy` instead of this

const ctx = new AudioContext()

const speexWasmBinary = await loadSpeex({ url: speexWasmPath })
await ctx.audioWorklet.addModule(speexWorkletPath)

const stream = await navigator.mediaDevices.getUserMedia({
  audio: true
})

const source = ctx.createMediaStreamSource(stream)
const speex = new SpeexWorkletNode(ctx, {
  wasmBinary: speexWasmBinary,
  maxChannels: 2
})

source.connect(speex)
speex.connect(ctx.destination)

For more details, see demo source code.

web-noise-suppressor's Issues

Does not work with Firefox

Input channel number may differ from output channel number.

glitches with rnnoise

Maybe passing same values many times is the reason.
Because it may break states inside rnnoise.

Add some tests