Jason’s Fishcam Setup (long overdue post)

Since I finally have a little downtime, I thought I’d use this opportunity to explain my fishcam setup in a bit more detail. First take a look at a picture of the entire setup.


1. 10 gallon aquarium
2. USB webcam & servo
3. Laptop (server)
4. Gator ornament
5. Servo (for gator)
6. ioBridge module
7. Moonlights
8. Timer
9. Temperature probe

Not much to it, is there? As far as the video goes, I use an USB webcam plugged into an old 1GHz laptop. The laptop uses WebcamXP to grab the video stream from the USB camera and serve up the images. The laptop is connected to my router which has a port open for internet traffic to see the video. I suppose I could have used an IP camera, but I put this together with parts I already had.

You may have noticed that my fishcam is interactive. Not only can you pan the camera left and right, but you can open and close the gator jaws. Both actions are controlled by hobby servos (the kind you find in radio-controlled airplanes). For the webcam, I used zip-ties to attach a servo to the top of a miniature tripod. Then I just shoved the servo axle into the button of the webcam. The webcam is manual focus. After setting the the focus with the adjustment wheel, I placed a piece of tape over it. The tape was needed because of the back and forth motion caused the camera to slowly shift out of focus.

The gator is attached to a different servo with a piece of fishing line. I drilled a small hole in the top of the gator head and threaded the line through it. The line then comes up and out of the tank and attached to the servo below. You can see the servo clamped to the side of the aquarium stand with the fishing line running to it in the picture to the right.

So how are the servos being controlled from the web? This is done with a few pieces of hardware from ioBridge.com. The main component is the IO-204 module. It connects to my router through a network cable. Once plugged in, the module establishes a connection with the ioBridge servers on its own. After creating an account and registering the module, I was able to make a few “web widgets” that controlled the servo positions. The widgets were easy to create through a menu based wizard that asked a few questions about my setup. I then had a snippet of code that I inserted into the HTML of this page. That snippet automatically loads the button, which when clicked, moves the servo to the correct position. In order for the IO-204 module to control servos, I needed to get a Servo Smart Board from ioBridge. Basically, this is an accessory board that plugs into module and allows for servo control.

The ioBridge module is capable of doing a lot more than moving servos. Since I had a few open connections left on my ioBridge module, I decided to attach a few probes to track the temperature of the water in the aquarium as well as the outside temperature. Using the same online wizard, I was to make another widget to display the water temperature on this page.

The other aspects of my setup aren’t quite as hi-tech. The main light is on a digital appliance timer. I have the light set to turn off at 11pm and back on at 7am. As my fishcam popularity began to grow, I noticed a lot of visitors were coming to my site when the light was off and seeing nothing. I added the moonlights to at least give them something to look at during the night-time hours. The moonlights are basically a string of blue LEDs. I drilled a row of holes in the aquarium hood and pushed the LEDs through the holes. I just leave the moonlights on all the time. It doesn’t seem to hurt anything.

This entry was posted in Uncategorized. Bookmark the permalink.

28 Responses to Jason’s Fishcam Setup (long overdue post)

  1. Roboteernat says:

    Hey thank you VERY KINDLY for the explanation! ive wondered how to get the webcam stream to the net on a page!

    Maybe you will have to have a look at making a more permanent installation as it is VERY popular?

    Thanks! and keep it up!

    Nat (Roboteernat)

  2. Daniel Rouse says:

    Too cool. I may have to put something like this together for my aquarium too. Love the gator!

  3. Karen says:

    Great Fishcam!!!

  4. Anonymous says:

    Great job!

  5. Anonymous says:

    This is just awesome, I love it. I might have to try something like this with my old computer museum for an interactive tour or something.

    By the way, the gator is cool.

    Keep up the good work!

  6. Anonymous says:

    Simply Fantastic!!! Kudos Jason!!!

  7. Sandee says:

    Yup – yours is cool, but I’ve gone for quantity … my quality isn’t half bad either: http://www.sandeeland.com/fishcam ~ Sandee

  8. Anonymous says:

    i just got a fish today! its not my first since iv had hundreds of pets before because well jsut because ahahah anyways i got a blue halfmoon betta with a HUGE tail that covers most of its body and it has red fins on the side and like 3 shades of shiny blue. Its really pretty.

  9. Anonymous says:

    Very impressed!!!

  10. Anonymous says:

    This is freakishly cool. Aren’t you worried that the gator closes too quickly and someone might try to “chomp on” one of the fishies?

  11. bluj420 says:

    great stuff man many thanks for a cool cam

  12. Richard (Tony) Smith says:

    I was wondering how u got the cam pics from Webcamxp to your webpage live without the Powerd By XP homepage?

    Great Page BTW…

  13. Mike says:

    Great project! Love it!
    I also wanted to install a fishcam, but I think I will go for an IP Cam.
    Thx for the link to ioBridge!

  14. Anonymous says:

    Hi Jason! I love your impressive cam setup and your fish are really pretty, as is your tank. This is really fun site and a great idea. I like interacting with your gator!

    On another note, I wouldn't allow your fans to have the ability to feed your fish, as this could lead to overfeeding. As you know, overfeeding can be deadly. I wouldn't want to see anything bad happen to the little fellas! Just add a new feature or fish once in a great while to keep things interesting. Keep it simple. Again, great job Jason!

  15. Anonymous says:

    I like it ! inever actualy seen anything like it

  16. Billlion says:

    I just googled fishcam to see if mine came up. We have a tank of weakly electric fish in the Maths Department at Manchester. Not as neat as yours! But it did get on local TV news
    http://billscience.blogspot.com/2009/07/eit-and-electric-fish-bill-on-teh-tv.html

  17. Bea says:

    Wonderful aquarium!
    It's a permanent link on my page!

  18. Bob Bobson says:

    This is very cool; I like it. I’m worried though that eventually some jerks will try to snap your poor fishes in the gator’s mouth!

  19. Brian says:

    How do you get the Temperature info

  20. Anonymous says:

    Dude, that is amazingly cool. Thank you for taking the time to do this. (found through stumbleupon btw)

  21. Trace says:

    Had fun trying to eat fish with gator. Nice job

  22. Anonymous says:

    cant believe i am watching fish!!! Time for suicude, yes . . .

  23. Rachel says:

    This is really fun. I'm a programmer myself and I just wanted to say that this is a really neat system. Very interactive. I'm going to give you a thumbs up!

  24. Anonymous says:

    Jason, Thanks for the great webcam. Definately one of the best. Any chance we could get some sort of lure put in the gator's mouth?

  25. programador_psf says:

    Beautiful tank :D , it's impresive lol
    Good job.

    Speak with same tank manufacturer to sell the idea :D

  26. storm says:

    just great man, very cool..chomp

  27. Anonymous says:

    Hi Jason, You are not only smart, patient, good-looking and probably many other good things, but you are also very kind. It takes an very unselfish person to do what you've done here; share your aquarium and Fishcam and also take the time to explain the setup of it and everything that is attached and necessary to do it. Thank you,
    I appreciate it. I wish you the best. Laura

  28. steve says:

    hi thanks … it made me smile, clever and simple (just like fish)

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>