Introduction

This page covers embedding your IP cam's streaming live video in a web site and assumes that you have already been successful in getting the output from your camera to display when you type the IP cam's IP address into your browser's address bar.

Insert IP Camera Into Webpage Using One Line Of HTML


Embed IP Camera Using One Line Of HTML

Live Demos of Cameras Embedded in Web Pages Using Secure Methods


Many Live Demos

Live Demo Example of Cameras Embedded In Web Pages With And Without Controls Using Unsecure Methods

Live Demo Example1
Instructions On How To Do The Above
Live Demo Example2
Instructions On How To Do The Above

Embed In and Customize IP Camera Firmware

Customize IP Camera Firmware

Quick Trick

If you view the page source (by selecting "Source" from the "View" menu on your PC's browser menu bar or "Page source" form the "View" menu on a Mac), you should see some code somewhere on that page that starts with the word "APPLET" like this:

<APPLET name="cvcs" CODEBASE="http://192.168.15.9/" CODE="xplug.class" WIDTH=320 HEIGHT=240>
            <param name="RemotePort" value=80>
            <param name="Timeout" value=5000>
            <param name="RotateAngle" value=0>
            <param name="PreviewFrameRate" value=2>
            <param name="DeviceSerialNo" value="">
</APPLET>
Note: The above code is from displaying my D-Link DCS-900 IP camera (see video stream below--if it takes forever to load, it's because there are too many users on this page and it's crushing my server):



You merely copy that code (not what's above but what you see when you look at YOUR IP cam on your computer) and paste that code in the appropriate place in whatever web site in which you wish to embed the live streaming video from your IP camera. You should now be able to see your live streaming video in the web site where you pasted this code. But, you are not done yet!!!

Assuming you are following these instructions on a computer that is on the same network as your IP camera, the IP address that follows the "CODEBASE" statement above will reflect the "internal" IP address of your IP camera (if you don't understand what we are saying here, go back and read the Remote Viewing page of this wiki) and therefore will not work for folks outside your network (like everybody but you!!!). So, you must substitute your network router's "external" IP for the internal IP address above. (Again, if you don't know what we are saying here, see the Remote Viewing page of this wiki.)

As noted, the IP address in the code above is a LAN IP address and thus will only work if you are "inside" the network or LAN, so don't be surprised when this code doesn't work if you try to test it!!!

One final note: If your version of the code above doesn't work, you may need to "close up" all of the line breaks in the code. Write the code like this:

<APPLET name="cvcs" CODEBASE="http://192.168.15.6" CODE="xplug.class" WIDTH="320" HEIGHT="240"> <param name="RemotePort" value="80"> <param name="Timeout" value="5000"> <param name="RotateAngle" value="0"> <param name="PreviewFrameRate" value="2"> <param name="DeviceSerialNo" value=""> </APPLET>

Some Helpful Links