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.
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login