Runway2/websocket2.html at master · gribbly/Runway2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132

<!DOCTYPE html>

<meta charset="utf-8" />

<title>Runway Lights</title>

<script language="javascript" type="text/javascript">


  function init()
  {
	document.myform.inputtext.value = "pattern=4"
	document.myform.disconnectButton.disabled = true;
  }

  function doConnect()
  {
    writeToScreen("attempting to connect to HOME pi\n");
    websocket = new WebSocket("ws://raspberrypi.local:8000/");
    websocket.onopen = function(evt) { onOpen(evt) };
    websocket.onclose = function(evt) { onClose(evt) };
    websocket.onmessage = function(evt) { onMessage(evt) };
    websocket.onerror = function(evt) { onError(evt) };
  }

  function doConnect2()
  {
    writeToScreen("attempting to connect to PLAYA pi\n");
    websocket = new WebSocket("ws://10.0.0.1:8000/");
    websocket.onopen = function(evt) { onOpen(evt) };
    websocket.onclose = function(evt) { onClose(evt) };
    websocket.onmessage = function(evt) { onMessage(evt) };
    websocket.onerror = function(evt) { onError(evt) };
  }

  function onOpen(evt)
  {
    writeToScreen("connected\n");
	document.myform.connectButton.disabled = true;
	document.myform.connectButton2.disabled = true;
	document.myform.disconnectButton.disabled = false;
  }

  function onClose(evt)
  {
    writeToScreen("disconnected\n");
	document.myform.connectButton.disabled = false;
	document.myform.connectButton2.disabled = false;
	document.myform.disconnectButton.disabled = true;
  }

  function onMessage(evt)
  {
    writeToScreen("response: " + evt.data + '\n');
  }

  function onError(evt)
  {
    writeToScreen('error: ' + evt.data + '\n');

	websocket.close();

	document.myform.connectButton.disabled = false;
	document.myform.connectButton2.disabled = false;
	document.myform.disconnectButton.disabled = true;

  }

  function doSend(message)
  {
    writeToScreen("sent: " + message + '\n');
    websocket.send(message);
  }

  function writeToScreen(message)
  {
    document.myform.outputtext.value += message
	document.myform.outputtext.scrollTop = document.myform.outputtext.scrollHeight;

  }

  window.addEventListener("load", init, false);


   function sendText() {
		doSend( document.myform.inputtext.value );
   }

  function clearText() {
		document.myform.outputtext.value = "";
   }

   function doDisconnect() {
		websocket.close();
   }


</script>

<div id="output"></div>

<form name="myform">
<p>
<textarea name="outputtext" rows="20" cols="50"></textarea>
</p>
<p>
<textarea name="inputtext" cols="50"></textarea>
</p>
<p>
<input type="button" name=pattern1 value="Off" onClick="doSend('pattern=0');">
<input type="button" name=pattern1 value="Random" onClick="doSend('pattern=1');">
<input type="button" name=pattern4 value="Cylon" onClick="doSend('pattern=4');">
<input type="button" name=pattern6 value="Lightning" onClick="doSend('pattern=6');">
<input type="button" name=pattern6 value="Water" onClick="doSend('pattern=8');">
</p>
<p>
<input type="button" name=tick_fast value="Fast" onClick="doSend('tick=0.01');">
<input type="button" name=tick_medium value="Med" onClick="doSend('tick=0.1');">
<input type="button" name=tick_slow value="Slow" onClick="doSend('tick=1.0');">
</p>
<p>
<input type="button" name=sendButton value="Send" onClick="sendText();">
<input type="button" name=clearButton value="Clear" onClick="clearText();">
<input type="button" name=disconnectButton value="Disconnect" onClick="doDisconnect();">
<input type="button" name=connectButton value="home" onClick="doConnect();">
<input type="button" name=connectButton2 value="playa" onClick="doConnect2();">
</p>


</form>
</html>