Javascript 如何在mousemove上制作视频剪辑
我正在裁剪带有所需区域的图像，你可以在哪个演示中看到，但我想用视频代替图像，怎么做？我用下面的代码试了很多次，但什么也没发生。有人能帮我吗Javascript 如何在mousemove上制作视频剪辑,javascript,html,Javascript,Html,我正在裁剪带有所需区域的图像，你可以在哪个演示中看到，但我想用视频代替图像，怎么做？我用下面的代码试了很多次，但什么也没发生。有人能帮我吗 <html lang="en"> <head> <meta charset="utf-8"> <title>html5 : how to crop a video tag into a canvas tag</title> <script type="text/javascript"
<html lang="en">
<head>
<meta charset="utf-8">
<title>html5 : how to crop a video tag into a canvas tag</title>
<script type="text/javascript">
function onLoadEvent() {
function loop(){
var video = document.getElementById('video');
ctx.drawImage(video, 320, 0, 320, 180, 0, 0, 640, 360);
setTimeout(loop, 1000 / 30);
}
var canvas = document.getElementById('cropCvs');
var ctx = canvas.getContext('2d');
loop();
}
</script>
</head>
<body onload="javascript:onLoadEvent()">
<video
id="video"
height="360"
width="640"
autoplay
controls
src="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb_trailer_360p.webm?a"
style="width: 640px; height: 360px; border: 1px solid black;">
</video>
<canvas
id="cropCvs"
height="360"
width="640"
style="width: 320px; height: 180px; border: 1px solid black;">
</canvas>
</body>
</html>
当你说什么都没发生时，你是什么意思？不收割？没有错误？代替演示中的图像，它显示为空白。如果启动控制台？有输出吗？你试过加载视频吗？如果我在浏览器中加载，它将重定向到目录页。看起来演示的链接已断开。