transmission des messages de l'application web à la raspberry via web socket

Claire Vandamme
1 parent 3fda8b5d
Showing 1 changed file with 24 additions and 0 deletions Show diff stats
pageHTML/couleur.html
@@ -3,6 +3,30 @@
 <head>
     <meta charset="UTF-8">
     <title>Changement de couleur</title>
+
+<script src="jquery.js"></script>
+    <script type= "text/javascript">
+      window.Websocket = (window.Websocket || window.MozWebSocket);
+      var websocket = new WebSocket('ws://192.168.43.222:9000, 'myprotocol');};
+      websocket.onerror=function(){ $('h1').css('color','red');};
+      websocket.onopen=function(){ $('h1').css('color','green');};
+      
+      
+      webscket.onmessage=function(message){
+      console.log(message.data);
+      $('#messages').append($('<p>',{ text: message.data}));
+	};
+
+	function couleur(){
+	var rouge=$('#slider').value();
+	var vert=$('#slider1').value();
+	var bleu=$('#slider2').value();
+	websocket.send(rouge);
+	websocket.send(vert);
+	websocket.send(bleu);
+	}
+    </script>
+    
 </head>
 <body>
 <h1>Changement de couleur de votre veilleuse connectée</h1>