enhance car web control

This commit is contained in:
Alfonso Gamboa 2022-07-21 22:08:34 -07:00
parent 16def56fc9
commit b59823b61e
6 changed files with 129 additions and 39 deletions

View File

@ -1 +1 @@
Wed Jul 20 07:33:26 PM PDT 2022 Thu Jul 21 10:08:24 PM PDT 2022

View File

@ -11,6 +11,19 @@
cursor: pointer; cursor: pointer;
} }
.wz_car_BUTTON_N {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
margin: 4px 2px;
cursor: pointer;
}
.wz_car_TABLE { .wz_car_TABLE {
width: 55%; width: 55%;
border-collapse: collapse; border-collapse: collapse;

View File

@ -3,7 +3,7 @@
<head> <head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="car.js"></script> <script type="text/javascript" src="car.js"></script>
<link rel="stylesheet" href="car.css"> <link rel="stylesheet" href="car.css">
</head> </head>
@ -29,12 +29,29 @@
<td style="width: 33.3333%; height: 18px; text-align: center;"><button id="all_stop" class="wz_car_BUTTON">x: all stop</button></td> <td style="width: 33.3333%; height: 18px; text-align: center;"><button id="all_stop" class="wz_car_BUTTON">x: all stop</button></td>
<td style="width: 33.3333%; height: 18px; text-align: right;"><button id="reverse_right" class="wz_car_BUTTON">c: rear right</button></td> <td style="width: 33.3333%; height: 18px; text-align: right;"><button id="reverse_right" class="wz_car_BUTTON">c: rear right</button></td>
</tr> </tr>
<td style="width: 33.3333%; height: 21px; text-align: left;"><button id="headlight" class="wz_car_BUTTON">H: headlight</button></td> <td style="width: 33.3333%; height: 18px; text-align: center;">
<td style="width: 33.3333%; height: 18px; text-align: center;"><button id="irled" class="wz_car_BUTTON">j: ir led</button></td> <button id="headlight_on" class="wz_car_BUTTON_N">h: headlight on</button>
<td style="width: 33.3333%; height: 18px; text-align: center;"><button id="honk" class="wz_car_BUTTON">b: honk</button></td> <button id="headlight_off" class="wz_car_BUTTON_N">g: headlight off</button>
</td>
<td style="width: 33.3333%; height: 18px; text-align: center;"><button id="irled_on" class="wz_car_BUTTON">j: ir led on</button><button id="irled_off" class="wz_car_BUTTON">k: ir led off</button></td>
<td style="width: 33.3333%; height: 18px; text-align: right;"><button id="honk" class="wz_car_BUTTON">b: honk</button></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<p><img id="car_feed" src="/cgi-bin/jpeg.cgi?channel=1" /></p>
Speed Sleep: <input type="text" size=5 id="sleep_timer" name="sleep_timer" value="0.15">
Car Speed:
<input type="radio" id="speed_fast" class="speed" name="fast" value="fast">
<label for="fast">Fast</label>
<input type="radio" id="speed_slow" class="speed" name="slow" value="slow">
<label for="slow">Slow</label>
<button onclick="set_vars()">Set Variables</button>
</body> </body>
</html> </html>

View File

@ -1,12 +1,34 @@
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 = { var wz_mini_car = {
post: function(action) post: function(action)
{ {
$.post("../cgi-bin/car.sh", action); $.post( "../cgi-bin/car.sh", { speed: speed, action: action, sleep_time: sleep_timer } );
} , } ,
init: function() { init: function() {
this.logarray = []; this.logarray = [];
$("[class*='BUTTON']").on('click',function(e) {
$('.wz_car_BUTTON').on('click',function(e){
var action = $(this).attr('id'); var action = $(this).attr('id');
wz_mini_car.post(action); wz_mini_car.post(action);
}); });
@ -27,10 +49,11 @@ var wz_mini_car = {
case "z": action = "reverse_left"; break; case "z": action = "reverse_left"; break;
case "c": action = "reverse_right" ; break; case "c": action = "reverse_right" ; break;
case "x": action = "all_stop" ; break; case "x": action = "all_stop" ; break;
/* everything was "x" below here ... assigned other letters */ case "h": action = "headlight_on" ; break;
case "h": action = "headlight" ; break; case "g": action = "headlight_off" ; break;
case "i": action = "irled" ; break; case "j": action = "irled_on" ; break;
case "k": action = "honk" ; break; case "k": action = "irled_off" ; break;
case "b": action = "honk" ; break;
} }
if (action) { if (action) {
wz_mini_car.post(action); wz_mini_car.post(action);
@ -47,3 +70,8 @@ var wz_mini_car = {
$(document).ready(function() { $(document).ready(function() {
wz_mini_car.init(); wz_mini_car.init();
}); });
setInterval(function() {
var myImageElement = document.getElementById('car_feed');
myImageElement.src = '/cgi-bin/jpeg.cgi?channel=1&rand=' + Math.random();
}, 1000);

View File

@ -1,59 +1,91 @@
#!/bin/sh #!/bin/sh
SLEEP_TIME=0.1 set -x
echo "HTTP/1.1 200"
echo -e "Content-type: text/html\n\n"
echo ""
read POST_STRING read POST_STRING
if [ "$POST_STRING" = "forward" ]; then SPEED=$(echo $POST_STRING | sed 's/.*speed=//;s/\&.*//')
ACTION=$(echo $POST_STRING | sed 's/.*action=//;s/\&.*//')
SLEEP_TIME=$(echo $POST_STRING | sed 's/.*sleep_time=//;s/\&.*//')
echo "raw post string: $POST_STRING"
echo "speed: $SPEED"
echo "action: $ACTION"
echo "sleep: $SLEEP_TIME"
if [ "$ACTION" = "forward" ]; then
if [ "$SPEED" = "slow" ]; then
echo "slow"
echo -ne "\xaa\x55\x43\x06\x29\x80\xca\x00\x02\xbb" > /dev/ttyUSB0
else
echo "forward" echo "forward"
echo -ne "\xaa\x55\x43\x06\x29\x80\xe3\x00\x02\xd4" > /dev/ttyUSB0 echo -ne "\xaa\x55\x43\x06\x29\x80\xe3\x00\x02\xd4" > /dev/ttyUSB0
fi
sleep $SLEEP_TIME sleep $SLEEP_TIME
echo -ne "\xaa\x55\x43\x06\x29\x80\x80\x00\x02\x71" > /dev/ttyUSB0 echo -ne "\xaa\x55\x43\x06\x29\x80\x80\x00\x02\x71" > /dev/ttyUSB0
elif [ "$POST_STRING" = "reverse" ]; then
elif [ "$ACTION" = "reverse" ]; then
echo "reverse" echo "reverse"
echo -ne "\xaa\x55\x43\x06\x29\x80\x36\x00\x02\x27" > /dev/ttyUSB0 echo -ne "\xaa\x55\x43\x06\x29\x80\x36\x00\x02\x27" > /dev/ttyUSB0
sleep $SLEEP_TIME sleep $SLEEP_TIME
echo -ne "\xaa\x55\x43\x06\x29\x80\x80\x00\x02\x71" > /dev/ttyUSB0 echo -ne "\xaa\x55\x43\x06\x29\x80\x80\x00\x02\x71" > /dev/ttyUSB0
elif [ "$POST_STRING" = "left" ]; then elif [ "$ACTION" = "left" ]; then
echo "left" echo "left"
echo -ne "\xaa\x55\x43\x06\x29\x76\x81\x00\x02\x68" > /dev/ttyUSB0 echo -ne "\xaa\x55\x43\x06\x29\x76\x81\x00\x02\x68" > /dev/ttyUSB0
sleep $SLEEP_TIME sleep $SLEEP_TIME
echo -ne "\xaa\x55\x43\x06\x29\x80\x80\x00\x02\x71" > /dev/ttyUSB0 echo -ne "\xaa\x55\x43\x06\x29\x80\x80\x00\x02\x71" > /dev/ttyUSB0
elif [ "$POST_STRING" = "right" ]; then elif [ "$ACTION" = "right" ]; then
echo "right" echo "right"
echo -ne "\xaa\x55\x43\x06\x29\x8a\x81\x00\x02\x7c" > /dev/ttyUSB0 echo -ne "\xaa\x55\x43\x06\x29\x8a\x81\x00\x02\x7c" > /dev/ttyUSB0
sleep $SLEEP_TIME sleep $SLEEP_TIME
echo -ne "\xaa\x55\x43\x06\x29\x80\x80\x00\x02\x71" > /dev/ttyUSB0 echo -ne "\xaa\x55\x43\x06\x29\x80\x80\x00\x02\x71" > /dev/ttyUSB0
elif [ "$POST_STRING" = "forward_left" ]; then elif [ "$ACTION" = "forward_left" ]; then
echo "left_forward" echo "left_forward"
echo -ne "\xaa\x55\x43\x06\x29\x76\xe3\x00\x02\xca" > /dev/ttyUSB0 echo -ne "\xaa\x55\x43\x06\x29\x76\xe3\x00\x02\xca" > /dev/ttyUSB0
sleep $SLEEP_TIME sleep $SLEEP_TIME
echo -ne "\xaa\x55\x43\x06\x29\x80\x80\x00\x02\x71" > /dev/ttyUSB0 echo -ne "\xaa\x55\x43\x06\x29\x80\x80\x00\x02\x71" > /dev/ttyUSB0
elif [ "$POST_STRING" = "forward_right" ]; then elif [ "$ACTION" = "forward_right" ]; then
echo "right_forward" echo "right_forward"
echo -ne "\xaa\x55\x43\x06\x29\x8a\xe3\x00\x02\xde" > /dev/ttyUSB0 echo -ne "\xaa\x55\x43\x06\x29\x8a\xe3\x00\x02\xde" > /dev/ttyUSB0
sleep $SLEEP_TIME sleep $SLEEP_TIME
echo -ne "\xaa\x55\x43\x06\x29\x80\x80\x00\x02\x71" > /dev/ttyUSB0 echo -ne "\xaa\x55\x43\x06\x29\x80\x80\x00\x02\x71" > /dev/ttyUSB0
elif [ "$POST_STRING" = "reverse_left" ]; then elif [ "$ACTION" = "reverse_left" ]; then
echo "left_reverse" echo "left_reverse"
echo -ne "\xaa\x55\x43\x06\x29\x76\x36\x00\x02\x1d" > /dev/ttyUSB0 echo -ne "\xaa\x55\x43\x06\x29\x76\x36\x00\x02\x1d" > /dev/ttyUSB0
sleep $SLEEP_TIME sleep $SLEEP_TIME
echo -ne "\xaa\x55\x43\x06\x29\x80\x80\x00\x02\x71" > /dev/ttyUSB0 echo -ne "\xaa\x55\x43\x06\x29\x80\x80\x00\x02\x71" > /dev/ttyUSB0
elif [ "$POST_STRING" = "reverse_right" ]; then elif [ "$ACTION" = "reverse_right" ]; then
echo "right_reverse" echo "right_reverse"
echo -ne "\xaa\x55\x43\x06\x29\x8a\x36\x00\x02\x31" > /dev/ttyUSB0 echo -ne "\xaa\x55\x43\x06\x29\x8a\x36\x00\x02\x31" > /dev/ttyUSB0
sleep $SLEEP_TIME sleep $SLEEP_TIME
echo -ne "\xaa\x55\x43\x06\x29\x80\x80\x00\x02\x71" > /dev/ttyUSB0 echo -ne "\xaa\x55\x43\x06\x29\x80\x80\x00\x02\x71" > /dev/ttyUSB0
elif [ "$POST_STRING" = "all_stop" ]; then elif [ "$ACTION" = "all_stop" ]; then
echo "all stop" echo "all stop"
echo -ne "\xaa\x55\x43\x06\x29\x80\x80\x00\x02\x71" > /dev/ttyUSB0 echo -ne "\xaa\x55\x43\x06\x29\x80\x80\x00\x02\x71" > /dev/ttyUSB0
elif [ "$POST_STRING" = "headlight" ]; then elif [ "$ACTION" = "headlight_on" ]; then
echo "headlight" echo "headlight_on"
headlight echo -ne "\xaa\x55\x43\x04\x1e\x01\x01\x65" > /dev/ttyUSB0
elif [ "$POST_STRING" = "irled" ]; then elif [ "$ACTION" = "headlight_off" ]; then
echo "irled" echo "headlight_off"
irled echo -ne "\xaa\x55\x43\x04\x1e\x02\x01\x66" > /dev/ttyUSB0
elif [ "$POST_STRING" = "honk" ]; then elif [ "$ACTION" = "irled_on" ]; then
echo "irled_on"
cmd irled on > /dev/null
elif [ "$ACTION" = "irled_off" ]; then
echo "irled_off"
cmd irled off > /dev/null
elif [ "$ACTION" = "honk" ]; then
echo "honk" echo "honk"
/opt/wz_mini/bin/cmd aplay /opt/wz_mini/usr/share/audio/honk.wav 70 > /dev/null 2>&1 & /opt/wz_mini/bin/cmd aplay /opt/wz_mini/usr/share/audio/honk.wav 70 > /dev/null 2>&1 &

View File

@ -12,13 +12,13 @@ bd74b1a5dfb722ea1109ea89a039a3e5 SD_ROOT/wz_mini/www/cgi-bin/RTMP_STREAM_ENABLE
8e14bf2616556d8a45dbb9b183d86d57 SD_ROOT/wz_mini/www/cgi-bin/ENABLE_MP4_WRITE.md 8e14bf2616556d8a45dbb9b183d86d57 SD_ROOT/wz_mini/www/cgi-bin/ENABLE_MP4_WRITE.md
1013ee7201755bcf9047635b637e17c9 SD_ROOT/wz_mini/www/cgi-bin/ENABLE_WIREGUARD.md 1013ee7201755bcf9047635b637e17c9 SD_ROOT/wz_mini/www/cgi-bin/ENABLE_WIREGUARD.md
842b228d85468ab31c99e1521b35e37e SD_ROOT/wz_mini/www/cgi-bin/REMOTE_SPOTLIGHT.md 842b228d85468ab31c99e1521b35e37e SD_ROOT/wz_mini/www/cgi-bin/REMOTE_SPOTLIGHT.md
b1e6e35b81031a838201ecfcf79fc6f8 SD_ROOT/wz_mini/www/cgi-bin/config.cgi 555bb860c40d1f39e0fa0d2b1d698a4a SD_ROOT/wz_mini/www/cgi-bin/config.cgi
38b9920ac65f5cf3179ece26b5fde345 SD_ROOT/wz_mini/www/cgi-bin/car.sh d43f6b975afedc1f7a5e5c4999dbcbbd SD_ROOT/wz_mini/www/cgi-bin/car.sh
042848359c3840f5973baffca2457a5d SD_ROOT/wz_mini/www/cgi-bin/ENABLE_USB_DIRECT.md 042848359c3840f5973baffca2457a5d SD_ROOT/wz_mini/www/cgi-bin/ENABLE_USB_DIRECT.md
ddfa6179dc16a38d3b53a4353460dc25 SD_ROOT/wz_mini/www/config.js ddfa6179dc16a38d3b53a4353460dc25 SD_ROOT/wz_mini/www/config.js
5f01772968d1d1472c6d6343761da2b3 SD_ROOT/wz_mini/www/car/car.js e344ffc55222c029c5d324037a5aa1f3 SD_ROOT/wz_mini/www/car/car.js
fc4ff21fb45c4be143efd78c196f021a SD_ROOT/wz_mini/www/car/car.css 540acfdf2638c341e1d168f1af5203de SD_ROOT/wz_mini/www/car/car.css
39a383f2b1f704738bfeec00f7914d77 SD_ROOT/wz_mini/www/car/car.html 63b23f78d6703f0c9a2e970604104996 SD_ROOT/wz_mini/www/car/car.html
bd11d9a8352eca6a16554c87be50b2f5 SD_ROOT/wz_mini/www/index.html bd11d9a8352eca6a16554c87be50b2f5 SD_ROOT/wz_mini/www/index.html
28cf061770da7b83fbc3752c455a02c3 SD_ROOT/wz_mini/etc/dnsmasq.conf 28cf061770da7b83fbc3752c455a02c3 SD_ROOT/wz_mini/etc/dnsmasq.conf
34c6a4c3a941ff2becd9f487826d7692 SD_ROOT/wz_mini/etc/uvc.config 34c6a4c3a941ff2becd9f487826d7692 SD_ROOT/wz_mini/etc/uvc.config
@ -108,7 +108,7 @@ b339aee882a5d1c943ad08e4282ec3fd SD_ROOT/wz_mini/usr/bin/iCamera-dbg
20b061689308b2cee7edf3b9b906bca7 SD_ROOT/wz_mini/usr/bin/ucamera 20b061689308b2cee7edf3b9b906bca7 SD_ROOT/wz_mini/usr/bin/ucamera
3777d9e80c8b517c01a124e6360b6525 SD_ROOT/wz_mini/usr/bin/imp_helper.sh 3777d9e80c8b517c01a124e6360b6525 SD_ROOT/wz_mini/usr/bin/imp_helper.sh
580b1b6e91e72b4a4fef7b21d8954403 SD_ROOT/wz_mini/usr/bin/getSensorType 580b1b6e91e72b4a4fef7b21d8954403 SD_ROOT/wz_mini/usr/bin/getSensorType
88ffb5c502a33fd110f372c0acf1b2bf SD_ROOT/wz_mini/usr/bin/app.ver aa855cdd5d51f55d2a14ab2556e715d9 SD_ROOT/wz_mini/usr/bin/app.ver
4c780f0455481d106d47d89f0ae04ed5 SD_ROOT/wz_mini/lib/uClibc.tar 4c780f0455481d106d47d89f0ae04ed5 SD_ROOT/wz_mini/lib/uClibc.tar
9afeb088e4cbabbe0b04033b560204d0 SD_ROOT/wz_mini/lib/libimp.so 9afeb088e4cbabbe0b04033b560204d0 SD_ROOT/wz_mini/lib/libimp.so
4100755cb6cc6e3b76da20c7e3690e16 SD_ROOT/wz_mini/lib/libalog.so 4100755cb6cc6e3b76da20c7e3690e16 SD_ROOT/wz_mini/lib/libalog.so