作者:PFwX代佳佳ZYYTHFQN | 来源:互联网 | 2023-09-15 23:24
拍照function getMedia() { let cOnstraints= { video: {width: 500, height: 500},
拍照
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…