SlideShare a Scribd company logo
1 of 2
Download to read offline
Getting Started with a WebCam

A webcam is a digital camera that connects to your computer. The images taken by the camera
can be transmitted and displayed on a web site with the use of software.

You will need the following:

        a computer
        a connection to the internet
        a web camera
        webcam software
        a webpage and web host

The Camera

A webcam is a digital camera designed to take digital photographs and transmit them over the
internet. The camera connects to your computer and takes a snapshot image that gets saved to
your computer's hard drive. Webcam software allows you to control how often the camera takes a
photo and updates (sends) that photo on your web server. It uploads a photo (.jpg) to your web
host. A web host is a company that provides you with server space to host your web site files.
The web hosts and serves (displays) your web pages to visitors who request your web page by
accessing your Domain Name (www.yourname.com).

A Snapshot or a Streaming Webcam?

Snapshot webcams take a snapshot image and refreshes that images (uploads) at set intervals.
Image quality is very sharp and they are very easy to set up.

Streaming webcams: the nice part of the streaming webcams is that they stream (or at least try
to). Streaming means you see the images of the webcam in a continuous motion (like in a TV) but
the reality is that the image quality tends to be poor and the motion is not as smooth as the TV.
This method consumes a lot of resources and it's not as easy to set up as the snapshot
webcam...

The Software
Now that you have your webcam, the next step is to publish your images on the web. You need to
transfer the image saved to your computer to your web host. This is done with webcam software
(Spycam, Chillcam) Some cameras include trial versions or full versions of their own webcam
software.

How does the software work?

The software uses your Internet connection (dial up, DSL, cable, satellite) to upload via FTP (File
Transfer Protocol) a single snapshot captured from the camera set up on your computer. You can
set the file transfer to occur at set intervals (every 30 or 60 seconds). You will connect to your
webhost using your username and password issued by your web hosting company.

The Web Page

How will your viewers see your webcam?
They will visit your webpage. You create a webpage (webcam.html) that has your webcam image
inserted into it.

Once you have created the HTML page that displays the webcam image in it, you need to know
how to make the HTML page refresh the image. The webcam will be uploading a new image and
anyone already viewing your HTML page will want to see the new images as they are updated.

Refreshing the Image
To get the latest shot captured by the webcam, users connected to your page will have to reload
it or hit the refresh button to see the new image. If you add some extra HTML, Javascript code or
Java applets to your webcam HTML page you can make it auto-reload the picture after a user-
definable period.

META tag command: The simplest and oldest method (still in use though) of refreshing a
webcam image on a webpage is made via a set of HTML commands set in the <HEAD> tag of
your page.
There is a META tag than can make a web page to auto reload after a period of time (in seconds)
is reached. The syntax for this tag is as follows:

<HEAD>
...
<META HTTP-EQUIV=REFRESH CONTENT="seconds">
...
...
</HEAD>


Set the "seconds" to equal the number of seconds it will take the browser to Reload the current
page.
An Example:
<META HTTP-EQUIV=REFRESH CONTENT="60">
would refresh the page every 60 seconds.
The disadvantage of this method is that the whole page is reloaded, If you are using this method
it is recommended that you keep the HTML page simple and with limited graphics so the page will
reload quickly.

More Related Content

More from Iris Hershenson (7)

Cis 101 team_projectguidelines_fall_11
Cis 101 team_projectguidelines_fall_11Cis 101 team_projectguidelines_fall_11
Cis 101 team_projectguidelines_fall_11
 
CIS101 course-schedule-fall-2011
CIS101 course-schedule-fall-2011CIS101 course-schedule-fall-2011
CIS101 course-schedule-fall-2011
 
Student instructions for logging into sam
Student instructions for logging into samStudent instructions for logging into sam
Student instructions for logging into sam
 
Excel 2010.01 edited
Excel 2010.01 editedExcel 2010.01 edited
Excel 2010.01 edited
 
Excel 2010.01 edited
Excel 2010.01 editedExcel 2010.01 edited
Excel 2010.01 edited
 
Getting Started With Office_2010
Getting Started With Office_2010Getting Started With Office_2010
Getting Started With Office_2010
 
