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
收藏
下一篇:
JS数字每三位加逗号最佳的一种方式
暂无评论信息
- 相关文章
- 文章推荐
-
淘宝 NPM 镜像站喊你切换新域名啦
淘宝 NPM 镜像站(npm.taobao.org)自 2014 年 正式对外服务,一开始只是想简单地做 NPM 的中国镜像站点,回馈国内前端社区,不知不觉竟然一直运行到现在。当年参考 Ruby Gems 淘宝镜像 的方式,跟阿里开源组织申请了 taobao.org 的二级域名,镜像站点名称也自然而然地取名为 淘宝 NPM 镜像站 (下称 CNPM)。
-
Node 配置sequelize + mysql,根据模型自动创建数据库表
研究了一下午的node + sequelize + mysql。
-
乐视官方确认还有 400 多人:消息称员工“没有内卷和 996”,过着“没有老板”的神仙日子
7 月 11 日消息,近期,微博博主 @Fenng 分享了一个冷知识:乐视居然还剩下 400 多人,有不少是五年以上的老员工。这些老员工称“幸福感是很多老乐视人留下来的理由”,没有内卷和 996,没拖欠过留下来的员工的工资,也没停过社保。
-
HTML 面试知识点总结
本部分主要是笔者在复习 HTML 相关知识和一些相关面试题时所做的笔记,如果出现错误,希望大家指出!
- 点击排行
- 站长推荐
- 猜你喜欢
- 网站信息
- 站内问答:12篇
- 站内文章:204篇
- 建站时间:已运行843天
- 备案号: 浙ICP备2022018799号
- 语言:
English(USA)
French(FR)
Chinese(ZH)
无数据