Error activating microphone in google Chrome

Question

Im trying to enable microphone to allow user record audio, but I get this error:

Uncaught TypeError: Cannot read property 'getUserMedia' of undefined at activateMicrophone

navigator.mediaDevices.getUserMedia({audio: true, video:false})
            .then(stream => {
                handlerFunction(stream, $audioSelect.siblings(".recordedAudio"));
                $(".record").prop("disabled", false);
            })

Solution

Grabbing navigator.mediaDevices as of Chrome 74 requires a secure context.

https://developer.mozilla.org/en-US/docs/Web/API/Navigator/mediaDevices

This means that non https:// requests will return an undefined object.

For more information on this change: https://w3c.github.io/mediacapture-main/#local-content

Comments

[Armen Michaeli]

I believe you linked wrong resource -- MDN doesn't say anything about how access to mediaDevices from scripts from insecure origins is handled. What you want to link to is w3c.github.io/mediacapture-main/#local-content

[Bitz]

The browser compatibility section covers the change with respect to secure contexts and Chrome versioning. Your link does actually cover the change explicitly but doesn't cover the browsers for which the changes are effective. I will include both resources as an edit. Thanks!