<html>
<head>
<script src="script_min.js"></script>
</head>
<style>
body {background-color: lightyellow}
h1 {color:blue}
button {
color: blue;
background:lightgrey;
border: 1px solid #000;
border-radius: 8px;
position: center;
}
</style>
<body onload="setTimeout('init();', 100);">
<div style="text-align:center">
<style type="text/css">
.tg {border-collapse:collapse;border-spacing:0;margin:0px auto;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-yw4l{vertical-align:top}
</style>
<table class="tg">
<tr>
<th class="tg-yw4l"> <center>
<div><img id="mjpeg_dest" /></div>
</center>
</th>
<th class="tg-yw4l"><button style="height: 75px; width: 75px" onclick="forward()"><img style="height: 65px"src="/images/forward.png"></button>
<br><br><br><br>
<img hspace="10" style="padding-left: 5px">
<button style="height: 75px; width: 75px" onclick="left()"><img style="height: 65px"src="/images/left.png"></button>
<img hspace="20" style="padding-left: 10px">
<button style="height: 75px; width: 75px" onclick="stop()"><img style="height: 63px"src="/images/stop.png"></button>
<img hspace="20" style="padding-left: 10px">
<button style="height: 75px; width: 75px" onclick="right()"><img style="height: 65px"src="/images/right.png"></button>
<img hspace="10" style="padding-left: 5px">
<br><br><br><br>
<button style="height: 75px; width: 75px" onclick="reverse()"><img style="height: 65px"src="/images/reverse.png"></button><br><br>
</th>
<th class="tg-yw4l">
<button onclick="espeak_purpose()">What is my purpose?</button><br>
<button onclick="espeak_compute()">That does not compute.</button><br>
<button onclick="espeak_captain()">Captain, I have...</button><br>
<button onclick="espeak_fuel()">Where's my fuel?</button><br>
<button onclick="espeak_threelaws()">Three Laws of Robotics.</button><br>
<button onclick="espeak_exterminate()">EXTERMINATE!</button><br>
<button onclick="espeak_makeitso()">Make it so.</button><br>
<button onclick="espeak_statementverified()">Statement verified.</button><br>
<button onclick="espeak_opportunity()">Did I hear Exciting Opportunity?</button><br>
<button onclick="espeak_cofee()">Time for coffee.</button><br>
<button onclick="espeak_tea()">Time for tea.</button><br>
<button onclick="espeak_father()">Im Your Father.</button><br>
</th>
<th class="tg-yw41">
<button onclick="led_kitt()">K.I.T.T</button><br>
<button onclick="mpg321_failure()">Failure</button><br>
<button onclick="mpg321_sonar()">Sonar</button><br>
<button onclick="mpg321_train()">Train Whistle</button><br>
<button onclick="mpg321_xfiles()">XFiles</button><br>
<button onclick="mpg321_muppets()">Muppets</button><br>
<button onclick="mpg321_nuclear()">Nuke</button><br>
<button onclick="mpg321_starwars()">Star Wars</button><br>
</th>
</tr>
</table>
<script>
var xmlhttp;
xmlhttp=new XMLHttpRequest();
function forward()
{
xmlhttp.open("GET","cgi-bin/forward.cgi",true);
xmlhttp.send();
}
function stop()
{
xmlhttp.open("GET","cgi-bin/stop.cgi",true);
xmlhttp.send();
}
function left()
{
xmlhttp.open("GET","cgi-bin/left.cgi",true);
xmlhttp.send();
}
function right()
{
xmlhttp.open("GET","cgi-bin/right.cgi",true);
xmlhttp.send();
}
function reverse()
{
xmlhttp.open("GET","cgi-bin/reverse.cgi",true);
xmlhttp.send();
}
function lowspeed()
{
xmlhttp.open("GET","cgi-bin/lowspeed.cgi",true);
xmlhttp.send();
}
function regularspeed()
{
xmlhttp.open("GET","cgi-bin/regularspeed.cgi",true);
xmlhttp.send();
}
function highspeed()
{
xmlhttp.open("GET","cgi-bin/highspeed.cgi",true);
xmlhttp.send();
}
function nospeed()
{
xmlhttp.open("GET","cgi-bin/nospeed.cgi",true);
xmlhttp.send();
}
function espeak_purpose()
{
xmlhttp.open("GET","cgi-bin/espeak_purpose.cgi",true);
xmlhttp.send();
}
function espeak_compute()
{
xmlhttp.open("GET","cgi-bin/espeak_compute.cgi",true);
xmlhttp.send();
}
function espeak_captain()
{
xmlhttp.open("GET","cgi-bin/espeak_captain.cgi",true);
xmlhttp.send();
}
function espeak_fuel()
{
xmlhttp.open("GET","cgi-bin/espeak_fuel.cgi",true);
xmlhttp.send();
}
function espeak_threelaws()
{
xmlhttp.open("GET","cgi-bin/espeak_threelaws.cgi",true);
xmlhttp.send();
}
function espeak_exterminate()
{
xmlhttp.open("GET","cgi-bin/espeak_exterminate.cgi",true);
xmlhttp.send();
}
function espeak_makeitso()
{
xmlhttp.open("GET","cgi-bin/espeak_makeitso.cgi",true);
xmlhttp.send();
}
function espeak_statementverified()
{
xmlhttp.open("GET","cgi-bin/espeak_statementverified.cgi",true);
xmlhttp.send();
}
function espeak_opportunity()
{
xmlhttp.open("GET","cgi-bin/espeak_opportunity.cgi",true);
xmlhttp.send();
}
function espeak_cofee()
{
xmlhttp.open("GET","cgi-bin/espeak_cofee.cgi",true);
xmlhttp.send();
}
function espeak_tea()
{
xmlhttp.open("GET","cgi-bin/espeak_tea.cgi",true);
xmlhttp.send();
}
function espeak_father()
{
xmlhttp.open("GET","cgi-bin/espeak_father.cgi",true);
xmlhttp.send();
}
function led_kitt()
{
xmlhttp.open("GET","cgi-bin/led_kitt.cgi",true);
xmlhttp.send();
}
function mpg321_failure()
{
xmlhttp.open("GET","cgi-bin/mpg321_failuretrumpet.cgi",true);
xmlhttp.send();
}
function mpg321_sonar()
{
xmlhttp.open("GET","cgi-bin/mpg321_sonar.cgi",true);
xmlhttp.send();
}
function mpg321_train()
{
xmlhttp.open("GET","cgi-bin/mpg321_trainwhistle.cgi",true);
xmlhttp.send();
}
function mpg321_xfiles()
{
xmlhttp.open("GET","cgi-bin/mpg321_xfiles.cgi",true);
xmlhttp.send();
}
function mpg321_father()
{
xmlhttp.open("GET","cgi-bin/mpg321_mappets.cgi",true);
xmlhttp.send();
}
function mpg321_nuclear()
{
xmlhttp.open("GET","cgi-bin/mpg321_nuclear.cgi",true);
xmlhttp.send();
}
function mpg321_starwars()
{
xmlhttp.open("GET","cgi-bin/mpg321_starwars.cgi",true);
xmlhttp.send();
}
</script>
</body>
</html>
Comments