网页flash图片抓取器(PC端Web网页跳用本地*敏*感*词*，实时获取图片。。)

　　网页flash图片抓取器(PC端Web网页跳用本地*敏*感*词*，实时获取图片。。)

　　PC端网页使用本地*敏*感*词*实时获取图片。 （注：如果是本地localhost，可以直接调用，必须使用https访问服务器）

　　只测试了google浏览器，运行代码，会弹出*敏*感*词*授权，请按“允许”，获取的图片格式为base64

　　将代码复制到HTML文件中，使用google浏览器查看效果，使用canvas画布实时捕捉视频图像

　　

Title

const width = 480;

const height = 320;

const video = document.getElementById('video');

//访问*敏*感*词*

if (navigator.mediaDevices.getUserMedia || navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia) {

//调用用户媒体设备, 访问*敏*感*词*

getUserMedia({video: {width: width, height: height}}, success, error);

} else {

alert('不支持访问用户媒体');

}

//访问用户媒体设备的兼容方法

function getUserMedia(constraints, success, error) {

if (navigator.mediaDevices.getUserMedia) {

//最新的标准API

navigator.mediaDevices.getUserMedia(constraints).then(success).catch(error);

} else if (navigator.webkitGetUserMedia) {

//webkit核心浏览器

navigator.webkitGetUserMedia(constraints, success, error)

} else if (navigator.mozGetUserMedia) {

//firfox浏览器

navigator.mozGetUserMedia(constraints, success, error);

} else if (navigator.getUserMedia) {

//旧版API

navigator.getUserMedia(constraints, success, error);

}

}

//成功回调

function success(stream) {

console.log('成功');

//兼容webkit核心浏览器

// const CompatibleURL = window.URL || window.webkitURL;

//将视频流设置为video元素的源

// video.src = CompatibleURL.createObjectURL(stream);

video.srcObject = stream;

video.play();

setInterval(drawCanvasImage, 10)

}

//失败回调

function error(error) {

console.log('失败');

console.log("访问用户媒体设备失败", error);

}

function drawCanvasImage() {

const canvas = document.getElementById('canvas');

canvas.width = width;

canvas.height = height;

const context = canvas.getContext('2d');

context.drawImage(video, 0, 0, width, height, 0, 0, width, height);

//获取图片，数据格式为base64

const imageData = canvas.toDataURL("image/png");

console.log(imageData)

}

　　——————————————————

　　版权声明：本文为CSDN博主“-GRW-”的原创文章，遵循CC4.0 BY-SA版权协议，请附上原文链接和这个声明。

　　原文链接：