motionのMJPEGストリーミングについて

motionのストリーミングはFireFoxのみ対応のようです。
そのほかのブラウザをつかうと正しく表示されません。これではとても困ります。
その解決方法として、HTML5で表示する方法です。

<script language="JavaScript">
window.setInterval("refreshCanvas()", 5000); //5秒間隔で更新

var id = document.getElementById('idCanvas').getContext('2d');
var img = new Image();
img.src = "http://192.168.1.1:8081/"; //motionのアドレス

function refreshCanvas(){
	id.drawImage(img, 0, 0,1280,720);
};
</script>

<canvas id='idCanvas' width=1280 height=720 style='border:1px solid #d3d3d3'>

このHTMLをサーバに置いて、アクセスすればHTML5対応のブラウザであれば対応といなります。

コメントする