You're asking a lot, but here's a brief summary of one way of doing it. For your video, use the Foscam camera I recommended earlier. On your Rover, you have an arduino, an ethernet shield, a motor controller shield (Adafruit Motor/Stepper/Servo Shield for Arduino kit [v1.2] : ID 81 : $19.50 : Adafruit Industries, Unique & fun DIY electronics and kits) and a wifi bridge -- something like a PepWave Surf 200.
To control the rover, there are four possible commands -- forward, back, left and right. You make a webpage that has four images, each one is a botton representing one of the four commands. Clicking and holding the button does the command, releasing stops it. The code for each button looks like this:
<img src="up.gif" onMouseDown="up_onmousedown()" onMouseUp="up_onmouseup()">
That is repeated four times, once for each button.
in this page there is JavaScript that looks like this:
rover_path="http://192.168.1.100" // or whatever the IP address of the arduino is
// this creates an invisible frame that you can load the results of an HTTP GET into:
<iframe name="action_zone" style="display:none"></iframe>
Then you have eight functions, one for each movement, that look like this:
function up_onmousedown(id)
{
action_zone.location=rover_path+"/UPSTART";
}
This webpage can be hosted anywhere -- on a server somewhere, on your desktop, even on the arduino, although I wouldn't recommend it because of the limited memory.
Your arduino is programmed to run as a server, and it has to handle eight possible GET requests, for the eight possible commands. For each command, it sends a signal to the motor controller to do the appropriate response. Take the server program in the Arduino sample code and modify it.
So in summary, there's four parts to this project:
- Build a rover with two motors.
- Assemble the arduino control components
- Program the sketch for the arduino
- Write the javascript for the control page.