用html控制esp8266无极调光

要用 HTML 控制 ESP8266 进行无极调光，可以通过以下步骤实现：

1. 在 ESP8266 上搭建 Web 服务器，以便能够通过浏览器访问它。

2. 在 HTML 页面上添加一个滑块控件，用于控制灯的亮度。例如：

<input type="range" min="0" max="255" value="0" id="brightness">

3. 使用 JavaScript 监听滑块控件的值变化，并将变化值发送给 ESP8266。

var slider = document.getElementById("brightness");
var brightness = 0;

slider.oninput = function() {
  brightness = this.value;
  sendBrightness(brightness);
}

function sendBrightness(value) {
  var xhr = new XMLHttpRequest();
  xhr.open("GET", "/brightness?value=" + value, true);
  xhr.send();
}

4. 在 ESP8266 的 Web 服务器上添加一个处理程序，用于接收并解析来自浏览器的请求，并据此控制灯的亮度。

void handleBrightness() {
  String value = server.arg("value");
  int brightness = value.toInt();
  analogWrite(LED_PIN, brightness);
  server.send(200, "text/plain", "OK");
}

void setup() {
  // ...
  server.on("/brightness", handleBrightness);
  // ...
}

这样，当用户在浏览器上移动滑块时，JavaScript 代码会向 ESP8266 发送 HTTP GET 请求，ESP8266 的 Web 服务器会根据请求中的参数值来调整灯的亮度。