如何访问移动前置摄像头并用Js录制视频?

时间:2019-05-23 20:54:26

标签: javascript html

我正在使用以下程序制作一个应用程序:HTML,Css和Javascript,并且我希望该应用程序访问移动前置摄像头并从用户面部录制视频,我使用Adobe 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");
}

但不起作用

我希望,当用户单击按钮时,该应用程序将打开前摄像头,并录制您的面部视频。

1 个答案:

答案 0 :(得分:2)

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

相关问题