gildas
/
go-plugins-demo


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536
							<!DOCTYPE HTML>
<html>
    <head>
	    <title>GildasCh</title>
	    <meta charset='utf-8' />
        <style>
         body {
             background-color:#263238;
         }
         img {
             position: absolute;
             top: 50%;
             left: 50%;
             width: 425px;
             height: 224px;
             margin-left: -212px; /* Half the width */
             margin-top: -112px; /* Half the height */
         }
        </style>
    </head>
    <body>

        <img id='image' style='-webkit-user-select: none' src='http://localhost:8080/a.jpg' />

        <script>
         var connection = new WebSocket('ws://localhost:8080/ws', []);
         var counter = 0;
         connection.onmessage = function (e) {
           document.getElementById('image').src='http://localhost:8080/a.jpg?'+counter;
           console.log('Server: ' + e.data);
           counter++;
         };
        </script>
    </body>
</html>