Viewing uploaded photos on a web page
-
Hi, I am trying out Security Monitor Pro at the moment and it looks quite useful. I have uploaded photos to my website. Do you have a template html file that I could use to see and play the photos or can you advise how to write a simple index page for this purpose?
Thanks, Martin.
-
You can use Security Monitor Pro to FTP photos to your webpage and provide a 'live' view of your cameras.
Here is a sample HTML and Javascript page that will show a updated camera image every 30 seconds:
<html>
<head>
<title>Sample Security Monitor Pro Camera Photo Page</title>
</head>
<body>
<img src="camera1.jpg" width="320" height="240" border="1" name="refresh">
<script language="JavaScript" type="text/javascript">
<!--
var t = 30 // interval in seconds
function Start() {
document.images["refresh"].src = document.images["refresh"].src+"?"+Math.random()
setTimeout("Start()", t*1000)
}
Start();
// -->
</script>
</body>
</html>You will need to change the name of the image using the folder and filename you have defined in the Security Monitor Pro FTP settings. Change the value of t to the number of seconds between image updates. Try using a refresh interval that allows enough time for the image to be captured and sent by FTP to your web server.