Is there a way to reduce the echoing? about twilio-video-app-react HOT 8 CLOSED

That's a good question @RusseII!

I'm wondering if you could please elaborate on the kind of noise that you are hearing? Is it fan noise from a laptop? Or is it crosstalk between the user's output device and their input device? Also, are there certain devices or browsers that experience noise more than others? Any additional details that you can provide would be very helpful.

It could be useful to check that the noiseSuppression and echoCancellation constraints are enabled. The noiseSuppression feature is not supported in Safari, so users that use Safari will have more background noise in their audio tracks.

from twilio-video-app-react.

Thanks for the info @timmydoza

The noise was crosstalk between the users output device/input device - specially the user who was having the issue was using a Google Pixel 2 XL with google chrome.

I'll check on the noiseSuppression and echoCancellation.

from twilio-video-app-react.

Thanks for the info! I did some googling, and there are a number of people reporting the same echo issue on Pixel 2's.

If the issue isn't present on any other devices, then I'm inclined to think that this is a hardware issue and not a problem with this application.

from twilio-video-app-react.

Closing due to inactivity. I'd be happy to open again if this can be traced to an app problem.

from twilio-video-app-react.

Hi Team,
We are using the app on Desktop / Chrome for video call. We are observing ECHO most of the time during the call from Chrome
Since it is not reported by anyone so far, we are wondering if we have missed anything.

Could you please help

from twilio-video-app-react.

Hi @timmydoza and the Twilio team,
Could we please re-open this issue or should I create a new one?
I'm also facing this issue. When I'm connected to a room, and somebody connects to the same room from Chrome with turned on music or video, I hear this noise very loud. Is there any way to cancel this noise?
Also, you've mentioned noiseSuppression and echoCancellation, but I didn't get how to pass it to Twilio

from twilio-video-app-react.

@timmydoza please help with the above query

from twilio-video-app-react.

@aditya-protonn @Black-Stork it's been a while since you asked but we just came across this issue and ended up implementing it this way:

import Video from 'twilio-video'
// https://github.com/twilio/twilio-video-app-react/issues/143
// https://developer.mozilla.org/en-US/docs/Web/API/Media_Streams_API/Constraints#example__constraint_exerciser
let constraints = {}

try {
  let supportedContraints =
    window.navigator.mediaDevices.getSupportedConstraints()
  // https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackSettings/echoCancellation
  if (supportedContraints.echoCancellation) {
    constraints.echoCancellation = true
  }
  // not supported on Safari iOS
  // https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackSettings/noiseSuppression
  if (supportedContraints.noiseSuppression) {
    constraints.noiseSuppression = true
  }
} catch (error) {}

let track = await Video.createLocalAudioTrack(constraints)

Alternatively, this may work too:

track.mediaStreamTrack.applyConstraints({ echoCancellation: true, noiseSuppression: true })

from twilio-video-app-react.