Getting started office_2010
Getting started office_2010Getting started office_2010
Getting started office_2010
 

Recently uploaded

Poster_density_driven_with_fracture_MLMC.pdf
Poster_density_driven_with_fracture_MLMC.pdfPoster_density_driven_with_fracture_MLMC.pdf
Poster_density_driven_with_fracture_MLMC.pdf
Alexander Litvinenko
 
SURVEY I created for uni project research
SURVEY I created for uni project researchSURVEY I created for uni project research
SURVEY I created for uni project research
CaitlinCummins3
 
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
中 央社
 

Recently uploaded (20)

Poster_density_driven_with_fracture_MLMC.pdf
Poster_density_driven_with_fracture_MLMC.pdfPoster_density_driven_with_fracture_MLMC.pdf
Poster_density_driven_with_fracture_MLMC.pdf
 
The Liver & Gallbladder (Anatomy & Physiology).pptx
The Liver &  Gallbladder (Anatomy & Physiology).pptxThe Liver &  Gallbladder (Anatomy & Physiology).pptx
The Liver & Gallbladder (Anatomy & Physiology).pptx
 
SURVEY I created for uni project research
SURVEY I created for uni project researchSURVEY I created for uni project research
SURVEY I created for uni project research
 
Exploring Gemini AI and Integration with MuleSoft | MuleSoft Mysore Meetup #45
Exploring Gemini AI and Integration with MuleSoft | MuleSoft Mysore Meetup #45Exploring Gemini AI and Integration with MuleSoft | MuleSoft Mysore Meetup #45
Exploring Gemini AI and Integration with MuleSoft | MuleSoft Mysore Meetup #45
 
Basic Civil Engineering notes on Transportation Engineering, Modes of Transpo...
Basic Civil Engineering notes on Transportation Engineering, Modes of Transpo...Basic Civil Engineering notes on Transportation Engineering, Modes of Transpo...
Basic Civil Engineering notes on Transportation Engineering, Modes of Transpo...
 
ANTI PARKISON DRUGS.pptx
ANTI         PARKISON          DRUGS.pptxANTI         PARKISON          DRUGS.pptx
ANTI PARKISON DRUGS.pptx
 
Removal Strategy _ FEFO _ Working with Perishable Products in Odoo 17
Removal Strategy _ FEFO _ Working with Perishable Products in Odoo 17Removal Strategy _ FEFO _ Working with Perishable Products in Odoo 17
Removal Strategy _ FEFO _ Working with Perishable Products in Odoo 17
 
demyelinated disorder: multiple sclerosis.pptx
demyelinated disorder: multiple sclerosis.pptxdemyelinated disorder: multiple sclerosis.pptx
demyelinated disorder: multiple sclerosis.pptx
 
Championnat de France de Tennis de table/
Championnat de France de Tennis de table/Championnat de France de Tennis de table/
Championnat de France de Tennis de table/
 
PSYPACT- Practicing Over State Lines May 2024.pptx
PSYPACT- Practicing Over State Lines May 2024.pptxPSYPACT- Practicing Over State Lines May 2024.pptx
PSYPACT- Practicing Over State Lines May 2024.pptx
 
How to Manage Closest Location in Odoo 17 Inventory
How to Manage Closest Location in Odoo 17 InventoryHow to Manage Closest Location in Odoo 17 Inventory
How to Manage Closest Location in Odoo 17 Inventory
 
An overview of the various scriptures in Hinduism
An overview of the various scriptures in HinduismAn overview of the various scriptures in Hinduism
An overview of the various scriptures in Hinduism
 
The Ball Poem- John Berryman_20240518_001617_0000.pptx
The Ball Poem- John Berryman_20240518_001617_0000.pptxThe Ball Poem- John Berryman_20240518_001617_0000.pptx
The Ball Poem- John Berryman_20240518_001617_0000.pptx
 
Spring gala 2024 photo slideshow - Celebrating School-Community Partnerships
Spring gala 2024 photo slideshow - Celebrating School-Community PartnershipsSpring gala 2024 photo slideshow - Celebrating School-Community Partnerships
Spring gala 2024 photo slideshow - Celebrating School-Community Partnerships
 
