@mikedruiven565
I'm trying to make a small desktop robot powered by 2 servos controlled over WiFi. The web page needs to send 2 variables back to the esp-32, one value for each of 2 main drive continuous rotation servos. I've watched and followed several of your tutorials but the inconsistencies between them make it difficult to solve my problem. 1. There is no consistent way of getting the web page onto the esp32. You use at least 3 different methods making it difficult to understand how the web page is actually sending variables back to the main loop. This latest video looks the most promising but for 2 problems. 1. The audio drops out for a part of the video. 2. The ESP32Servo and robojax_ESP32-Libraries do not contain this example. I cannot find ESP32-Servo_WiFi-push-return.h anywhere. I assume it is the html file. I am trying to use the offsetX and Y values from this HTML to control the servos.
<html>
<head>
<style>
#box {
height: 360px;
width: 360px;
background: blue;
}
</style>
</head>
<body>
<h3>Coordinates relative to a parent html element:</h3>
<p>Page X: <span id="offsetX"></span></p>
<p>Page Y: <span id="offsetY"></span></p>
<div id="box"></div>
<script>
document.getElementById('box').addEventListener('mousemove', e => {
document.getElementById("offsetX").innerHTML = event.offsetX / 2;
document.getElementById("offsetY").innerHTML = event.offsetY / 2;
});
document.getElementById('box').addEventListener('mouseleave', e => {
document.getElementById("offsetX").innerHTML = null;
document.getElementById("offsetY").innerHTML = null;
});
</script>
</body>
</html>
@masoudkuwait
Great vedio. ⚘. Thanks for sharing. The time jump is not working on my mobile🤔
@achmadfebriyanto9337
Interesting tutorial.. thanks for sharing.. can u make tutorial about control servo with web server, but if i press and hold the button, servo will be move.. and if I released the button, servo will back to default position.. thankyou very much before
@LucidFX.
Thank you for the video. I have 6 ESP32 dev boards and each has a servo. Each servo turns a PIR sensor. What I can't find is to control the servos in 2 positions 0 for home, send a command to all and move to position 1 m, each servo has the same 0, then move all servos to position 2, each servo has a different position 2 degrees. And then back to position 1. All to 0 (but could be slightly different) I cannot find any tutorials for something like that
@pasinduanjana2100
Great video sir. Thanks for sharing. I want to do the same thing in my project, but I coded my buttons using PHP and javascript because I want to control the servo and send some data into my database at the same time using the same button. Here are my codes
PHP code
<button type="submit" class="btn btn-info btn-fill pull-right">Submit</button>
JavaScript Code
_BRANDIX.NeedleIssue = function () {
try {
var spinner = $('#loader');
var form = $('.needle-issue');
form.on('submit', function (e) {
e.preventDefault();
spinner.show();
var formData = form.serialize();
var formUrl = form.attr('action');
$.ajax({
type: 'POST',
url: formUrl,
data: new FormData($('.needle-issue')[0]),
dataType: 'json',
contentType: false,
cache: false,
processData: false
}).done(function (data) {
spinner.hide();
if (data) {
if (data.success) {
_BRANDIX.notifyMessages(data.message);
$(".needle-issue")[0].reset();
}else{
_BRANDIX.notifyMessages(data.message);
}
} else {
_BRANDIX.notifyMessages('something went wrong');
}
}).fail(function () {
spinner.hide();
_BRANDIX.notifyMessages('something went wrong');
});
});
} catch (e) {
console.log(e);
Can you help me with this situation? How can I code my buttons on my web page to do them both at the same time?
Thank You :)
@mikedruiven565