草庐IT

getusermedia

全部标签

html - 如何使用 getUserMedia 获取网络摄像头图像的大小?

我试图找出使用getUserMedia从网络摄像头获取的图像的大小。现在,在我的Macbook中,我应该有一个720p的相机,但我得到的图像是640x480。不过,我假设情况并非总是如此,而且我希望能够处理尽可能多的相机。(我更关心宽高比而不是尺寸本身,我只是想确保图片不会拉伸(stretch))这有可能吗?谢谢!丹尼尔 最佳答案 您应该能够使用videoWidth和videoHeight属性,如下所示://Checkcamerastreamisplayingbygettingitswidthvideo.addEventListen

html - Chrome getUserMedia 未在本地请求权限

我正在尝试在Chrome中使用navigator.getUserMedia;然而,它在本地服务时不请求许可(file:///whatever/index.html),但在JSFiddle(http://jsfiddle.net/EBsvq/)和其他网站上请求许可。有人知道这是什么原因吗?我是否需要以某种方式重置我的权限?这是我在本地使用的:Start/*!jQueryv1.8.3jquery.com|jquery.org/license*///JQuerygoesherenavigator.getUserMedia=navigator.webkitGetUserMedia||navig

javascript - 使用 getUserMedia 获得最大视频分辨率

我正在尝试通过JSnavigator.getUserMedia获得尽可能高的视频分辨率。我知道约束,但不知道如何根据我的情况做出正确选择。问题是看起来没有办法说“我想要一个最高分辨率的视频”。所以我想说的是“我想要视频不低于非常大的分辨率”。当我尝试minWidth:1600时,Chrome会返回1280×720的视频(我认为是我相机的最高可能)。但是如果用户有更高分辨率的相机呢?所以我要求minWidth:2048视频,Chrome只返回640×480。varconstraints={video:{optional:[{minWidth:2048}]}};这是在线示例:http://

ios - Navigator.mediaDevices.getUserMedia 不适用于 iOS 12 Safari

从iOS12开始,navigator.mediaDevices.getUserMedia()在Safari中返回错误。要重新创建它,请打开iPhoneWebInspector,然后在控制台中运行此代码段:varconstraints={audio:true,video:{width:1280,height:720}};navigator.mediaDevices.getUserMedia(constraints).then(function(){console.log('getUserMediacompletedsuccessfully.');}).catch(function(err

javascript - 在 getUserMedia 捕获后,使用 WebRTC 将 MediaStream 发送到主机服务器

我正在使用getUserMedia()捕获音频数据,我想将它发送到我的服务器,这样我就可以将它保存为MySQL字段中的Blob。这就是我想要做的。我已经多次尝试使用WebRTC来做到这一点,但我什至不知道这是否是正确的,甚至是最好的方法。有人可以帮助我吗?这是我用来从麦克风捕获音频的代码:navigator.getUserMedia({video:false,audio:true,},function(mediaStream){//outputmediaStreamtospeakers:varmediaStreamSource=audioContext.createMediaStrea

JS视频| DOMException: 无法启动视频源(DOMException: Could not start video source)

JS视频|DOMException:无法启动视频源(DOMException:Couldnotstartvideosource)问题DOMException:Couldnotstartvideosource信息:DOMException:无法启动视频源可能原因与解决方案你还在使用navigator.getUserMedia//navigator.getUserMedia已被弃用navigator.getUserMedia({video:{}},stream=>{video.srcObject=stream},err=>console.log(err));将上方代码改为navigator.med

JS视频| DOMException: 无法启动视频源(DOMException: Could not start video source)

JS视频|DOMException:无法启动视频源(DOMException:Couldnotstartvideosource)问题DOMException:Couldnotstartvideosource信息:DOMException:无法启动视频源可能原因与解决方案你还在使用navigator.getUserMedia//navigator.getUserMedia已被弃用navigator.getUserMedia({video:{}},stream=>{video.srcObject=stream},err=>console.log(err));将上方代码改为navigator.med

移动端 H5 实现自定义拍照界面

移动端H5实现自定义拍照界面一、实现思路手机端H5实现自定义拍照界面也可以使用MediaDevicesAPI和标签来实现。首先,使用MediaDevices.getUserMedia()方法获取摄像头媒体流,并将其传递给标签进行渲染。接着,使用HTML的标签来截取当前摄像头的画面,通过上的getContext('2d')方法来绘制。最后,使用canvas.toDataURL()方法将图像转换为base64格式,可以通过将其保存到本地或发送到服务器来存储照片。但是需要注意的是,在手机端,调用摄像头需要在HTTPS或localhost下访问,还需要用户事先进行授权。且在手机端可能会有些浏览器对于g

移动端 H5 实现自定义拍照界面

移动端H5实现自定义拍照界面一、实现思路手机端H5实现自定义拍照界面也可以使用MediaDevicesAPI和标签来实现。首先,使用MediaDevices.getUserMedia()方法获取摄像头媒体流,并将其传递给标签进行渲染。接着,使用HTML的标签来截取当前摄像头的画面,通过上的getContext('2d')方法来绘制。最后,使用canvas.toDataURL()方法将图像转换为base64格式,可以通过将其保存到本地或发送到服务器来存储照片。但是需要注意的是,在手机端,调用摄像头需要在HTTPS或localhost下访问,还需要用户事先进行授权。且在手机端可能会有些浏览器对于g