- 网站精华
mediaDevices.getUserMedia提示DOMException:Permission denied by
简介 记录使用
navigator.mediaDevices.getUserMedia采集媒体流提示错误。在开发前端的时候，有时候需要用到摄像头或者麦克风，这时候就会用到navigator.mediaDevices.getUserMedia的方法。
<p style="box-sizing: border-box; margin-bottom: 20px; border: 0px; color: #222222; font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-size: 18px; text-align: justify; background-color: #ffffff; text-indent: 2em;" data-track="12"><span style="box-sizing: border-box; border: 0px;">记录使用<br style="box-sizing: border-box;" />navigator.mediaDevices.getUserMedia采集媒体流提示错误。在开发前端的时候，有时候需要用到摄像头或者麦克风，这时候就会用到navigator.mediaDevices.getUserMedia的方法。</span></p>
<p style="box-sizing: border-box; margin-top: 20px; margin-bottom: 20px; border: 0px; color: #222222; font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-size: 18px; text-align: justify; background-color: #ffffff;" data-track="15"><span style="box-sizing: border-box; border: 0px;">以下使用<br style="box-sizing: border-box;" />navigator.mediaDevices.getUserMedia代码示例：</span></p>
<pre class="language-javascript"><code>// 采集本地音视频流（获取媒体输入的访问权限）
navigator.mediaDevices
.getUserMedia({
audio: true,
video: { width: '480', height: '360' }
})
.then(stream => {
console.log('成功获取媒体流')
localStream = stream;
})
.catch(error => {
console.log('无法获取本地媒体流 :>> ', error);
});</code></pre>
<p> </p>
<p style="box-sizing: border-box; margin-top: 20px; margin-bottom: 20px; border: 0px; color: #222222; font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-size: 18px; background-color: #ffffff; text-indent: 2em; text-align: left;" data-track="14">这里举个例子，小编系统是window10版本的。</p>
<p style="box-sizing: border-box; margin-top: 20px; margin-bottom: 20px; border: 0px; color: #222222; font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-size: 18px; background-color: #ffffff; text-indent: 2em; text-align: left;" data-track="5">在电脑桌面鼠标右键—> 显示设置， 如果没有检测到声音(一般问题)， 点击疑难解决， 系统会自动为您修复。</p>
<p class="pgc-p syl-page-br" style="box-sizing: border-box; margin-top: 18px; margin-bottom: 18px; border: 0px; height: 0px; color: #222222; font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-size: 18px; text-align: justify; background-color: #ffffff; text-indent: 2em;" data-track="6"> </p>
<p style="box-sizing: border-box; margin-top: 20px; margin-bottom: 20px; border: 0px; color: #222222; font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-size: 18px; text-align: justify; background-color: #ffffff; text-indent: 2em;" data-track="7">点击声音，然后右边的隐私设置</p>
<p style="box-sizing: border-box; margin-top: 20px; margin-bottom: 20px; border: 0px; color: #222222; font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-size: 18px; text-align: justify; background-color: #ffffff; text-indent: 2em;" data-track="7"><img src="https://www.bzsdn.com/api/20221205/64cb57e6-72b7-46f1-af55-2369501e77db.png" alt="点击声音，然后右边的隐私设置" width="1459" height="892" /></p>
<p style="box-sizing: border-box; margin-top: 20px; margin-bottom: 20px; border: 0px; color: #222222; font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-size: 18px; text-align: justify; background-color: #ffffff; text-indent: 2em;" data-track="7">打开声音的开关</p>
<p style="box-sizing: border-box; margin-top: 20px; margin-bottom: 20px; border: 0px; color: #222222; font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-size: 18px; text-align: justify; background-color: #ffffff; text-indent: 2em;" data-track="7"><img src="https://www.bzsdn.com/api/20221205/11f5050a-8064-4286-80e0-d30d4837e7ef.png" alt="打开声音的开关" width="1459" height="883" /></p>
<p style="box-sizing: border-box; margin-top: 20px; margin-bottom: 20px; border: 0px; color: #222222; font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-size: 18px; text-align: justify; background-color: #ffffff; text-indent: 2em;" data-track="7">选择相机 打开相机的开关</p>
<p><img src="https://www.bzsdn.com/api/20221205/c795a5a2-da05-49ac-8e77-a9fee243270d.png" alt="选择相机 打开相机的开关" width="1459" height="885" /></p>
<p><span style="color: #222222; font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Arial, sans-serif; font-size: 18px; text-align: justify; background-color: #ffffff;">这样就完成了没有权限的问题。</span></p>
<p> </p>
<p> </p>
<p> </p>
分享到：
转载：
https://www.toutiao.com/article/7173570005706048052/
喜欢 1
收藏
暂无评论信息