网页视频抓取脚本( JSweb调用*敏*感*词*，截取视频画面的具体代码，感兴趣本文实例)

　　网页视频抓取脚本(

JSweb调用*敏*感*词*，截取视频画面的具体代码，感兴趣本文实例)

　　js实现网络调用*敏*感*词*js拦截视频画面

　　更新时间：2019年4月21日10:24:58 作者：qq_26833853

　　本文文章主要详细介绍JS web调用*敏*感*词*和截取视频画面。有一定的参考价值。有兴趣的朋友可以参考一下

　　本文的例子分享了JS截屏的具体代码，供大家参考。具体内容如下

　　HTML

<p>

打开

关闭

截取

</p>

　　Javascript

var video = document.querySelector('video');

var text = document.getElementById('text');

var canvas1 = document.getElementById('qr-canvas');

var context1 = canvas1.getContext('2d');

var mediaStreamTrack;

// 一堆兼容代码

window.URL = (window.URL || window.webkitURL || window.mozURL || window.msURL);

if (navigator.mediaDevices === undefined) {

navigator.mediaDevices = {};

}

if (navigator.mediaDevices.getUserMedia === undefined) {

navigator.mediaDevices.getUserMedia = function(constraints) {

var getUserMedia = navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;

if (!getUserMedia) {

return Promise.reject(new Error('getUserMedia is not implemented in this browser'));

}

return new Promise(function(resolve, reject) {

getUserMedia.call(navigator, constraints, resolve, reject);

});

}

}

//*敏*感*词*调用配置

var mediaOpts = {

audio: false,

video: true,

video: { facingMode: "environment"} // 或者 "user"

// video: { width: 1280, height: 720 }

// video: { facingMode: { exact: "environment" } }// 或者 "user"

}

// 回调

function successFunc(stream) {

mediaStreamTrack = stream;

video = document.querySelector('video');

if ("srcObject" in video) {

video.srcObject = stream

} else {

video.src = window.URL && window.URL.createObjectURL(stream) || stream

}

video.play();

}

function errorFunc(err) {

alert(err.name);

}

// 正式启动*敏*感*词*

function openMedia(){

navigator.mediaDevices.getUserMedia(mediaOpts).then(successFunc).catch(errorFunc);

}

//关闭*敏*感*词*

function closeMedia(){

mediaStreamTrack.getVideoTracks().forEach(function (track) {

track.stop();

context1.clearRect(0, 0,context1.width, context1.height);//清除画布

});

}

//截取视频

function drawMedia(){

canvas1.setAttribute("width", video.videoWidth);

canvas1.setAttribute("height", video.videoHeight);

context1.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);

}

　　以上是本文的全部内容。希望对大家的学习有所帮助，也希望大家多多支持Scripthome。