Skip to content

feat: add echo cancellation and noise suppression for recoding - #2747

Open
sapphi-red wants to merge 2 commits into
slidevjs:mainfrom
sapphi-red:feat/echo-cancellation-and-noise-suppression-for-recoding
Open

sapphi-red wants to merge 2 commits into
slidevjs:mainfrom
sapphi-red:feat/echo-cancellation-and-noise-suppression-for-recoding

Conversation

@sapphi-red

Copy link
Copy Markdown
Contributor

This PR adds echo cancellation and noise suppression feature for the recoding feature.

I recently use the recoding feature to record a video for a talk. I first recorded while I was using a fan and noticed that the noise caused by the fan was on the video. This PR will help for that kind of cases.

The UI looks like this now:
スクリーンショット 2026-09-19 23 07 00
スクリーンショット 2026-09-19 23 07 31

The echo cancellation feature uses the browser built-in option (MediaTrackConstraints::echoCancellation).

The noise suppression feature uses the browser built-in option (MediaTrackConstraints::noiseSuppression) or my @sapphi-red/web-noise-suppressor package. My package supports multiple backends, but I added RNNoise (a well-known model, used in OBS) and GTCRN (state-of-the-art one in lightweight models). In my experience, RNNoise and GTCRN works better than the browser built-in one. You can try it at https://web-noise-suppressor.sapphi.red/.

@netlify

netlify Bot commented Sep 19, 2026

Copy link
Copy Markdown

Deploy Preview for slidev ready!

Name Link
🔨 Latest commit 890ac55
🔍 Latest deploy log https://app.netlify.com/projects/slidev/deploys/6aae9bd8b15dfa0008f15a90
😎 Deploy Preview https://deploy-preview-2747--slidev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@pkg-pr-new

pkg-pr-new Bot commented Sep 19, 2026

Copy link
Copy Markdown

Open in StackBlitz

@slidev/client

npm i https://pkg.pr.new/@slidev/client@2747

create-slidev

npm i https://pkg.pr.new/create-slidev@2747

create-slidev-theme

npm i https://pkg.pr.new/create-slidev-theme@2747

@slidev/parser

npm i https://pkg.pr.new/@slidev/parser@2747

@slidev/cli

npm i https://pkg.pr.new/@slidev/cli@2747

@slidev/types

npm i https://pkg.pr.new/@slidev/types@2747

commit: 890ac55

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant