LightSensor&Schalter2WWW mit XMLHttpRequest



Die backgroundColor Eigenschaft mit dem ESP8266 über einen Lichtsensor und/oder einen Schalter dynamisch angesteuert.

 

LIGHTSENSORundSCHALTER.ino

#include <ESP8266WiFi.h>
#include <WiFiClient.h>
#include <ESP8266WebServer.h>
#include „index.h“
int schalter = D1;
const char* ssid = „XXXXXXXXXXXXX“;
const char* password = „XXXXXXXXXXXXXXXXX“;
ESP8266WebServer server(80);

void handleRoot() {
String s = MAIN_page;
server.send(200, „text/html“, s);
}

void handleADC() {
int a = analogRead(A0);
if (digitalRead(schalter) == HIGH){
a = 0;
} else {
a = (256 – a/4);
a = a*a;
}
Serial.print(a);
Serial.print(‚\n‘);
String adcValue = String(a);
server.send(200, „text/plane“, adcValue);
}

void setup(void){
Serial.begin(115200);
WiFi.begin(ssid, password); //Connect to your WiFi router
Serial.println(„“);
pinMode(schalter, INPUT);
while (WiFi.status() != WL_CONNECTED) {
delay(500);
Serial.print(„.“);
}

Serial.println(„“);
Serial.print(„Connected to „);
Serial.println(ssid);
Serial.print(„IP address: „);
Serial.println(WiFi.localIP());
server.on(„/“, handleRoot);
server.on(„/readADC“, handleADC);
server.begin();
Serial.println(„HTTP server started“);
}

void loop(void){
server.handleClient();
}

 

index.h

const char MAIN_page[] PROGMEM = R“=====(
<!DOCTYPE html>
<html>
<body>
<div id=“demo“>
<h1>Licht an Licht aus – TEST</h1>
</div>

<div>
Sensor Status: <span style=“color: blue;“ id=“ADCValue“>0</span><br>
</div>
<script>

setInterval(function() {
// Call a function repetatively with 2 Second interval
getData();
}, 100); //2000mSeconds update rate

function getData() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById(„AD CValue“).innerHTML = this.responseText;

document.body.style.backgroundColor = ‚rgb(‚ + this.responseText + ‚,‘ + this.responseText + ‚,‘ + this.responseText + ‚)‘;
document.getElementById(„AD CValue“).innerHTML = this.responseText;
}
};
xhttp.open(„GET“, „readADC“, true);
xhttp.send();
}
</script>
<br>
</body>
</html>
)=====“;

 

Zucker


IoT

The World’s Famous Supreme Team

AUF, AUF…


 
Antwort auf: HellYeahWeFuckDie von Hito Steyerl, 2017, Skulptur Projekte 2017

TRIBAR|RUCKSACK

Erstellt von der wunderbaren Petra Liebetanz!