• Система автоматизации с открытым исходным кодом на базе esp8266/esp32 микроконтроллеров и приложения IoT Manager. Наша группа в Telegram

Слайдер в реальном времени

ART_HA

Member
Здравствуйте.
Вопрос актуален и для ESP8266, и для ESP32.
В сети опубликовано довольно много примеров SERVO с управлением по WiFi с применением слайдера.
Но все примеры, которые мне удалось найти, касались только ввода переменной по факту отпускания движка слайдера.
То есть ведем движок, отпускаем его и новое значение отправляется в ESP.
И в то же время масса безответных вопросов в комментариях о работе слайдера в реальном времени.
То есть ведем движок, и каждое положение этого движка прямо во время его передвижения отправляется в ESP.
Это вообще возможно?
 

enjoynering

Well-known member
можно.

в html прописываете слайдер с id=sliderVolume
Код:
<span>
<input id="sliderVolume" type="range" min="0" max="30" value="15" step="1" oninput="updateVolumeValue();">
</span>

в js (JavaScript) описываете функцию сбора - updateVolumeValue()
Код:
let volume = 0;

function updateVolumeValue()
{
  volume = document.getElementById("sliderVolume").value;
}

дальше через GET или POST засылаете переменную volume на сервер
 

ART_HA

Member
Спасибо огромное. (y)
Конечно оно сразу не заработало, но главное - знать в какую сторону копать.
 

ART_HA

Member
Я еще не разобрался... :sleep:
Но благодаря Вам теперь вижу с чем мне нужно разбираться. С oninput вместо onchange конечно.
 

enjoynering

Well-known member
Да, onchange срабатывает в конце. Кстати их можно использовать вместе в одном слайдере - onchange и oninput.
 
Сверху Снизу