blocks|key|826378|text|注意，在移动设备上，您必须使用SSL来使用getUserMedia()。看看你是否使用http://前缀访问你的网站。尝试将其更改为https://，它应该可以正常工作。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|826379|entityMap^0|L|E|17|7|1U|8|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|O|8|@]|D|@]|E|$]]]|G|$]]

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

blocks|key|2027944|text|我发现这个网站对回答这个问题很有用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2027945|https://caniuse.com/#search=getusermedia|offset|length|2027946|它说getUserMedia只支持70+(2018年10月16日发布)|2027947|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|14|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@$D|Q|E|R|1|S]]|A|$]]|$1|F|3|G|5|6|7|T|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|C]]]]

I found this website useful in answering this question

<a href="https://caniuse.com/#search=getusermedia" rel="nofollow noreferrer">https://caniuse.com/#search=getusermedia</a>

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

blocks|key|2027970|text|检查MDN，然后确保浏览器支持它。它说，安卓52%2B需要Chrome。FWIW+68+为我工作|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2027971|您还应该特性-检查和捕获错误：|2027972|if+(!navigator.mediaDevices)+{
++console.log("Sorry,+getUserMedia+is+not+supported");
++return;
}

navigator.mediaDevices.getUserMedia(constraints)
.then(stream+=>+permissiongiven+=+1)
.catch(error+=>+console.log(error));|code-block|syntax|javascript|2027973|根据你所犯的错误，我们可能会学到更多。|2027974|NotFoundError意味着设备上没有检测到摄像头或麦克风。|unordered-list-item|style|CODE|2027975|NotAllowedError意味着未授予用户权限，或者您处于iframe或不是https中。|2027976|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia#Browser_compatibility|1|https://jsfiddle.net/jib1/pz5pynyf/show^0|2|3|0|16|4|1|0|0|0|0|0|D|0|0|F|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@$A|14|B|15|1|16]|$A|17|B|18|1|19]]|C|$]]|$1|D|3|E|5|6|7|1A|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|1B|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|1C|8|@]|9|@]|C|$]]|$1|M|3|N|5|O|7|1D|8|@$A|1E|B|1F|P|Q]]|9|@]|C|$]]|$1|R|3|S|5|O|7|1G|8|@$A|1H|B|1I|P|Q]]|9|@]|C|$]]|$1|T|3|-4|5|6|7|1J|8|@]|9|@]|C|$]]]|U|$V|$5|W|X|Y|C|$Z|10]]|11|$5|W|X|Y|C|$Z|12]]]]

Check <a href="https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia#Browser_compatibility" rel="nofollow noreferrer">MDN</a>, then make sure your browser supports it. You need Chrome for Android 52+ it says. FWIW 68 <a href="https://jsfiddle.net/jib1/pz5pynyf/show" rel="nofollow noreferrer">works for me</a>.

You should also feature-check and catch errors:

<pre class="lang-js prettyprint-override"><code>if (!navigator.mediaDevices) {
 console.log("Sorry, getUserMedia is not supported");
 return;
}

navigator.mediaDevices.getUserMedia(constraints)
.then(stream =&gt; permissiongiven = 1)
.catch(error =&gt; console.log(error));
</code></pre>

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

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

blocks|key|827977|text|navigator.mediaDevices.getUserMedia浏览器兼容性|type|unstyled|depth|inlineStyleRanges|entityRanges|data|827978|​|827979|📷|atomic|offset|length|827980|827981|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/2db58e6d1a9b74cf553aa82b0f5399d5.png|imageAlt^0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@$G|V|H|W|1|X]]|A|$]]|$1|I|3|C|5|6|7|Y|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q|R|-4]]]]

navigator.mediaDevices.getUserMedia Browser compatibility

<a href="https://i.stack.imgur.com/2PdYi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2PdYi.png" alt="enter image description here"></a>

blocks|key|2871687|text|我不知道navigator.getUserMedia是不受欢迎的(至少对三星来说是这样的，这就是我正在测试的)，我找到了一个代码示例这篇关于网络音频的文章，我几乎没有修改过：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2871688|​|2871689|function+initGetUserMedia()+{
++navigator.mediaDevices+=+navigator.mediaDevices+%7C%7C+{}
++navigator.mediaDevices.getUserMedia+=+navigator.mediaDevices.getUserMedia+%7C%7C+function(constraints)+{
++++let+getUserMedia+=+navigator.webkitGetUserMedia+%7C%7C+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);
++++++});
++++}
++}
}|code-block|syntax|javascript|2871690|2871691|entityMap|0|LINK|mutability|MUTABLE|url|https://medium.com/samsung-internet-dev/web-audio-on-different-platforms-67fc9ffc2c4e^0|4|M|1U|B|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@$9|Y|A|Z|1|10]]|E|$]]|$1|F|3|G|5|6|7|11|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|12|8|@]|D|@]|E|$K|L]]|$1|M|3|G|5|6|7|13|8|@]|D|@]|E|$]]|$1|N|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|O|$P|$5|Q|R|S|E|$T|U]]]]

i had no idea that <code>navigator.getUserMedia</code> was deprecated (at least for Samsung, which is what i was testing on), and i found <a href="https://medium.com/samsung-internet-dev/web-audio-on-different-platforms-67fc9ffc2c4e" rel="nofollow noreferrer">this article on web audio</a> with a code sample that i barely modified:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>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) =&gt; {
 getUserMedia.call(navigator, constraints, resolve, reject);
 });
 }
 }
}</code></pre>
</div>
</div>

blocks|key|2871787|text|使用ssl站点尝试使用以下代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2871788|<script>var+constraints+=+{audio:+true,+video:+false}
++++navigator.mediaDevices.getUserMedia(constraints).then(function(stream)+{{permissiongiven+=+1;});</script>|code-block|syntax|javascript|2871789|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try this code with ssl site:
<pre><code>&lt;script&gt;var constraints = {audio: true, video: false}
 navigator.mediaDevices.getUserMedia(constraints).then(function(stream) {{permissiongiven = 1;});&lt;/script&gt;
</code></pre>

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.

<pre class="lang-js prettyprint-override"><code>var constraints = {
 audio: true,
 video: false
}
navigator.mediaDevices.getUserMedia(constraints).then(function(stream) {
 permissiongiven = 1;
});
</code></pre>

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.

getUserMedia working on website but not working on mobile

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在使用getusermedia记录音频在我的网站。我已经包含了getusermedia的javascript。该记录功能在网站上运行良好，但在手机上打开时甚至不会弹出许可。var constraints = {  audio: true,  video: false}navigator.mediaDevices.getUserMedia(constraints).then(function(s

问getUserMedia在网站上工作，但不在手机上工作
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问getUserMedia在网站上工作，但不在手机上工作EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问getUserMedia在网站上工作，但不在手机上工作
EN