Completed

Home Page Para Cameras

Published on the May 22, 2015 in IT & Programming

About this project

Open

The old way of publishing a camera
In the past, many webmasters have used a simpler solution and they want to continue using it: instead of embedding a full-blown Camera Viewer in an iframe, they want to embed a snapshot image in a web page, then use a script to automatically refresh the image snapshot every few seconds. This does not support camera playback feature. However, if the goal is to just let other users see the real-time scene, then this is a very elegant solution.
CameraFTP supports this feature. To do so, please make sure your camera is uploading image snapshots and not video clips. You still need to publish the camera first, then use the following static url to get the latest image from the ip camera / webcam:
http://cameraftpapi.drivehq.com/api/Camera/GetCameraThumbnail.ashx?parentID=XXX&shareID=YYY
Where xxx and yyy should be the same as in your camera’s publish url.
Please see the screenshot below:


To make the image automatically refresh, you need to write a script. A simple example is provided below:
<!-- Please publish your camera on CameraFTP.com website first, then replace "parentID=113503610&shareID=1227092" with the value in your camera's Publish URL -->
<html>
<head>
<title>An Example of Embedding CameraFTP IP Camera / Webcam Image in Your Own Webpage / WebSite</title>
<script language="JavaScript"><!--
function autoRefresh() {
if (!document.images)
return;
document.images['publishedCamera'].src = 'http://cameraftpapi.drivehq.com/api/Camera/GetCameraThumbnail.ashx?parentID=113503610&shareID=12270928&t=' + Math.random();
setTimeout('autoRefresh()', 30000); // auto refreshes every 30 secs
}
//--></script>
</head>
<body onLoad="setTimeout('autoRefresh()', 30000)">
<img src="http://cameraftpapi.drivehq.com/api/Camera/GetCameraThumbnail.ashx?parentID=113503610&shareID=12270928&t=" name="publishedCamera">
</body>
</html>
For best performance, CameraFTP may cache images for up to 1 minute. So it is normal if the image does not update within 1 minute.
If you must refresh the image at a higher frequency, it is recommended using our regular Publish URL.

Category IT & Programming
Subcategory Web design
Is this a project or a position? Project
I currently have I have specifications
Required availability As needed
Experience in this type of projects Yes (I have managed this kind of project before)
API Integrations Other (Other APIs)
Specific need Other
Other Web Design Preciso de uma página (única página) que contenha os links de cameras em FTP (basta colar o link e usar um modelo). É simples. Depois teremos mais uma home page completa.

Delivery term: June 01, 2015

Skills needed

Web design Programming Aptitude

Want to start working on this project?

Log into your Workana account or Register today. Boost your freelance work!