[問題] mjpeg 放入 canvas
有一段 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
推
11/30 12:29, , 1F
11/30 12:29, 1F
→
11/30 12:33, , 2F
11/30 12:33, 2F
推
11/30 12:42, , 3F
11/30 12:42, 3F
→
11/30 12:42, , 4F
11/30 12:42, 4F
→
11/30 12:43, , 5F
11/30 12:43, 5F
→
11/30 12:45, , 6F
11/30 12:45, 6F
→
11/30 12:47, , 7F
11/30 12:47, 7F
→
11/30 13:41, , 8F
11/30 13:41, 8F
→
11/30 13:43, , 9F
11/30 13:43, 9F
→
11/30 13:43, , 10F
11/30 13:43, 10F
→
12/07 18:07, , 11F
12/07 18:07, 11F
→
12/07 18:07, , 12F
12/07 18:07, 12F