网站建设报价,wordpress速度快,怎么建设一个网站赚钱,建设工程网站贴吧效果图#xff1a; 整体效果:视频加载#xff1a;拍照#xff1a;第一步#xff1a;创建HTML元素首先#xff0c;我们要创建一个HTML5的文档。无标题文档然后在插入以下代码#xff1a;截图第二步#xff1a;创建JavaScript首先#xff0c;要在里创建一个JavaScript 整体效果:视频加载拍照第一步创建HTML元素首先我们要创建一个HTML5的文档。无标题文档然后在插入以下代码截图第二步创建JavaScript首先要在里创建一个JavaScript// Grab elements, create settings, etc.var video document.getElementById(video);// Get access to the camera!if(navigator.mediaDevices navigator.mediaDevices.getUserMedia) {// Not adding { audio: true } since we only want video nownavigator.mediaDevices.getUserMedia({ video: true }).then(function(stream) {//video.src window.URL.createObjectURL(stream);video.srcObject stream;video.play();});}/* Legacy code below: getUserMediaelse if(navigator.getUserMedia) { // Standardnavigator.getUserMedia({ video: true }, function(stream) {video.src stream;video.play();}, errBack);} else if(navigator.webkitGetUserMedia) { // WebKit-prefixednavigator.webkitGetUserMedia({ video: true }, function(stream){video.src window.webkitURL.createObjectURL(stream);video.play();}, errBack);} else if(navigator.mozGetUserMedia) { // Mozilla-prefixednavigator.mozGetUserMedia({ video: true }, function(stream){video.srcObject stream;video.play();}, errBack);}*/随后要在刚才创建的HTML元素的后面插入以下代码// Elements for taking the snapshotvar canvas document.getElementById(canvas);var context canvas.getContext(2d);var video document.getElementById(video);// Trigger photo takedocument.getElementById(snap).addEventListener(click, function() {context.drawImage(video, 0, 0, 640, 480);});现在这个HTML就可以完成打开摄像头和拍照的功能了到此这篇关于如何在HTML里加载摄像头的方法的文章就介绍到这了,更多相关html加载摄像头内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家
