我正在尝试打开旧手机(android 5.0版)中的后置摄像头。由于这些旧设备不支持navigator.mediaDevices && navigator.mediaDevices.getUserMedia
,所以我只能依靠webkitGetUserMedia。我已经成功地打开了一个摄像头并显示视频,但它只使用前置摄像头,我需要一个后置摄像头视频。以下是我的代码
if(navigator.webkitGetUserMedia) { // WebKit-prefixed
navigator.webkitGetUserMedia({video: true}, function(stream){
video.src = window.webkitURL.createObjectURL(stream);
video.play();
}, errBack);
我没有找到任何与此相关的文档。有没有办法用webkitGetUserMedia打开后置摄像头?其次,由于我正在使用基于科尔多瓦的应用程序,默认情况下,科尔多瓦使用默认系统webview (可以选择使用人行横道,但不想将其与基于科尔多瓦的应用程序混在一起),是否有可能集成任何其他webview来实现这一点(getUserMedia等)?
发布于 2019-02-26 20:22:16
您需要更改朝向模式
{ audio: true, video: { facingMode: "user" } }
或
{ audio: true, video: { facingMode: { exact: "environment" } } }
发布于 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" } } }
限制条件(第一个答案说得对),这应该给你的手机后置摄像头的视频流。
发布于 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_函数),并且关于这一点的文档非常稀少。
https://stackoverflow.com/questions/54883209
复制相似问题