前后摄像头开关

时间:2017-02-19 19:07:10

标签: javascript html5 camera getusermedia

我在GitHub上找到了这段代码。我在android上测试过它并没有起作用。相机输出并不总是显示出来(在我试过的4次中它只能工作一次。)和#34;前面"和"返回"按钮不起作用。只显示前置摄像头,"返回"按钮不会使后置摄像头失效。

以下是代码:

    <button onclick="stop();gum('user')">Front</button>

   <button onclick="stop();gum('environment')">Back</button>
    <div id="div"></div><br>
   <video id="video" height="320" autoplay></video>
 <script type="text/javascript">
var gum = mode => 
 navigator.mediaDevices.getUserMedia({video: {facingMode: {exact:     mode}}})
  .then(stream => (video.srcObject = stream))
  .catch(e => log(e));

var stop = () => video.srcObject && video.srcObject.getTracks().forEach(t     => t.stop());

var log = msg => div.innerHTML += msg + "<br>";
</script>

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

使用“用户”或“环境”更改模式