Tag Archives: web

Adding Live Video To Any Web Page

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:


Continue reading

Customising SecuritySpy’s Web Interface

SecuritySpy has a built-in web server that allows remote viewing of live camera streams as well as access to previously-captured footage and settings. We sometimes get asked by customers how to customise the appearance of these web pages for various reasons, such as to change colours, add branding, modify text etc. The procedure is quite simple, though it does require some knowledge of HTML and CCS.

Continue reading