How to Add a Live Webcam to a Web Page


Connect a camera to your computer and sign up with a webcam service to add a live video feed to your Web page. You'll need a basic knowledge of HTML to place the webcam feed code on your site but it's not complicated. There are free and paid webcam services available depending on the number of visitors you expect and how much bandwidth you use. WordPress users can download a plugin to add a live feed to a blog. Enter "webcam service" in a search engine to find and compare services.

Things You'll Need

  • Web page
  • Webcam service provider
  • Internet connection
  • Webcam
  • Microphone (optional)
  • Connect an external camera to your computer or turn on the internal camera if you have one built in. Add a microphone if your camera doesn't have one and you want to broadcast sound.

  • Sign up for a webcam service. Choose one that gives you enough bandwidth to cover the number of visitors you expect. Some examples are Camstreams, iWebcam and Streamdays. Search "webcam" in the WordPress Plugin Directory to browse blog webcam widgets.

  • Install the webcam service software according to the instructions given by the provider. If you're adding a plugin to your WordPress blog just install and follow the instructions given in the plugin. That's all it takes for WordPress. If you're adding a webcam to a regular Web page there are a few more steps.

  • Double-click the webcam software icon on your computer. Your video should appear in the window. If not, go to "Options" or the similar menu option and turn on your camera to start the video feed.

  • Go online to the webcam software website and find the HTML code to add the streaming video to your Web page. Look for a button or menu option that says "show HTML embed code."

  • Highlight the HTML, right-click and choose "Copy."

  • Open your Web page where you want the live feed to appear. Open it in whatever Web design program you used to create it. Click the "Show source" button to view the Web page HTML code.

  • Right-click and "Paste" the HTML in the code where you want the video to appear.

  • Save and upload the new Web page as you usually do. Use FTP or your Web design program, however you originally uploaded your Web page.

  • Navigate to your Web page online and view your live streaming video.

Related Searches


  • Photo Credit Thinkstock Images/Comstock/Getty Images
Promoted By Zergnet


Related Searches

Check It Out

Geek Vs Geek: Robot battles, hoverboard drag race, and more

Is DIY in your DNA? Become part of our maker community.
Submit Your Work!