Alfonso Gamboa
78 lines
2.2 KiB
JavaScript
78 lines
2.2 KiB
JavaScript
const queryString = window.location.search;
|
|
console.log(queryString);
|
|
const urlParams = new URLSearchParams(queryString);
|
|
|
|
const speed = urlParams.get('speed')
|
|
console.log("speed is", speed);
|
|
|
|
const sleep_timer = urlParams.get('sleep_time')
|
|
console.log("sleep_timer is", sleep_timer);
|
|
|
|
function set_sleep() {
|
|
sleep_timer2 = document.getElementById("sleep_timer").value;
|
|
window.location = "car.html?sleep_time=" + sleep_timer2;
|
|
}
|
|
|
|
function set_vars() {
|
|
sleep_timer2 = document.getElementById("sleep_timer").value;
|
|
var speed = $('input[class="speed"]:checked').val();
|
|
|
|
window.location = "car.html?sleep_time=" + sleep_timer2 + "&speed=" + speed;
|
|
}
|
|
|
|
|
|
var wz_mini_car = {
|
|
post: function(action)
|
|
{
|
|
$.post( "../cgi-bin/car.sh", { speed: speed, action: action, sleep_time: sleep_timer } );
|
|
} ,
|
|
init: function() {
|
|
this.logarray = [];
|
|
$("[class*='BUTTON']").on('click',function(e) {
|
|
var action = $(this).attr('id');
|
|
wz_mini_car.post(action);
|
|
});
|
|
|
|
/* https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/switch
|
|
switch is strict
|
|
*/
|
|
|
|
addEventListener("keydown", function (e) {
|
|
var action = false;
|
|
switch(e.key) {
|
|
case "w": action = "forward"; break;
|
|
case "s": action = "reverse"; break;
|
|
case "a": action = "left"; break;
|
|
case "d": action = "right"; break;
|
|
case "q": action = "forward_left" ; break;
|
|
case "e": action = "forward_right"; break;
|
|
case "z": action = "reverse_left"; break;
|
|
case "c": action = "reverse_right" ; break;
|
|
case "x": action = "all_stop" ; break;
|
|
case "h": action = "headlight_on" ; break;
|
|
case "g": action = "headlight_off" ; break;
|
|
case "j": action = "irled_on" ; break;
|
|
case "k": action = "irled_off" ; break;
|
|
case "b": action = "honk" ; break;
|
|
}
|
|
if (action) {
|
|
wz_mini_car.post(action);
|
|
}
|
|
});
|
|
},
|
|
log: function(text)
|
|
{
|
|
this.logarray.push(text);
|
|
}
|
|
}
|
|
|
|
|
|
$(document).ready(function() {
|
|
wz_mini_car.init();
|
|
});
|
|
|
|
setInterval(function() {
|
|
var myImageElement = document.getElementById('car_feed');
|
|
myImageElement.src = '/cgi-bin/jpeg.cgi?channel=1&rand=' + Math.random();
|
|
}, 1000);
|