Home
 

How To Embed a Linksys Wireless-G Internet Home Monitoring Camera



It seems many people are searching Google for the code to embed a Linksys IP camera into an html web page. I did this using the Linksys cab file and embedded it basically the same way they did on their user interface. In this example I am using a Linksys WVC54GCA camera. I am also assuming your camera is up, functional and you know the IP address. If you are planning on accessing it through a firewall, you will need to know how to access this and how to configure port forwarding on it. Ok, here we go!



The first step is to download the cab file from your Linksys camera. You will want to place this in the same directory as your html document. Enter the URL listed below in your favorite web browser, and of course substitute the “YOUR. CAM.IP” with your camera IP address.

http://YOUR.CAM.IP/img/LinksysViewer.cab
UPDATE: The CAB file name may have changed. I’ve posted updated download instructions here.

Ok, now download (right click and save as) this file and edit it with your favorite text/code editor. Use that handy find and replace feature, and replace all instances of YOUR.CAM.IP with the actual IP address of your camera. Save the file in the same location as the cab file you obtained in the step above. Be sure to save it as an .html file so you can test it. If you have done these two steps correctly, you should be able to open this html file in a browser and see the camera stream. Now, you are able to build the body of your page or place this code in the body of an existing page.


Alright, so you have this working and you have your page all snazzed up like mine. The next challenge is to setup a dynamic DNS service, since most consumer DSL and Cable Internet subscriptions do not have static IP addresses assigned. This Linksys camera includes a free trial subscription to a dynamic DNS service, but I opted to use one that is free and does not expire (no-ip). Whatever you chose to use, should provide a name. (ie: blahblah.no-ip.org) You will now need to edit your html page again and replace all instances of your internal IP address with this dynamic DNS name.

Next you will need to setup port forwarding on your firewall/router. The standard web port is 80. If your ISP blocks incoming requests on port 80, you will need to use the alternate web port feature found in the camera admin interface. On your firewall interface you are looking for a screen that is maybe labeled virtual server setup, port forwarding or pass through. In this setup you will tell the router to direct incoming traffic through the firewall to the internal IP address of your camera.
Firewall Passthrough Rules
Assuming you already have a web hosting account somewhere, you should now FTP both the html document and the cab file up to your hosting provider. Call a friend or connect to your neighbor’s unprotected wireless and test out your new URL. You will probably not be able to test this out while on the inside of your network because of the dynamic DNS pointing back to the external IP of your router. Your request packets are not originating from the outside, therefore the router will not redirect them back to the internal IP. Well any way, test this from some other internet connection. If you have gone through these steps correctly, you now have a web page with your embedded Linksys IP based camera stream that will open on an Apple, Windows and Linux browser.

8/6/08 Update
While working with Mike (comment below) I discovered that the text file I have posted above needed to be changed (beyond the find and replace) if the camera was using the alternate web port. The mpeg stream would not work in Internet Explorer with :1024 assigned in the IP variable. I have made a change to the text file, which should allow you to use find and replace as posted above. Keep in mind if your ISP, in Mike’s case Comcast, blocks port 80 (inbound) you must use the alternate port cam feature. When you do your find and replace the IP will look like this xxx.xxx.xxx.xxx:1024 or whatever the alternate port is. We got’er done though and Mike now has a critter cam on his site.

Good Luck!

If you found this article helpful please post a comment and use the social bookmark links below to help others find it.

Linksys WVC54GCA Review

Our Linksys WVC54GCA Embedded in HTML

Our Linksys WVC54GCA Embedded Directly Into a WordPress Blog

 

