Chrome won’t play WebAudio getUserMedia via WebRTC/Peer.js

by

This still appears to be an issue even in Chrome 73.

The solution that saved me for now is to also connect the media stream to a muted HTML audio element. This seems to make the stream work and audio starts flowing into the WebAudio nodes.

This would look something like:

let a = new Audio();
a.muted = true;
a.srcObject = stream;
a.addEventListener('canplaythrough', () => {
    a = null;
});

let audioStream = audioContext.createMediaStreamSource(stream);
audioStream.connect(audioContext.destination);

JSFiddle: https://jsfiddle.net/jmcker/4naq5ozc/

Original Chromium issue and workaround:
https://bugs.chromium.org/p/chromium/issues/detail?id=121673#c121

New Chromium issue: https://bugs.chromium.org/p/chromium/issues/detail?id=687574 https://bugs.chromium.org/p/chromium/issues/detail?id=933677

More Related Contents:

  1. Why are regular expressions taking the helm in my JavaScript, and how do I insist “this is a string”? [closed]
  2. Is it possible to display a custom message in the beforeunload popup?
  3. new Date() is working in Chrome but not Firefox
  4. Detecting the onload event of a window opened with window.open
  5. How can I set default homepage in FF and Chrome via javascript?
  6. style.display=’none’ doesn’t work on option tags in chrome, but it does in firefox
  7. Cryptic “Script Error.” reported in Javascript in Chrome and Firefox
  8. WebRTC firefox constraints
  9. Breakpoint on property change
  10. How to getting browser current locale preference using javascript?
  11. JavaScript Time Zone is wrong for past Daylight Saving Time transition rules
  12. How JavaScript closures are garbage collected
  13. Does execCommand SaveAs work in Firefox?
  14. Open IE browser in Firefox/Chrome page
  15. Animated gif only loops once in Chrome and Firefox
  16. What happens to code after a javascript redirect (setting window.location.href)?
  17. Add to browser favorites/bookmarks from JavaScript but for all browsers (mine doesn’t work in Chrome)?
  18. Chrome – Fetch API cannot load file. How to workaround?
  19. Why is a function declaration within a condition block hoisted to function scope in Chrome but not Firefox?
  20. How can I inspect disappearing element in a browser?
  21. Get cursor or text position in pixels for input element
  22. Why are function declarations handled differently in different browsers?
  23. How to get result of console.trace() as string in javascript with chrome or firefox?
  24. Silence net::ERR_CONNECTION_REFUSED
  25. How to detect if user has enabled full screen in browser
  26. How to use “segments” mode at SourceBuffer of MediaSource to render same result at Chomium, Chorme and Firefox?
  27. chrome Pop-up blocker when to re-check after allowing page
  28. TypeError: Illegal Invocation on console.log.apply
  29. Using JavaScript to edit CSS gradient
  30. Why aren’t Safari or Firefox able to process audio data from MediaElementSource?

Leave a Comment