时间戳

首页 > 解决方案 > 如何在Js中访问手机前置摄像头并录制视频？

javascript - 如何在Js中访问手机前置摄像头并录制视频？

问题描述

我正在制作一个应用程序：Html、Css 和 Javascript，我希望该应用程序访问移动前置摄像头并从用户脸上录制视频，我正在使用 Adob​​e Phone Gap 将我的代码转换为 .apk

在 StackOverflow 中对此有类似的问题，但任何人都无法帮助我，我尝试在 Google 中搜索，但一无所获

我试过这样做：


navigator.getUserMedia = navigator.getUserMedia ||
                         navigator.webkitGetUserMedia ||
                         navigator.mozGetUserMedia;

if (navigator.getUserMedia) {
   navigator.getUserMedia({ audio: true, video: { width: 1280, height: 720 } },
      function(stream) {
         var video = document.querySelector('video');
         video.srcObject = stream;
         video.onloadedmetadata = function(e) {
           video.play();
         };
      },
      function(err) {
         console.log("The following error occurred: " + err.name);
      }
   );
} else {
   console.log("getUserMedia not supported");
}

但不工作

我希望，当用户单击一个按钮时，该应用程序将打开前置摄像头，并且用户会录制您脸部的视频。

标签： javascripthtml

解决方案

您可以使用<input type="file" accept="image/*;capture=camera"> 从浏览器访问用户摄像头

推荐阅读