草庐IT

mediadevices

全部标签

javascript - Chrome : navigator. mediaDevices.getUserMedia 不是函数

我在本地主机上并尝试在Chrome中使用MediaDevices.getUserMedia方法。我收到标题中的错误。我知道在Chrome中,只能将此功能与安全来源一起使用,并且localhost被认为是安全来源。此外,这适用于Firefox。这就是我在GoogleDevelopers网站上显示的使用方式https://developers.google.com/web/updates/2015/10/media-devices?hl=en:varconstraints=window.constraints={audio:false,video:true};navigator.media

javascript - getUserMedia - 如何检测设备是否真的有摄像头

我正在使用html5/javascriptgetUserMediaapi编写一个js应用程序,如果可用,它将使用设备的摄像头。我正在使用Modernizr来检测(浏览器的)能力,如下所示:if(Modernizr.getusermedia){在真正的block内:navigator.getUserMedia({//wewouldliketousevideobutnotaudio//ThisobjectisbrowserAPIspecific!-someimplementationsrequirebooleanproperties,othersrequirestrings!video:t

navigator.mediaDevices.getUserMedia获取本地音频/麦克权限并提示用户

navigator.mediaDevices.getUserMedia获取本地音频/麦克权限并提示用户效果获取权限NotFoundErrorNotAllowedError代码效果获取权限NotFoundErrorNotAllowedError代码//调用 captureLocalMedia()//方法functioncaptureLocalMedia(){console.warn('Requestinglocalvideo&audio');navigator.mediaDevices.getUserMedia(constraints).then(function(stream){console

javascript - iPhone X 上带有 chrome 的 navigator.mediaDevices.getUserMedia 出现问题

我试图让我的浏览器访问我的设备摄像头,以便我可以将媒体流输入视频,但是当我在谷歌浏览器上测试时不支持getUserMedia,但是当我使用safari时我没有问题。谷歌浏览器不再支持getUserMedia了吗?我已经读过thisarticle,但没有运气。这是我目前使用的实现:navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia;letconstraints={audio:false,video:{facingMode:"user"}

android - 在 webrtc 中使用 MediaDevices.getUserMedia() 切换摄像头

我正在尝试navigator.MediaDevices.getUserMedia()webrtc在通话期间切换设备摄像头。此功能在桌面浏览器上运行良好,但在mozillaandroid上无法运行。这是我正在使用的代码。varfront=false;varmyConstraints={video:{facingMode:(front?"user":"environment")}};navigator.mediaDevices.getUserMedia(myConstraints).then(function(stream){}对此有什么想法吗?? 最佳答案

vue&h5获取手机前置摄像头(安卓&ios),input capture属性和navigator.mediaDevices

调用前置摄像头 capture="user"调用后置摄像头capture="environment"或其他只适用于ios根据官网解释iOS最遵守遵守HTML5规范,其次是X5内核,安卓的webview基本忽略了capture。官方文档:www.w3.org/TR/2018/REC-html-media-capture-20180201/对于安卓,亲测capture="user"效果是,第一次打开前置摄像无效,默认还是后置,需要你在第一次打开相机后手动翻转摄像头,后面再打开才会默认前置 对于安卓用navigator.mediaDevices的getUserMedia注:!!!必须在https环境

H5 页面通过navigator.mediaDevices.getUserMedia调用手机摄像头拍照上传

需求:某知名化妆品牌,要做个在线问卷调查。需要试用着自拍上传注:使用navigator.mediaDevices.getUserMedia需要使用https请求协议否者视为不安全,无法访问,开发阶段需要将启动改为https在package.json中前端开发环境启动项目将http协议改为https协议  授权,默认前置,切换后置注意切换摄像头时要注意,一定要像关闭摄像头不然会有问题在部分手机上import{Button,Dialog,ImageUploader,Modal,Popup,Toast,}from'antd-mobile';importReact,{useEffect,useStat

javascript - 停止/关闭由 navigator.mediaDevices.getUserMedia 打开的网络摄像头流

我使用以下JavaScript代码打开了一个网络摄像头:conststream=awaitnavigator.mediaDevices.getUserMedia({/*...*/});是否有任何JavaScript代码可以停止或关闭网络摄像头? 最佳答案 由于最初发布了此答案,因此浏览器API已更改。.stop()在传递给回调的流中不再可用。开发人员必须访问构成流(音频或视频)的轨道并单独停止它们中的每一个。更多信息在这里:https://developers.google.com/web/updates/2015/07/media

javascript - 停止/关闭由 navigator.mediaDevices.getUserMedia 打开的网络摄像头流

我使用以下JavaScript代码打开了一个网络摄像头:conststream=awaitnavigator.mediaDevices.getUserMedia({/*...*/});是否有任何JavaScript代码可以停止或关闭网络摄像头? 最佳答案 由于最初发布了此答案,因此浏览器API已更改。.stop()在传递给回调的流中不再可用。开发人员必须访问构成流(音频或视频)的轨道并单独停止它们中的每一个。更多信息在这里:https://developers.google.com/web/updates/2015/07/media

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
12