브라우저에서 카메라를 찾아 사진을 찍고 카메라를 닫습니다.
3150 단어 웹 프런트엔드
paizhao.html
js: 카메라 켜기 및 끄기
var mediaStreamTrack;
document.getElementById("start").addEventListener("click", function () {
navigator.getUserMedia = navigator.getUserMedia ||
navigator.webkitGetUserMedia ||
navigator.mozGetUserMedia;
if (navigator.getUserMedia) {
navigator.getUserMedia({ audio: true, video: { width: 320, height: 320 } },
function(stream) {
mediaStreamTrack = typeof stream.stop === 'function' ? stream : stream.getTracks()[1];
video.src = (window.URL || window.webkitURL).createObjectURL(stream);
video.play();
/* var video = document.getElementById("video");
video.src = window.URL.createObjectURL(stream);
video.onloadedmetadata = function(e) {
console.log('nihao44eee4aaaaddda');
video.play();
}; */
},
function(err) {
console.log("The following error occurred: " + err.name);
}
);
} else {
console.log("getUserMedia not supported");
}
});
document.getElementById("stop").addEventListener("click", function () {
mediaStreamTrack && mediaStreamTrack.stop();
});
document.getElementById("picture").addEventListener("click", function () {
var context = document.getElementById("canvas").getContext("2d");
context.drawImage(video, 0, 0, 320, 320);
});
document.getElementById("sc").addEventListener("click", function () {
var imgData=document.getElementById("canvas").toDataURL("image/png");
var mmmd=getBase64Image(document.getElementById("mmm"));
var data=imgData.substr(22);
console.log(mmmd)
debugger
$.post('recorder/target/sc',{'sj':data});
});
function getBase64Image(img) {
var canvastemp = document.createElement("canvas");
canvastemp.width = img.width;
canvastemp.height = img.height;
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0, img.width, img.height);
var dataURL = canvas.toDataURL("image/png");
return dataURL
// return dataURL.replace("data:image/png;base64,", "");
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
highcharts 데이터 테이블 설정 두 가지 등효 방식의 쓰기텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.