vivahiraj · May 4, 2014 14:44
diff --git a/opencv_websocket_client.html b/opencv_websocket_client.html
 <!doctype html>
 <html lang="ja">
 <head>
  <meta charset="UTF-8">
  <title>WebCam</title>
 </head>
 <body>
  <div id="capture-area">
  </div>
  <script src="http://codeorigin.jquery.com/jquery-2.0.3.min.js"></script>
  <script>
    $(function() {
      var ws = new WebSocket('ws://raspberrypi.local:51234');

      ws.onopen = function() {
        $('#capture-area').append($('<img>').attr('id', 'capture'));
        $('#capture').css("width","800px");
      };

      ws.onclose = function() {
      };

      ws.onmessage = function(evt) {
        var src = 'data:image/jpeg;base64,' + evt.data;
        $('#capture').attr('src', src);
      };
    });
  </script>
 </body>
 </html>
	<!doctype html>
	<html lang="ja">
	<head>
	<meta charset="UTF-8">
	<title>WebCam</title>
	</head>
	<body>
	<div id="capture-area">
	</div>
	<script src="http://codeorigin.jquery.com/jquery-2.0.3.min.js"></script>
	<script>
	$(function() {
	var ws = new WebSocket('ws://raspberrypi.local:51234');

	ws.onopen = function() {
	$('#capture-area').append($('<img>').attr('id', 'capture'));
	$('#capture').css("width","800px");
	};

	ws.onclose = function() {
	};

	ws.onmessage = function(evt) {
	var src = 'data:image/jpeg;base64,' + evt.data;
	$('#capture').attr('src', src);
	};
	});
	</script>
	</body>
	</html>