Krisp Noise Cancellation Plugin


Background noise always rears its ugly head while live streaming outside, on site, or in any untreated setting. Sounds can ruin anyone's listening or watching experience, whether it's from passing cars, construction noise, or mechanical whirs. Krisp Noise cancellation plugin helps in eliminating one’s background sound. This can help eliminate wide variety of background sounds. This guide provides an overview of usage of the noise suppression plugin of 100ms and below is the demo of it.


Minimum version requirement for hms-video-store - 0.11.7

Get the 100ms noise cancellation Package

npm install --save @100mslive/hms-noise-cancellation@latest

The plugin has the following methods:

getName(): string; // HMSKrispPlugin // Whether the plugin is supported by the browser. Safari/Mobile browsers are not supported currently isSupported(): boolean; // Toggles the noise cancellation toggle(): void; // whether the noise cancellation is currently enabled isEnabled(): boolean | undefined; stop(): void;

Checking if noise cancellation is enabled for the room. Please reach out to us to get this enabled for you.

import { selectRoom } from '@100mslive/hms-video-store'; import { HMSKrispPlugin } from '@100mslive/hms-noise-cancellation'; // Call this after preview/join is successful const isNoiseCancellationEnabled = hmsStore.getState(selectRoom)?.isNoiseCancellationEnabled; const plugin = new HMSKrispPlugin(); // check if audio track is available const localAudioTrack = hmsStore.getState(selectLocalAudioTrackID); let inProgress = false; hmsStore.subscribe(async (isPluginAdded) => { if(!isPluginAdded && !inProgress) { inProgress = true; await hmsActions.addPluginToAudioTrack(plugin); } }, selectIsLocalAudioPluginPresent(plugin.getName())); // Once the plugin is added, to disable/enable again, you can use the `plugin.toggle` method; // Current state of plugin can be obtained from `plugin.isEnabled()`;

Have a suggestion? Recommend changes ->

Was this helpful?