Andreas Schleicher presents at the launch of What does child empowerment mean...
Andreas Schleicher presents at the launch of What does child empowerment mean...Andreas Schleicher presents at the launch of What does child empowerment mean...
Andreas Schleicher presents at the launch of What does child empowerment mean...
 
IPL Online Quiz by Pragya; Question Set.
IPL Online Quiz by Pragya; Question Set.IPL Online Quiz by Pragya; Question Set.
IPL Online Quiz by Pragya; Question Set.
 
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
 
philosophy and it's principles based on the life
philosophy and it's principles based on the lifephilosophy and it's principles based on the life
philosophy and it's principles based on the life
 
“O BEIJO” EM ARTE .
“O BEIJO” EM ARTE                       .“O BEIJO” EM ARTE                       .
“O BEIJO” EM ARTE .
 
Benefits and Challenges of OER by Shweta Babel.pptx
Benefits and Challenges of OER by Shweta Babel.pptxBenefits and Challenges of OER by Shweta Babel.pptx
Benefits and Challenges of OER by Shweta Babel.pptx
 

Getting started with a webcam

  • 1. Getting Started with a WebCam A webcam is a digital camera that connects to your computer. The images taken by the camera can be transmitted and displayed on a web site with the use of software. You will need the following: a computer a connection to the internet a web camera webcam software a webpage and web host The Camera A webcam is a digital camera designed to take digital photographs and transmit them over the internet. The camera connects to your computer and takes a snapshot image that gets saved to your computer's hard drive. Webcam software allows you to control how often the camera takes a photo and updates (sends) that photo on your web server. It uploads a photo (.jpg) to your web host. A web host is a company that provides you with server space to host your web site files. The web hosts and serves (displays) your web pages to visitors who request your web page by accessing your Domain Name (www.yourname.com). A Snapshot or a Streaming Webcam? Snapshot webcams take a snapshot image and refreshes that images (uploads) at set intervals. Image quality is very sharp and they are very easy to set up. Streaming webcams: the nice part of the streaming webcams is that they stream (or at least try to). Streaming means you see the images of the webcam in a continuous motion (like in a TV) but the reality is that the image quality tends to be poor and the motion is not as smooth as the TV. This method consumes a lot of resources and it's not as easy to set up as the snapshot webcam... The Software Now that you have your webcam, the next step is to publish your images on the web. You need to transfer the image saved to your computer to your web host. This is done with webcam software (Spycam, Chillcam) Some cameras include trial versions or full versions of their own webcam software. How does the software work? The software uses your Internet connection (dial up, DSL, cable, satellite) to upload via FTP (File Transfer Protocol) a single snapshot captured from the camera set up on your computer. You can set the file transfer to occur at set intervals (every 30 or 60 seconds). You will connect to your webhost using your username and password issued by your web hosting company. The Web Page How will your viewers see your webcam? They will visit your webpage. You create a webpage (webcam.html) that has your webcam image inserted into it. Once you have created the HTML page that displays the webcam image in it, you need to know how to make the HTML page refresh the image. The webcam will be uploading a new image and anyone already viewing your HTML page will want to see the new images as they are updated. Refreshing the Image
  • 2. To get the latest shot captured by the webcam, users connected to your page will have to reload it or hit the refresh button to see the new image. If you add some extra HTML, Javascript code or Java applets to your webcam HTML page you can make it auto-reload the picture after a user- definable period. META tag command: The simplest and oldest method (still in use though) of refreshing a webcam image on a webpage is made via a set of HTML commands set in the <HEAD> tag of your page. There is a META tag than can make a web page to auto reload after a period of time (in seconds) is reached. The syntax for this tag is as follows: <HEAD> ... <META HTTP-EQUIV=REFRESH CONTENT="seconds"> ... ... </HEAD> Set the "seconds" to equal the number of seconds it will take the browser to Reload the current page. An Example: <META HTTP-EQUIV=REFRESH CONTENT="60"> would refresh the page every 60 seconds. The disadvantage of this method is that the whole page is reloaded, If you are using this method it is recommended that you keep the HTML page simple and with limited graphics so the page will reload quickly.