Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

ถ่ายรูปจาก webcam ด้วย HTML5 ไม่ได้ในครั้งแรกที่โหลดหน้า

ลองทำดังนี้เพื่อถ่ายรูปจาก webcam ด้วย HTML5:

ประกาศตัวแปร

var streaming = false,
    video = document.querySelector('#video'),
    canvas = document.querySelector('#canvas'),
    photo = document.querySelector('#photo'),
    startbutton = document.querySelector('#startbutton'),
    width = 320,
    height = 0;

ใช้ getUserMedia

navigator.getMedia = (
  navigator.getUserMedia ||
  navigator.webkitGetUserMedia ||
  navigator.mozGetUserMedia ||
  navigator.msGetUserMedia
);