摘要：開啟攝像頭開啟攝像頭拍照獲得攝像頭區(qū)域這里介紹新的方法，返回一個(gè)對(duì)象這個(gè)對(duì)象返回成功后的回調(diào)函數(shù)帶一個(gè)對(duì)象作為其參數(shù)是對(duì)象里的方法方法是異步執(zhí)行，當(dāng)前的方法執(zhí)行完后再執(zhí)行內(nèi)部的程序避免數(shù)據(jù)沒有獲取到獲得對(duì)象來源原文

    

拍照

function getMedia() {

        let constraints = {
            video: {width: 500, height: 500},
            audio: true
        };
        //獲得video攝像頭區(qū)域
        let video = document.getElementById("video");
        //這里介紹新的方法，返回一個(gè) Promise對(duì)象
        // 這個(gè)Promise對(duì)象返回成功后的回調(diào)函數(shù)帶一個(gè) MediaStream 對(duì)象作為其參數(shù)
        // then()是Promise對(duì)象里的方法
        // then()方法是異步執(zhí)行，當(dāng)then()前的方法執(zhí)行完后再執(zhí)行then()內(nèi)部的程序
        // 避免數(shù)據(jù)沒有獲取到
        let promise = navigator.mediaDevices.getUserMedia(constraints);
        promise.then(function (MediaStream) {
            video.srcObject = MediaStream;
            video.play();
        });
    }

function takePhoto() {

  //獲得Canvas對(duì)象
  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...