Why is getUserMedia throwing a [object NavigatorUserMediaError] when I click “Allow” in Chrome?

Question

Recently, I started getting errors when trying to access the client\'s mic through my website. When Chrome asks whether to allow the site to access the user\'s microphone, <

Answer 1

getUserMedia only works on https; no exception for localhost (i.e http://localhost). Safari also does not ever seem to allow getUserMedia from within an iFrame. I always get a “Trying to call getUserMedia from a document with a different security origin than its top-level frame” error. This makes using sites like codepen and jsfiddle impossible.

More detials https://webrtchacks.com/safari-webrtc/