因本人canvas學的不是很扎實。跪求大神分享下代碼 感激不盡
1 回答
Prescott
TA貢獻15條經驗 獲得超6個贊
<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>capture?screen</title>
</head>
<body>
<video?id="video"?controls="controls">
<source?src="movie.ogg">
</video>
<div?id="output"></div>
<script?type="text/javascript">
(function(){
var?video,?output;
var?scale?=?0.8;
var?initialize?=?function()?{
output?=?document.getElementById("output");
video?=?document.getElementById("video");
video.addEventListener('loadeddata',captureImage);
};
var?captureImage?=?function()?{
????????????var?canvas?=?document.createElement("canvas");
????????????canvas.width?=?video.videoWidth?*?scale;
????????????canvas.height?=?video.videoHeight?*?scale;
????????????canvas.getContext('2d').drawImage(video,?0,?0,?canvas.width,?canvas.height);
????????????var?img?=?document.createElement("img");
????????????img.src?=?canvas.toDataURL("image/png");
????????????output.appendChild(img);
};
initialize();
})();
</script>
</body>
</html>大概的視頻截取
-
慕仙6723821這個方法在移動端沒有效果，怎么解決啊 ？
添加回答
舉報
0/150
提交
取消