mediaDevices.getUserMedia提示DOMException:Permission denied by
分类专栏: Javascript&
标签: getUserMedia媒体流
简介 记录使用
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
收藏
暂无评论信息
- 相关文章
- 文章推荐
-
docker搭建jenkins环境执行宿主机的docker无权限的解决方法
初次搭建jenkins持续集成工具的时候,在运行项目阶段出现 permission denied的情况
-
jQuery 3.0正式发布
jQuery 基金会刚刚发布了该 Java 框架的 3.0 版本,并且首次抛弃了对老旧的 IE 浏览器的支持。jQuery 3.0 的工作始于 2014 年 10 月,其最初目标是在 2.0 版本之上进行完善,并和遥远的 1.0 版代码说再见——因为要兼容 IE 的缘故,其已经臃肿不堪。jQuery 2.0 已经与 1.0 版本完全不兼容,而 3.0 也将继续这一路线。
-
眼镜试戴的装饰效果
开发眼镜类产品的时候需要使用试戴的功能,这里就有你需要的学习资料哦!
-
半导体短缺即将结束?分析师:如果没有 1 美元芯片会影响更多
德勤咨询(Deloitte Consulting)的芯片分析师认为,随着芯片行业资本支出的增加,需求度较高的工厂已经开工,预示着短缺情况即将结束。
- 点击排行
- 站长推荐
- 猜你喜欢
- 网站信息
- 站内问答:12篇
- 站内文章:213篇
- 建站时间:已运行1267天
- 备案号: 浙ICP备2022018799号
- 语言:
- English(USA)
- French(FR)
- Chinese(ZH)
无数据