This tutorial will show you how to add live video from SecuritySpy to your own web page. This does involve editing the HTML of your web page, but it’s relatively simple. Our favourite tool for this is TextMate.

Firstly, you must set up SecuritySpy for remote monitoring, so that it can be accessed over the internet. Next, create a special user account in SecuritySpy that has permission only to view the camera that you want to use. Finally, determine the camera number for the camera in question – this is shown in the Camera Info window (highlighted in red below). If you don’t see this column, click the header bar where you see the column names, and a menu will pop up that allows you to add it.

Three methods for embedding the video feed into a web page are outlined below. In the examples shown, the address of the SecuritySpy system is “demo.viewcam.me”, the port is 8000, and the camera number is 1.

Authentication is supplied via an auth parameter, which is the the Base64 representation of the string user:pass (i.e. the username and password, separated by a colon). Use an online Base64 encoder to generate this value: simply enter your user:pass string, click the Encode button, and copy and paste the result.

If you want to specify a particular size for the image, add width and height parameters, for example the URL in Method 1 would become something like this:

http://demo.viewcam.me:8000/++video?cameraNum=1&width=640&height=480

Continue reading →