如何在 webapp 中选择相机？

Posted 2023-04-17

【中文标题】如何在 webapp 中选择相机？

【英文标题】：How to select camera in webapp?

【发布时间】：2014-02-07 09:47:00

【问题描述】：

如何在webapp中选择前置摄像头和后置摄像头？

还适用于：如何在多个麦克风之间进行选择？

【参考方案1】：

有一个现场示例：

https://webrtc.github.io/samples/src/content/devices/input-output/

（此 webrtc 链接是新的，应该可以在 Chrome 移动设备上使用）

链接来自这个答案 - https://***.com/a/35480435/2414207，它正在深入讨论 MediaDevices.enumerateDevices()[new] vs MediaStreamTrack.getSources()[deprecated]。

---

您可以在以下位置找到更多信息（现在有点过时，但有助于了解全局）：

http://www.html5rocks.com/en/tutorials/getusermedia/intro/#toc-gettingstarted

向下滚动并跳过：

特征检测 获得对输入设备的访问权限 设置媒体约束

直到

选择媒体来源

---

供参考：我以前的现场示例（已损坏）

https://simpl.info/getusermedia/sources/

他们正在使用 MediaStreamTrack.getSources()[已弃用]，这不再适用于 Chrome 45 和 Firefox 39。

对于新函数 MediaDevices.enumerateDevices() - 请参阅 https://***.com/a/35480435/2414207

【讨论】：

我自己回答了，因为我正在寻找有关 stackexchange 的信息但找不到任何信息，所以向面临相同问题的人提出这个问题

该示例不适用于 chrome 移动设备。至少在相机之间切换不起作用。

是去年展示的一个工作演示。我找不到一个可以在 chrome mobile 上运行的版本。

@Colonize.bat 将对此进行调查（接下来的几天），视频可以正常工作，但相机选择不工作是否正确？

没错。在我的带有 Chrome 54.0.2840.85 的三星上，前置摄像头在加载时工作，但是当切换到后面时，它会中断（黑色摄像头屏幕）。在我的 Nexus5 (Chrome 54.0.2840.85) 上，两个摄像头都不工作。在我的远程调试检查器中，他在 main.js:42“PermissionDeniedError”消息中抛出错误：“只允许安全来源（参见：goo.gl/Y0ZkNV）。”https 可能会解决这个问题。我也会在本地测试它。同样来自 Inspector 的“main.js:32 MediaStreamTrack.getSources 已被弃用。有关详细信息，请参阅chromestatus.com/feature/4765305641369600。”