Download Final Project Report

// Show loading notice
var canvas = document.getElementById('videoCanvas3');
var ctx = canvas.getContext('2d');
ctx.fillStyle = '#444';
ctx.fillText('Loading...', canvas.width/2-30, canvas.height/3);
// Setup the WebSocket connection and start the player
var client = new WebSocket( 'ws://potc.ee.nd.edu:8093/' );
var player = new jsmpeg(client, {canvas:canvas});
// Show loading notice
var canvas = document.getElementById('videoCanvas4');
var ctx = canvas.getContext('2d');
ctx.fillStyle = '#444';
ctx.fillText('Loading...', canvas.width/2-30, canvas.height/3);
// Setup the WebSocket connection and start the player
var client = new WebSocket( 'ws://potc.ee.nd.edu:8097/' );
var player = new jsmpeg(client, {canvas:canvas});
</script>
<br>
<br>
<br>
<h3>Camera Control</h3>
<button id="up" type="button">
Up
</button><br>
<button id="left" type="button">
Left
</button>
<button id="right" type="button">
Right
</button><br>
<button id="down" type="button">
Down
</button>
</body>
</html>
File: /home/bshenk/potctest2/public/js/client.js