getUserMedia 调用 video，audio 报错 OverconstrainedError

最新推荐文章于 2023-03-23 16:22:57 发布
最新推荐文章于 2023-03-23 16:22:57 发布
阅读量8k 收藏 2
点赞数 4
分类专栏： -------------工作--------------- 兼容性问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013899738/article/details/80946683
版权
在开发中使用navigator.mediaDevices.getUserMedia获取媒体流时，遇到在低配置设备和Safari浏览器中报OverconstrainedError或NotFoundError的问题。此问题可能由于设备分辨率限制以及iOS Safari的支持版本导致。解决方案包括考虑降低媒体请求参数，以适应更广泛的设备，并针对Safari的版本限制进行适配。
摘要由CSDN通过智能技术生成

在开发中需要侦测视频中的的动作幅度，方向以及用户音量大小，所以需要调用媒体

使用 navigator.mediaDevices.getUserMedia 调用媒体的前提条件：

最低0.47元/天 解锁文章
PaigeWw
关注
专栏目录
getUserMedia()出现的常见错误
weixin_30607029的博客
08-07 5386
个人学习笔记，非个人原创， 原文地址 https://webrtc.org.cn/getusermedia-common-error/ ...
定位详解(二) Overconstrained
jlin991的博客
01-21 1187
2.2 绝对定位前面一篇文章我们提到了 如果加入了right bottom width 的限制?也就是我们的绝对定位元素声明了尺寸，而且left top 是显式声明了的值，另外两个时auto，这时怎么处理？先看非替换元素非替换元素的放置和大小一般地，元素的大小和位置取决于其包含块。 各个属性的值都会有影响，不过最主要还是其包含块~！考虑一个定位元素的宽度和水平放置。 可以表示为一个等式： lef
WebRTC实现实时互动AI视频应用
逸尘的专栏
11-01 2338
前言 在此之前，简单介绍下前因后果。最近负责一个人脸和手势识别的可视化大屏项目，需要前端负责视频的抽帧和传输任务。起初，我们使用的是海康威视的摄像头，通过局域网来推送RTSP视频流。因为原生的video标签是不支持rtsp格式的视频的，所以前端采用了视频直播常用的JSMpeg + WebSocket的方案，即JSMpeg 从 WebSocket 服务器拉取 MPEG-TS 流进行播放。 JSMpe...
getUserMedia API及HTML5 调用手机摄像头拍照
weixin_34332905的博客
10-31 1759
getUserMedia API简介 HTML5的getUserMedia API为用户提供访问硬件设备媒体（摄像头、视频、音频、地理位置等）的接口，基于该接口，开发者可以在不依赖任何浏览器插件的条件下访问硬件媒体设备。 getUserMedia API最初是navigator.getUserMedia，目前已被最新Web标准废除，变更为...
JavaScript&&stream类问题&&OverconstrainedError
dfq737211338的博客
03-03 3875
JavaScript&&stream类问题&&OverconstrainedErrorOverconstrainedError参考文献： OverconstrainedError 看了很多资料，大部分回答是把原因归咎于设备。最终，同事给出了一个移花接木的解决方案 根基资料： <!DOCTYPE html> <html lang="en"> &...
html5语音 没反映,【报Bug】关于HTML5 getUserMedia()、audio语音的问题
weixin_29792607的博客
05-30 576
详细问题描述[内容]现在项目组遇到了关于语音的问题，我们原来网页端使用的是getUserMedia()，获取录入的语音流mediaStream，然后使用HBuilder封装成app后，会报权限问题，我也查了一些资料，getUserMedia()对浏览器的依赖性很大，对于移动端，会依赖平台的webview。所以我们也打算放弃使用getUserMedia()，但是语音流还是需要的，所以我们去研究了一下...
html5 video src参数,vue 中使用html5 video标签动态获取src报错
weixin_27038261的博客
06-29 993
在使用vue并配合elementUI开发中，将video放到一个弹窗插件中，页面的渲染正常，能够获得src，但是控制台报：GET http://xxxx.xxx.xxxx.com/vide... 403 (Forbidden)碰撞上传上传记录{{phone}}{{num}}{{ scope.row.createdDateStr }}{{ scope.row.size }}{{activeBtn}}...
iOS 16 适配问题记录
从事上架业务5年，专注APP上架 IOS Google市场
02-14 1310
iOS 16 适配问题记录
uniapp调用手机摄像头_HTML5通过navigator.mediaDevices.getUserMedia调用手机摄像头问题...
weixin_39820173的博客
12-19 6785
navigator.mediaDevices.getUserMedia应项目要求，需要实现移动端app嵌入H5页面完成实人认证的功能。打开getUserMedia文档，链接如下：https://developer.mozilla.org/zh-CN/docs/Web/API/MediaDevices/getUserMedia看上去很简单，最终却写的怀疑人生。API环境问题一：(为什么不管怎么配置都...
MediaDevices html5,HTML5通过navigator.mediaDevices.getUserMedia调用手机摄像头问题
weixin_36173034的博客
06-15 1997
navigator.mediaDevices.getUserMedia应项目要求，需要实现移动端app嵌入H5页面完成实人认证的功能。打开getUserMedia文档，链接如下：https://developer.mozilla.org/zh-CN/docs/Web/API/MediaDevices/getUserMedia看上去很简单，最终却写的怀疑人生。API环境问题一：(为什么不管怎么配置都...
页面利用getUserMedia来调用摄像头拍照并且显示
qq_39050148的博客
04-24 1422
参考资料：https://developer.mozilla.org/zh-CN/docs/Web/API/MediaDevices/getUserMedia 之前没有接触过需要调用摄像头的需求，所以只能通过网上搜索寻找做法了；开始做之前的问题： 怎么调用摄像头？ 怎么把摄像头拍摄到的画面显示到页面上？ 怎么从画面截图完成拍照功能？ 在网上搜索以后就发现特别简单： -navigator.mediaDevices.getUserMedia()就可以请求开启摄像头； -如果用户给了权限，那么返回的异步函数里
MediaDevices html5,HTML5如何通过navigator.mediaDevices.getUserMedia调用手机摄像头
weixin_42186579的博客
06-15 1159
HTML5如何通过navigator.mediaDevices.getUserMedia调用手机摄像头发布时间：2021-05-23 15:03:11来源：亿速云阅读：76作者：小新这篇文章主要介绍了HTML5如何通过navigator.mediaDevices.getUserMedia调用手机摄像头，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家...
MediaDevices.getUserMedia` undefined 的问题
weixin_47615289的博客
10-21 228
MediaDevices.getUserMedia` undefined 的问题 字数：196，预计阅读时间：1min 通过 MediaDevices.getUserMedia() 获取用户多媒体权限时，需要注意其只工作于以下三种环境： localhost 域 开启了 HTTPS 的域 使用 file:/// 协议打开的本地文件 其他情况下，比如在一个 HTTP 站点上，navigator.mediaDevices 的值为 undefined。 如果想要 HTTP 环境下也能使用和调试 MediaDevic
VUE中调用PC摄像头时报错问题：getUserMedia is not implemented in this browser解决办法
zzy7075的专栏
03-07 799
VUE中调用PC摄像头时报错问题：getUserMedia is not implemented in this browser解决办法
调用webRtc getUserMedia 报错问题解决办法
.伊泽瑞尔
03-23 3139
一、这种情况首选的是生产环境升级http协议为https协议，这个时候浏览器就会放权。【当然本地使用localhost访问，浏览器默认是支持权限开放的】
js video清空src
Stavin Li的博客
05-10 1998
let video = documnet.querySelector('video') try { if ('srcObject' in video) { video.srcObject = null; } else { // Avoid using this in new browsers, as it is going away. video.src = null; } } catch(e){ console.log(e) } 注意 src置为''无法清空video 且
MediaDevices.getUserMedia（）的运用
SuXiaoBai_的博客
05-04 4569
JS开启外部设备函数（转载于MDN）
getUserMedia的使用
zhangbw's blog
07-28 4711
getUserMedia API HTML 5 的getUserMedia API提供了访问媒体的能力, 基于该特性, 开发者可以不依赖任何浏览器插件下去访问视频和音频等设备. 旧版API : navigator.getUserMedia 新版API : navigator.mediaDevices.getUserMedia 旧版语法: getUserMedia(constraints, successCallback, errorCallback); 新版语法: getUserMedia(constra
使用getUserMedia报错Cannot read properties of undefined (reading 'getUserMedia')
最新发布
09-08
您好！根据您提供的错误信息，您在使用getUserMedia时遇到了问题。getUserMedia是WebRTC的API之一，用于从设备上获取音频和视频流。 出现"Cannot read properties of undefined (reading 'getUserMedia')"错误的原因通常是因为getUserMedia方法不被浏览器支持或未正确调用。请确保您的浏览器支持getUserMedia，并且在调用之前进行了适当的检查。 以下是可能导致这个错误的一些常见问题和解决方法： 1. 浏览器兼容性：首先，请确保您使用的浏览器支持getUserMedia方法。您可以在https://caniuse.com/网站上查看浏览器的兼容性信息。如果浏览器不支持该方法，您可能需要考虑使用其他替代方案或更新浏览器版本。 2. 安全性限制：使用getUserMedia方法时，浏览器通常会对权限进行限制。请确保您的代码在HTTPS协议下运行，因为大多数浏览器只允许在安全环境下使用摄像头和麦克风。 3. 方法调用：确保正确调用了getUserMedia方法并传递了正确的参数。您可以参考以下示例代码： ```javascript navigator.mediaDevices.getUserMedia({ video: true, audio: true }) .then(function(stream) { // 在这里处理获取的音视频流 }) .catch(function(error) { // 处理获取音视频流时发生的错误 console.log('Error accessing media devices: ', error); }); ``` 请确保您将正确的参数传递给getUserMedia方法，并正确处理返回的音视频流或错误。 如果您仍然遇到问题，请提供更多详细的代码和浏览器环境信息，以便我们更好地帮助您解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值