getUserMedia working on website but not working on mobile

Question

I am using getusermedia to record audio in my website. I've included the javascript of getusermedia. The record function works fine on website but doesn't even popup for permission in when opened on mobile.

var constraints = {
  audio: true,
  video: false
}
navigator.mediaDevices.getUserMedia(constraints).then(function(stream) {
  permissiongiven = 1;
});

this is the sample code which prompt me for permission but doesn't work on mobile. How can I make it work on both device. Any help is appreciated. Thanks.

Edit :- The code is now working fine on mobile as well. Maybe it was solved from chrome updates or security certificates of website. Thanks all for help.

I am using android with Marshmallow version and chrome browser. — shubham kakade, Jan 11 '19 at 07:17
Thanks everyone but the issue is resolved automatically. I guess the chrome app has updated its features to allow the microphone access from websites. — shubham kakade, Apr 03 '19 at 05:12

Juntong Chen · Accepted Answer · 2021-02-22T09:55:06.803

7

Note that on mobile devices, you have to use SSL to use getUserMedia(). Check out if you're accessing your website with a http:// prefix. Try change it to https:// and it should work fine.

edited Feb 22 '21 at 09:55

answered May 25 '20 at 05:44

Juntong Chen

131
1
9

3

Trying to develop on localhost, can't use https there, too shame. – pmiranda Apr 12 '21 at 18:29

score 1 · Answer 2 · answered Jan 11 '19 at 21:53

1

I found this website useful in answering this question

https://caniuse.com/#search=getusermedia

It says getUserMedia only supported from Chrome for Android version 70 (released Oct 16 2018)

answered Jan 11 '19 at 21:53

Hassan Voyeau

3,383
4
22
24

2

That's not right. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia#Browser_compatibility) has getUserMedia in Chrome for Android since 52. – jib Jan 13 '19 at 23:55
Any progress with this? – Hassan Voyeau Jan 17 '19 at 20:52
Progress on what? caniuse is wrong and MDN is right AFAIK. [Wfm](https://jsfiddle.net/jib1/pz5pynyf/show) on Chrome for Android 68 for instance. – jib Jan 17 '19 at 21:23
Has the OP made any progress with his problem? – Hassan Voyeau Jan 17 '19 at 22:53

jib · Answer 3 · 2019-01-17T21:38:33.720

Check MDN, then make sure your browser supports it. You need Chrome for Android 52+ it says. FWIW 68 works for me.

You should also feature-check and catch errors:

if (!navigator.mediaDevices) {
  console.log("Sorry, getUserMedia is not supported");
  return;
}

navigator.mediaDevices.getUserMedia(constraints)
.then(stream => permissiongiven = 1)
.catch(error => console.log(error));

Depending on the error you get, we might learn more.

NotFoundError means no camera or mic detected on the device.
NotAllowedError means user permission not granted, or you're in an iframe or not https.

score 0 · Answer 4 · answered Apr 02 '19 at 07:13

0

navigator.mediaDevices.getUserMedia Browser compatibility

answered Apr 02 '19 at 07:13

Rajkumar

1,017
9
12

score 0 · Answer 5 · answered Apr 13 '20 at 21:58

i had no idea that navigator.getUserMedia was deprecated (at least for Samsung, which is what i was testing on), and i found this article on web audio with a code sample that i barely modified:

function initGetUserMedia() {
  navigator.mediaDevices = navigator.mediaDevices || {}
  navigator.mediaDevices.getUserMedia = navigator.mediaDevices.getUserMedia || function(constraints) {
    let getUserMedia = navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
    if (!getUserMedia) {
      return Promise.reject(new Error('getUserMedia not supported by this browser'));
    } else {
      return new Promise((resolve, reject) => {
        getUserMedia.call(navigator, constraints, resolve, reject);
      });
    }
  }
}

score 0 · Answer 6 · edited Oct 25 '21 at 08:04

0

Try this code with ssl site:

<script>var constraints = {audio: true, video: false}
    navigator.mediaDevices.getUserMedia(constraints).then(function(stream) {{permissiongiven = 1;});</script>

edited Oct 25 '21 at 08:04

BSP

735
1
10
27

answered Oct 25 '21 at 07:29

vikram prajapat

1
1
2

getUserMedia working on website but not working on mobile

6 Answers6