如何在 webapp 中选择相机？答案

【问题标题】：How to select camera in webapp?如何在 webapp 中选择相机？
【发布时间】：2014-02-07 09:47:00
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

有一个现场示例：

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

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

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

向下滚动并跳过：

直到

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

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

对于新函数 MediaDevices.enumerateDevices() - 请参阅 https://stackoverflow.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。”