Links2004/arduinoWebSockets
1
0
Fork 1
mirror of https://github.com/Links2004/arduinoWebSockets.git synced 2026-08-03 20:24:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update webSocket.html (#978)

Browse Source
This commit is contained in:
Hasenradball
2026-02-25 22:22:58 +01:00
committed by GitHub
parent 08292d631b
commit 175e80f17b
1 changed files with 40 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/webSocket.html
+15 -13
View File
@@ -1,8 +1,11 @@
<html>
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<link rel="icon" href="data:,">
<title>WebSocket LED Control</title>
<script>
var connection = new WebSocket('ws://10.11.2.1:81/', ['arduino']);
let connection = new WebSocket('ws://10.11.2.1:81/', ['arduino']);
connection.onopen = function () {
connection.send('Message from Browser to ESP8266 yay its Working!! ' + new Date());
@@ -25,25 +28,24 @@ connection.onmessage = function (e) {
};
function sendRGB() {
var r = parseInt(document.getElementById('r').value).toString(16);
var g = parseInt(document.getElementById('g').value).toString(16);
var b = parseInt(document.getElementById('b').value).toString(16);
let r = parseInt(document.getElementById('r').value).toString(16);
let g = parseInt(document.getElementById('g').value).toString(16);
let b = parseInt(document.getElementById('b').value).toString(16);
if (r.length < 2) { r = '0' + r; }
if (g.length < 2) { g = '0' + g; }
if (b.length < 2) { b = '0' + b; }
var rgb = '#'+r+g+b;
let rgb = '#'+r+g+b;
console.log('RGB: ' + rgb);
connection.send(rgb);
}
</script>
</head>
<body>
LED Control:<br/>
<br/>
R: <input id="r" type="range" min="0" max="255" step="1" onchange="sendRGB();" /><br/>
G: <input id="g" type="range" min="0" max="255" step="1" onchange="sendRGB();" /><br/>
B: <input id="b" type="range" min="0" max="255" step="1" onchange="sendRGB();" /><br/>
<p>LED Control:</p><br/>
<p>R: <input id="r" type="range" min="0" max="255" step="1" onchange="sendRGB();"></p>
<p>G: <input id="g" type="range" min="0" max="255" step="1" onchange="sendRGB();"></p>
<p>B: <input id="b" type="range" min="0" max="255" step="1" onchange="sendRGB();"></p>
</body>
</html>