Chrome: navigator.mediaDevices.getUserMedia is not a function

On some latest browsers navigator.getUserMedia does not perform well. So, try using navigator.mediaDevices.getUserMedia. Or, better you check if navigator.mediaDevices.getUserMedia is available for the browser use navigator.mediaDevices.getUserMedia or else use navigator.getUserMedia.

navigator.getWebcam = (navigator.getUserMedia || navigator.webKitGetUserMedia || navigator.moxGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia);if (navigator.mediaDevices.getUserMedia) {    navigator.mediaDevices.getUserMedia({  audio: true, video: true })    .then(function (stream) {                  //Display the video stream in the video object     })     .catch(function (e) { logError(e.name + ": " + e.message); });}else {navigator.getWebcam({ audio: true, video: true },      function (stream) {             //Display the video stream in the video object     },      function () { logError("Web cam is not accessible."); });}

Hope this will solve your problem.

Try enabling: chrome://flags/#enable-experimental-web-platform-features

Worked for me in chromium

I too had the same problem in my chrome browser.first check your phone is supported by testing it in https://test.webrtc.org/

if your phone passes all the cases, then check step 2

step 2:If your hosting a webpage or running a third party webpage,see whether camera permissions are enabled on your phone.

Also the main issue is WEBRTC is not supported in HTTP site and it is supported only in HTTPS site

This is the https site which allows webThis is the http site which gives a error