Untitled

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
		<script type="text/javascript" src="Player.js"></script>
        <script type="text/javascript">
            $(function() {
                window.WebSocket = window.WebSocket || window.MozWebSocket;
                var websocket = new WebSocket('ws://127.0.0.1:9000',
                                              'dumb-increment-protocol');

				var heyyyy = new Player({
					//useWorker: true,
					//workerFile: "Player/Decoder.js"
				});

				//document.body.appendChild(player.canvas);

				websocket.onopen = function () {
                    $('h1').css('color', 'green');
                };
                websocket.onerror = function () {
                    $('h1').css('color', 'red');
                };

				websocket.binaryType = 'arraybuffer';
			     websocket.addEventListener('message',function(event) {
			          player.decode(new Uint8Array(event.data));
					  console.log("WebSocket message received:", event);
			     });

                $('button').click(function(e) {
                    e.preventDefault();
                    websocket.send($('input').val());
                    $('input').val('');
                });
            });
        </script>
        </head>
    <body>
        <h1>WebSockets test</h1>
        <form>
            <input type="text" />
            <button>Send</button>
        </form>
        <div></div>
    </body>
</html>