CONTROL DE SERVOS DES DEL NOSTRE SERVIDOR
CONTROL DE SERVOS DES DEL NOSTRE SERVIDOR
Redefinició del while True 👇
El resultat:
Ara es tracta de fer un lliscador per a cada servo del braç i definir la resposta a cada lliscador.
El nostre braç té 5 servos. Jo he fet una prova amb només 2; si funciona ja afegiré els altres 3.
Creació dels lliscadors a la pàgina web 👇
He analitzat la relació entre els elements trascendents en la definició de la pàgina web:
Ara faig copy-paste i afegeixo al nom de cada element el número identificatiu del servo corresponent:
<p>POSICIO SERVO1: <span id="textSliderValue1">50</span></p>
<p><input type="range" onchange="updateSliderPWM1(this)" id="pwmSlider1" min="0" max="180" step="1" class="slider"></p>
<p>POSICIO SERVO2: <span id="textSliderValue2">50</span></p>
<p><input type="range" onchange="updateSliderPWM2(this)" id="pwmSlider2" min="0" max="180" step="1" class="slider"></p>
<script>
function updateSliderPWM1(element) {
var sliderValue1 = document.getElementById("pwmSlider1").value;
document.getElementById("textSliderValue1").innerHTML = sliderValue1;
console.log(sliderValue1);
var xhr = new XMLHttpRequest();
xhr.open("GET", "/slider1?value="+sliderValue1, true);
xhr.send();
}
function updateSliderPWM2(element) {
var sliderValue2 = document.getElementById("pwmSlider2").value;
document.getElementById("textSliderValue2").innerHTML = sliderValue2;
console.log(sliderValue2);
var xhr = new XMLHttpRequest();
xhr.open("GET", "/slider2?value="+sliderValue2, true);
xhr.send();
}
</script>
Definició de la reacció al while True 👇