186 Comments

  1. Dago4sho:

    Is anyone else having a problem with IE? Cam works on Safari, and Firefox but no IE.

  2. paul:

    If its not working in IE, its you security settings because the cam uses activeX controlls, mine works in IE, but I have much better results in firefix and safari and chome.

  3. Dago4sho:

    So, basically no one will be able to see this feed in Internet explorer without adjusting their security settings? There is no way around this?

  4. paul:

    No some will see it, some may not, can you see mine? You can also put a note n the web site saying best viewed in Safari or what ever.

  5. DC:

    Quite a popular thread here…
    I still have a question about showing more than one cam on a page. Anyone have the html code for this?
    Thank you.

  6. paul:

    Ive tried it several different way and havent had any luck. But what I am thinking of trying it to embed 2 tables and link one table to my front cam http://www.gamblin.net:1025/img/video.mjpeg and the second table to my back cam http://www.gamblin.net:1024/img/video.mjpeg. I dont know if it will work but its worth a try.

  7. Wamy:

    Hi,
    I’m currently trying to embed my camera in a webpage. Works great under FF, AND under IE using the ActiveX.

    Here is my last problem :
    On FF, only the video is displayed – no control etc.
    ON IE, since it uses the activex, it’s adding controls and buttons that I don’t want !

    I think that there is probably a way to give a or something like that, but can’t figure out where to find a list of the parameter…

    Any idea guys ?

    Thanks !
    Wamy

  8. Wamy:

    whoops…i had some html code included in my post…, but it didn’t work

    I was saying : I think that tere is probably a way to give a param name with value to false, that would hide those controls…?

  9. Wamy:

    Found the solution by my self. I’m actually using the Axis activeX, which is a lot better than the Cisco one.
    Using that activeX, I am able to retrieve the feed from the Linksys camera and display it.

    Wamy

  10. Hoss:

    First of all, thanks for the great site Mark! Your instructions work well for single cam setup.

    DC…I am in the same boat as you. I have multiple wvc54gca cams that I’d like to display on a single web page. Displaying 1 cam is working great. Anyone have the code to make multiple cams on a single web page work?

  11. pedro:

    tenia configurada la camara cambie el pc , al tratar de entrar nuevamente pidio instatalar el activeX y para mala fortuna la licencia que traia caduco y window no me deja hacer nada no puedo ver la camara que puedo hacer

    vale decir que no entiendo mucho pero me aplico

    atte
    pedro.
    de ante mano gracias por el foro que da una posibilidad de solucion

  12. Asad:

    Hi,
    Nice site!

    Can any one help me, I have few cameras attached to my websites for live coverage. But they they are not visible in IE. First it asks to install a plug-in then says LinksysMLViewer.cab is not signed. Any Idea?
    Thanks in advance

    Asad

  13. Asad:

    here is the link of my site
    http://www.asadinc.com/trans

    Asad

  14. Mallycat:

    Regarding the cab file not signed.

    This is an IE security setting. Go to Internet Options\Security\Custom Level
    go to Download unsigned activeX controls and set this to enable.
    Go back to the browser and it should install. Once installed, go back and reset this setting to disable.
    I think this is the one. If not, try the other similar controls – one of them fixes this problem.

    Matt

  15. Roland Legere:

    I have the WVC54GC not the “CA”
    so http://YOUR.CAM.IP/img/LinksysViewer.cab won’t work for me.
    So how can I get the code to embed a Linksys WVC54GC camera into
    an html web page?
    Old Nam vet who is totally lost here. Help?

  16. Jonathan Donnell:

    This does not work for me at all, though by changing the code from your example (http://www.ultratech.us/cam.html) it works for me though I want to add controls onto the website i.e. move the camera left right up down etc.

    Can you possibly provide me with additional support for this please. Regards Jonathan

  17. Derek:

    Hi, thank you for your assistance. It really is a great help. I have got the cameras working on firefox. However, I cannot get it working on IE or Chrome or Safari – can you offer any assistance on this?

    Secondly, do you have a script to view more than one camera on the same page? Lastly, is there anything specific that eeds to be done to view this on an iphone?

  18. Cormac:

    I have two of these cameras, and individually they work fine. but with both switched oh they freeze the router. I have tried to change ports on each camera from port 80 with the software provided, but the changes are not being made to the camera settings.Is there a file i can directly access to hand code the changes to the port settings. Changes to other settings work fine but not to the port number.

  19. Mike:

    Windows 7 no longer displays my cam as it says it cannot verify the publisher and so blocks the image.
    Anyone else found this? Is there a solution?
    Thanks
    Mike

  20. ovi:

    Hey, can you tell me what is wrong with the camera, what is the black image on the upper half of the camera ?

    Thank you.

  21. Mike E:

    The new Windows 7 systems do not allow my cam to work – complaingn about the publisher being unknown so IE simply blocks it. anhyone else found or resolved this one? I use the linksys-cam.com dns thingie.
    thanks
    Mike

  22. Jake:

    Hey Mike Im trying to set up a simple web cam feed on a windows server, any chance you could contact me on msn and help me walk through setting this up? Its been a nightmare and Im hoping your code will be the final answer!

  23. jerry a:

    any tried this with the newer WC80N ?

  24. Kevin:

    I’m working on a website and I want to change the height and width of the movie file. I changed it in the source and it doesn’t seem to be working… any suggestions?

    Thanks,
    Kevin

  25. Bill Cain:

    Hello Mike,
    I just found your site thru another place I was looking for info on my camera.
    In your article you said “The first step is to download the cab file from your Linksys camera.”
    Where is this file and how do I download it.
    Everything else seems clear to me as to what to do.
    Thanks for all the help on this.

  26. Mark:

    Hi Bill, this is the URL. Use the IP address of your cam. I have heard that the URL on new cams might be different also.

    http://YOUR.CAM.IP/img/LinksysViewer.cab

    This is right at the very top of the page.

    Mark

  27. Bill Cain:

    Hi Mark,
    Well, DUH —
    I read this on the site, but I guess I did not read it!

    (http://YOUR.CAM.IP/img/LinksysViewer.cab)
    Sorry to make you repeat yourself because it did not register in my brain.
    /*Thanks*/ for your time and trouble. You have good information on your site.
    Bill

  28. Sésar de la Isla:

    Hi Mark. I have bought this cam a few weeks ago and I would like to know if it is possible to switch the motion detector on or off with a simple URL so I can enable/disable with a hit of a shortcut in my iPhone. I am not sure if an URL can be parsed with the contents of the form that posts the option “Enable Motion Detection” and the FTP and email actions at the same time. If it can’t be done, another option could be to make some script so I can upload to a web site and execute it. Can you help me?

    Thanks.

  29. Sésar de la Isla:

    Done! I have finally got it! I have been checking the source code of the cam through the browser and I have been able to build two scripts to enable and disable the motion detector. These scripts can be in internet (in my case, a domain of my own), so you just need to load and URL to switch. Now I can switch on/off the motion detector before entering home without entering to the admin section of the cam. As I have an iPhone, I can put and two icons in the springboard to fast switch the Motion Detector (of course, an internet connection is needed ;-). Also, just one button can be build to call a web page with the buttons submit buttons you need. If anybodoy wants the code, just ask.

  30. Tabaru:

    Hey Mark,

    You are a big brain. Thanks..

    Sesar,

    Where is your script, how can I find it?

  31. Mark:

    Well I’ve not been on here in a while, but here is the original code that I used. I have no idea if this will still work with current release versions of the cam. My cam is still running, she’s a bit rough on the outside, but she still works.

    http://www.ultratech.us/cam-code.txt

    I hope this helps,

    Mark

  32. Mark:

    I’m going to move this back to the yard view in the fall when I can pop the screen out. Right now it’s a garage cam.

    http://www.ultratech.us/cam.html

  33. Sésar de la Isla:

    Hi Tabaru. You can download the code here:

    http://sesardelaisla.es/motiondetection_ipcam.zip

    Instructions are in index.html. I hope it works with your cam version. Tell me how it was, please.

  34. michael:

    My cam (DCS-920) has Firmware 1.04 installed and when I dial up the url http://xx.xx.xx.xx/img/LinksysViewer.cab I get

    501 Method Not Implemented.

    Have I firmware’ed myself out of streaming ability? 🙁

  35. jake:

    Great tutorial. I am also going to use the free no-ip.com domain. I have created the domain but don’t know what type to use…web redirect, dns, etc. Can you explain what you used and how you point it to your camera ip?

    Also, does your server have to be on your own local computer or can I accomplish this using my bluehost account?

    Thanks!!

  36. Edmundo Scaia:

    Fantastic beat ! I would like to apprentice while you amend your web site, how could i subscribe for a blog web site? The account helped me a acceptable deal. I had been a little bit acquainted of this your broadcast provided bright clear concept|

Leave a comment