Question

我想拍摄视频图片，然后写一些像这样的代码

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#capture").click(function(){
        var canvas = document.createElement("canvas");
        canvas.width = $("#video").width();
        canvas.height = $("#video").height();
        canvas.getContext('2d').drawImage($("#video").get(0), 0, 0, canvas.width, canvas.height);
        var img = document.createElement("img");
        img.src = canvas.toDataURL();
        $("#output").prepend(img);
    })
}); 
</script> 

</head>
<body>
<video id="video" controls="controls">  
  <source src="test.mp4" />  
</video>  
<button id="capture">Capture</button>  
<div id="output"></div>
</body>
</html>

但它总是有错误：未捕获的SecurityError：无法执行＆＃39; toDataURL＆＃39; on＆＃39; HTMLCanvasElement＆＃39;：可能无法导出受污染的画布。

我尝试输出画布，它可以工作。但是它无法通过canvas.toDataURL();工作我如何获得图像？谢谢。

使用javascript捕获视频图片

0 个答案: