h5 调用摄像头拍照和录像

摘要：开启摄像头开启摄像头拍照获得摄像头区域这里介绍新的方法，返回一个对象这个对象返回成功后的回调函数带一个对象作为其参数是对象里的方法方法是异步执行，当前的方法执行完后再执行内部的程序避免数据没有获取到获得对象来源原文

    

拍照

function getMedia() {

        let constraints = {
            video: {width: 500, height: 500},
            audio: true
        };
        //获得video摄像头区域
        let video = document.getElementById("video");
        //这里介绍新的方法，返回一个 Promise对象
        // 这个Promise对象返回成功后的回调函数带一个 MediaStream 对象作为其参数
        // then()是Promise对象里的方法
        // then()方法是异步执行，当then()前的方法执行完后再执行then()内部的程序
        // 避免数据没有获取到
        let promise = navigator.mediaDevices.getUserMedia(constraints);
        promise.then(function (MediaStream) {
            video.srcObject = MediaStream;
            video.play();
        });
    }

function takePhoto() {

  //获得Canvas对象
  let video = document.getElementById("video");
  let canvas = document.getElementById("canvas");
  let ctx = canvas.getContext("2d");
  ctx.drawImage(video, 0, 0, 500, 500);
  }
  
  
  
  来源：CSDN 

原文：https://blog.csdn.net/lishund...