首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用webkitGetUserMedia启动后置摄像头

如何使用webkitGetUserMedia启动后置摄像头
EN

Stack Overflow用户
提问于 2019-02-26 18:20:18
回答 3查看 1.9K关注 0票数 0

我正在尝试打开旧手机(android 5.0版)中的后置摄像头。由于这些旧设备不支持navigator.mediaDevices && navigator.mediaDevices.getUserMedia,所以我只能依靠webkitGetUserMedia。我已经成功地打开了一个摄像头并显示视频,但它只使用前置摄像头,我需要一个后置摄像头视频。以下是我的代码

代码语言:javascript
运行
复制
if(navigator.webkitGetUserMedia) { // WebKit-prefixed
        navigator.webkitGetUserMedia({video: true}, function(stream){
            video.src = window.webkitURL.createObjectURL(stream);
            video.play();
        }, errBack);

我没有找到任何与此相关的文档。有没有办法用webkitGetUserMedia打开后置摄像头?其次,由于我正在使用基于科尔多瓦的应用程序,默认情况下,科尔多瓦使用默认系统webview (可以选择使用人行横道,但不想将其与基于科尔多瓦的应用程序混在一起),是否有可能集成任何其他webview来实现这一点(getUserMedia等)?

EN

回答 3

Stack Overflow用户

发布于 2019-02-26 20:22:16

您需要更改朝向模式

代码语言:javascript
运行
复制
{ audio: true, video: { facingMode: "user" } }

代码语言:javascript
运行
复制
{ audio: true, video: { facingMode: { exact: "environment" } } }
票数 1
EN

Stack Overflow用户

发布于 2019-02-27 00:17:13

首先,我强烈推荐使用AdapterJS,它在所有不同的浏览器实现中填补了所有的差异(Tsahi在这个主题上的好blog )。

其次,您正在使用废弃的GUM-API,这是我不推荐的。我在一个GitHub项目上找到了一个issue,这正是你的问题所在,也许这会对你有所帮助。

在问题中陈述:

navigator.getUserMedia函数已弃用,您应该改用较新的MediaDevices.getUserMedia函数。文档的link

因此,如果您应用了这些更改,则GUM应该接受

{ audio: true, video: { facingMode: { exact: "environment" } } }

限制条件(第一个答案说得对),这应该给你的手机后置摄像头的视频流。

票数 0
EN

Stack Overflow用户

发布于 2019-02-28 18:17:45

您可能想要从adapter.js如何在旧版本中填补facingMode中获得灵感:https://github.com/webrtcHacks/adapter/blob/master/src/js/chrome/getusermedia.js

基本上,它尝试使用navigator.mediaDevices.enumerateDevices (您可能不得不求助于前面的MediaStreamTrack.getSources()函数)来枚举设备,然后尝试猜测哪个是后置摄像头,并将deviceId传递给getUserMedia。注意这一点,因为您的旧版本可能对deviceId有不同的约束名称(请参阅constraintsToChrome_函数),并且关于这一点的文档非常稀少。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54883209

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档