Noise Cancellation
You can remove hundreds of unwanted types of background noises from a video room using the Krisp Audio Plugin for Twilio Video to power AI based noise cancellation. Twilio has partnered with Krisp Technologies Inc., a leading technology vendor for noise suppression, in order to provide Twilio customers a best-in-class audio experience. This feature is available for all customers using Twilio Video Group Rooms.
How Twilio AI Noise Cancellation Works
Using tens of thousands of hours of audio recordings, Krisp.ai has created a sophisticated Deep Neural Network that can differentiate between background sounds and the human voice. It’s with this technology that we created the Krisp Audio Plugin for Twilio Video, a lightweight audio processor that can run inside your client application and create crystal clear audio.
The plugin needs to be loaded alongside the Twilio SDK and runs as part of the audio pipeline between the microphone and audio encoder in a preprocessing step. During this step, the AI-based noise cancellation algorithm removes unwanted sounds like barking dogs, construction noises, honking horns, and coffee shop chatter.
After the preprocessing step, the audio is encoded and delivered to the end user. Note that all of these steps happen on your device, with almost no latency, and no media sent to a server.
Requirements and Considerations
Twilio Video Noise Cancellation requires you to host and serve the Krisp audio plugin for Twilio as part of your web application. It also requires browser support of the WebAudio API (specifically Worklet.addModule). The table below lists the minimum browser version across major browsers:
Is Supported? |
Version |
|
Desktop |
||
Chrome |
Supported |
66 |
Edge |
Supported |
79 |
FireFox |
Supported |
76 |
Safari |
Not supported (see Limitations) |
- |
Mobile |
||
Chrome on Android |
Supported |
66 |
iOS (Safari or Chrome) |
Not supported (see Limitations) |
- |
If you try to use Krisp noise cancellation on a browser that is not supported, the SDK will return a non-Krisp enabled track to the application and your audio will follow the standard audio pipeline. In this case, you will get audioTrack with audioTrack.noiseCancellation
set to null.
Additional Considerations:
- Noise cancellation will increase CPU load on a device, as all the preprocessing happens on the device.
- You can only run one audio track through the audio plugin pipeline per Participant.
- Noise cancellation is not supported in P2P or Go rooms.
- When acquiring an audio track with Krisp noise cancellation enabled, we recommend that you disable browser’s in-built noise cancellation by specifying noiseSuppression: false as one of the constraints. However, one caveat is if you disable Krisp noise cancellation at runtime, you would not get browser’s noise cancellation.
Steps to Use Noise Cancellation
Step 1: Install the Plugin
The plugin is available on NPM.
You can install it with
npm install @twilio/krisp-audio-plugin
Once you install the plugin, you need to host the contents of
./node_modules/@twilio/krisp-audio-plugin/dist/
from your web server. We recommend that you add the plugin version number to the hosted path to ensure that the browser does not use stale version when it's updated.
Step 2 Configure your Application
If your application is using the default-src self
content security policy directive, then you should add another directive unsafe-eval
, which is required for the Krisp Audio Plugin to load successfully. In your application code, you will need to specify that you want to use Krisp in noiseCancellationOptions
when you create the local audio track. You also need to specify the path where your application server is hosting Krisp files from step 1 above.
const { connect, createLocalAudioTrack } = require('twilio-video');
// Create a LocalAudioTrack with Krisp noise cancellation enabled.
const localAudioTrack = await createLocalAudioTrack({
noiseCancellationOptions: {
sdkAssetsPath: 'path/to/hosted/krisp/audio/plugin/dist',
vendor: 'krisp'
}
});
if (!localAudioTrack.noiseCancellation) {
// If the Krisp audio plugin fails to load, then a warning message will be logged
// in the browser console, and the "noiseCancellation" property will be set to null.
// You can still use the LocalAudioTrack to join a Room. However, it will use the
// browser's noise suppression instead of the Krisp noise cancellation. Make sure
// the "sdkAssetsPath" provided in "noiseCancellationOptions" points to the correct
// hosted path of the plugin assets.
} else {
// Join a Room with the LocalAudioTrack.
const room = await connect('token', {
name: 'my-cool-room',
tracks: [localAudioTrack]
});
if (!localAudioTrack.noiseCancellation.isEnabled) {
// Krisp noise cancellation is permanently disabled in Peer-to-Peer and Go Rooms.
}
}
/**
* Enable/disable noise cancellation.
* @param {boolean} enable - whether noise cancellation should be enabled
*/
function setNoiseCancellation(enable) {
const { noiseCancellation } = localAudioTrack;
if (noiseCancellation) {
if (enable) {
// If enabled, then the LocalAudioTrack will use the Krisp noise
// cancellation instead of the browser's noise suppression.
noiseCancellation.enable();
} else {
// If disabled, then the LocalAudioTrack will use the browser's
// noise suppression instead of the Krisp noise cancellation.
noiseCancellation.disable();
}
}
}
Limitations and Known Issues
- Safari is not a supported browser due to API unreliability on version 15.x. This will be reevaluated in future versions.
- Chrome on iOS is not supported and can unsuccessfully fail at returning a non-Krisp enabled track on certain iOS versions. We recommend to not apply Krisp noise supression on iOS at this time.
Need some help?
We all do sometimes; code is hard. Get help now from our support team, or lean on the wisdom of the crowd by visiting Twilio's Stack Overflow Collective or browsing the Twilio tag on Stack Overflow.