如何使用webkitGetUserMedia启动相机

作者: 子阳
发布时间: 2024-12-27 01:12:51 (1月前)
转自：

4 条回复

0#
回复此人
Coolkid | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您可能希望从旧版本中的adapter.js如何使用facesMode获取灵感： <a href="https://github.com/webrtcHacks/adapter/blob/master/src/js/chrome/getusermedia.js" rel="nofollow noreferrer"> https://github.com/webrtcHacks/adapter/blob/master/src/js/chrome/getusermedia.js </A> </p> <P> 基本上它尝试使用navigator.mediaDevices.enumerateDevices（你可能不得不求助于早期的MediaStreamTrack.getSources（）函数）来枚举设备，然后尝试猜测哪一个是后置摄像头，将deviceId传递给getUserMedia。请注意这一点，因为旧版本可能具有不同的约束名称（请参阅constraintsToChrome_函数），因为deviceId的文档非常稀疏。 </p> </DIV>

编辑
1#
回复此人
张三岁 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您需要更改面对模式 </p> <pre> <code> { audio: true, video: { facingMode: "user" } } </code> </pre> <P> 要么 </p> <pre> <code> { audio: true, video: { facingMode: { exact: "environment" } } } </code> </pre> </DIV>

编辑
2#
回复此人
afs-loliaholic | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 首先，我强烈建议使用 <a href="https://webrtc.github.io/adapter/adapter-latest.js" rel="nofollow noreferrer"> AdapterJS </A> 它通过所有不同的浏览器实现来弥补所有差异（很好 <a href="https://bloggeek.me/webrtc-adapter-js/" rel="nofollow noreferrer"> 博客 </A> 来自Tsahi的这个主题）。 </p> <P> 其次，您使用的是已弃用的GUM-API，我不建议这样做。我找到了 <a href="https://github.com/jeromeetienne/AR.js/issues/86" rel="nofollow noreferrer"> 问题 </A> 在GitHub项目上，这正是你的问题，也许这会对你有帮助。 </p> <P> 在问题中陈述： </p> <BLOCKQUOTE> <P> 该 <code> navigator.getUserMedia </code> 函数已被弃用，您应该使用较新的函数 <code> MediaDevices.getUserMedia </code> 功能。该 <a href="https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia" rel="nofollow noreferrer"> 链接 </A> 对于文档。 </p> </BLOCKQUOTE> <P> 因此，如果您应用这些更改，GUM应该接受 </p> <P> <code> { audio: true, video: { facingMode: { exact: "environment" } } } </code> </p> <P> 约束（第一个答案正确说明），它应该为您提供手机后置摄像头的视频流。 </p> </DIV>

编辑

登录后才能参与评论