作者akb49 (永和藤木直人)
看板Ajax
标题[问题] mjpeg 放入 canvas
时间Fri Nov 30 12:27:36 2012
有一段 webcam 的影片
我想放进 canvas 但不太确定怎麽作
webcam 的格式是 motion jpeg (mjpeg)
用 <img src='xxx.edu/mjpg/video.cgi?'> 其实可以跑的不错
但放到 canvas 的话
我目前是这样写只会秀第一个 frame 就不动了
<html>
<body>
<canvas id='test_canvas' width='640px' height='480px' style='border:1px solid #d3d3d3'>
</canvas>
<script language="JavaScript">
var ctx = document.getElementById('test_canvas').getContext('2d');
var img = new Image();
img.onload = function() {
ctx.drawImage(img, 0, 0);
};
var theDate = new Date();
img.src = "
http://xxx.edu/axis-cgi/mjpg/video.cgi?";
</script>
</body>
</html>
当然也没有办法把 drawImage 那段放进 while true 回圈就搞定这麽简单
如果有板友知道解法的
还请指教一下 谢谢！
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 50.138.182.95
1F：推 LaPass:如果用JS就能做到的话，我也想学.... 11/30 12:29
2F：→ akb49:L 大的意思是说不太可能用 js 作到？ 11/30 12:33
3F：推 LaPass:我到目前为止没看过js直接动stream的状况，可能是我不知道 11/30 12:42
4F：→ LaPass:或是没有。 11/30 12:42
5F：→ LaPass:像youtube那种，都是用flash去写的..... 11/30 12:43
6F：→ LaPass:websocket可以传东西，可是他有自己的格式。 11/30 12:45
7F：→ akb49:不过已经可以直接操作笔电 webcam 了 11/30 12:47
8F：→ alpe:用 video 吧. 11/30 13:41
9F：→ akb49:我要在上面套用一些简单的演算法 需要各 pixel value 11/30 13:43
10F：→ akb49:所以得放到 canvas，用video 不够 11/30 13:43
11F：→ fillano:video也可以用drawImage画到canvas上阿，每次画的都是当时 12/07 18:07
12F：→ fillano:frame 12/07 18:07