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
收藏
暂无评论信息
- 相关文章
- 文章推荐
-
群辉nas docker容器 配置svn仓库,并实现外网访问
2022-08-11的这一天, 群辉nas到手了, 实现svn仓库外网的访问,折腾了好久。记录一下。
-
Docker 常用命令
docker目前代替虚拟机使用的一个容器,灵活好用。
-
docker搭建jenkins环境执行宿主机的docker无权限的解决方法
初次搭建jenkins持续集成工具的时候,在运行项目阶段出现 permission denied的情况
-
淘宝 NPM 镜像站喊你切换新域名啦
淘宝 NPM 镜像站(npm.taobao.org)自 2014 年 正式对外服务,一开始只是想简单地做 NPM 的中国镜像站点,回馈国内前端社区,不知不觉竟然一直运行到现在。当年参考 Ruby Gems 淘宝镜像 的方式,跟阿里开源组织申请了 taobao.org 的二级域名,镜像站点名称也自然而然地取名为 淘宝 NPM 镜像站 (下称 CNPM)。
- 点击排行
- 站长推荐
- 猜你喜欢
- 网站信息
- 站内问答:12篇
- 站内文章:213篇
- 建站时间:已运行1216天
- 备案号: 浙ICP备2022018799号
- 语言:
- English(USA)
- French(FR)
- Chinese(ZH)
无数据