webcam.html < kelas div ="" > < putar otomatis video =" benar " id =" video-webcam " > Izinkan untuk Mengakses Webcam untuk Demo ​​ < button onclick =" takeSnapshot() " > Ambil Gambar ​​ < skrip > var video = dokumen . querySelector ( "#video-webcam" ) ; navigator . getUserMedia = navigator . dapatkanUserMedia || navigator . webkitGetUserMedia || navigator . mozGetUserMedia || navigator . msGetUserMedia || navigator . oDapatkanUserMedia ; if ( navigator . getUserMedia ) { navigator . getUserMedia ( { video : benar } , handleVideo , videoError ) ; } fungsi handleVideo ( aliran ) { video . src = jendela . URL . createObjectURL ( aliran ) ; konsol . log ( aliran ) ; } fungsi videoError ( e ) { // lakukan sesuatu alert ( "Izinkan menggunakan webcam untuk demo!" ) } fungsi ambilSnapshot ( ) { var img = dokumen . createElement ( 'img' ) ; konteks var ; var lebar = video . lebar offset , tinggi = video . offsetTinggi ; kanvas = dokumen . createElement ( 'kanvas' ) ; kanvas . lebar = lebar ; kanvas . tinggi = tinggi ; konteks = kanvas . getContext ( '2d' ) ; konteks . drawImage ( video , 0 , 0 , lebar , tinggi ) ; gambar . src = kanvas . toDataURL ( 'gambar/png' ) ; dokumen . tubuh . appendChild ( img ) ; }