able-glass-32220
09/23/2025, 3:34 AMtall-airline-16756
09/23/2025, 3:34 AMtall-airline-16756
09/23/2025, 3:34 AMnpm install @livekit/krisp-noise-filter.
2. Then, you can use the useKrispNoiseFilter hook (React) to easily enable or disable the filter:
import { useKrispNoiseFilter } from '@livekit/components-react/krisp';
function MyKrispSetting() {
const krisp = useKrispNoiseFilter();
return (
<input type="checkbox" onchange="{(ev) => krisp.setNoiseFilterEnabled(ev.target.checked)}"
checked={krisp.isNoiseFilterEnabled}
disabled={krisp.isNoiseFilterPending}
/>
);
}
If you prefer using the base JS SDK, here’s a simple way to set it up:
const { KrispNoiseFilter, isKrispNoiseFilterSupported } = await import('@livekit/krisp-noise-filter');
if (!isKrispNoiseFilterSupported()) {
console.warn('Krisp is not supported in this browser');
return;
}
const krispProcessor = KrispNoiseFilter();
await trackPublication.track.setProcessor(krispProcessor);
await krispProcessor.setEnabled(true);
For iOS/macOS (Swift):
1. Add the LiveKitKrispNoiseFilter package using Swift Package Manager or CocoaPods.
2. Import the necessary modules with: import LiveKit and import LiveKitKrispNoiseFilter.
3. Initialize the filter and assign it as the audio capture post-processing delegate like this:
let filter = LiveKitKrispNoiseFilter()
let room = Room()
AudioManager.shared.capturePostProcessingDelegate = filter
room.add(delegate: filter)
Next, connect to your room and enable the microphone:
try await room.connect(url: "your-url", token: "your-token")
try await room.localParticipant.setMicrophone(enabled: true)
For Android, Flutter, and React Native: Krisp noise cancellation is supported through platform-specific packages. Please feel free to reach out if you'd like me to share details for these platforms—I’m here to help!
Just a friendly reminder: Krisp models run locally, so no audio data is sent to external servers. Also, to avoid any conflicts, make sure you’re not enabling Krisp noise cancellation both in the frontend and agent code at the same time.
Sources: krisp-minimal/krisp-minimal.xcodeproj/project.pbxproj | Enhanced noise cancellation | LiveKit Docs | README.md | packages/react/src/hooks/cloud/krisp/useKrispNoiseFilter.ts