Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

How do I show live webcam feed on a page of my site?

Posted on 2004-07-31
2
Medium Priority
?
250 Views
Last Modified: 2006-11-17
I have a camera I need to watch via my site.  How can I do this?
0
Comment
Question by:abstractionz
2 Comments
 
LVL 36

Expert Comment

by:Zyloch
ID: 11689863
Can you give more details, such as how much progress you have made already? Also, you may want to post this on the Web Development section as whatever language you need to use, I severely doubt it'll be HTML.

Regards,
${Zyloch}
0
 
LVL 1

Accepted Solution

by:
DS_CL earned 200 total points
ID: 11690523
First off, I am assuming you already have a FTP or live feed mechanism set up to continually send your webcam pics to your server.  Having said that, here is a sample HTML block that can get it done:

<meta http-equiv="refresh" content="1"/>
<meta http-equiv="expires" content="0" />
<img border="0" src="camera/camerapic.jpg" width="352" height="288">

The Meta tags set the expiration and refresh rate of the page.  Whatever number you put in the content tag indicates how fast the webcam updates (the current example is 1 second, however most webcams update around 15 - 30 seconds). Note that it is a good idea to make this sychronous with the FTP speed, so users can see full pictures, instead of having then cut out after awhile.


0

Featured Post

[Webinar On Demand] Database Backup and Recovery

Does your company store data on premises, off site, in the cloud, or a combination of these? If you answered “yes”, you need a data backup recovery plan that fits each and every platform. Watch now as as Percona teaches us how to build agile data backup recovery plan.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
This article discusses how to create an extensible mechanism for linked drop downs.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
Suggested Courses

581 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question