How to add live camera to my website?

Hello,

I have a live video stream here:

http://sketchburger.dyndns.org

Username: sketchburger
Password: sketchburger

I want to show that video stream on my iWeb page. Any idea how to do it??

THANKS!

Macbook Pro 2.4, 4GB, 250 GB HD, Mac OS X (10.6.2)

Posted on Jan 14, 2010 9:27 PM

Reply
5 replies

Jan 15, 2010 1:58 AM in response to Alan515

To display your webcam in a webpage you have two choices.

With both you use the <iframe> HTML Element and paste it in the HTML Snippet.

1. You display the entire page

<iframe src="http://sketchburger.dyndns.org/guest/view.cgi?profile=2" width="836" height="644" frameborder="0" scrolling="no"></iframe>


2. You display a simple webpage with the Java code.

<iframe src="http://sketchburger.dyndns.org/webcam.html" width="640" height="480" frameborder="0" scrolling="no"></iframe>


I prepared the page. Click the link to see or right-click to save the page and use it.

http://www.wyodor.net/_Discussions/webcam.html

I found that pasting the OBJECT code with the Java applet locks iWeb. So do not use that method.

Jan 25, 2010 9:28 PM in response to Alan515

Thanks for the info. What I ended up doing is actually some html editing through TextEdit (of all things). I opened up the webpage file in TextEdit (with "Ignore Rich Text..." box checked") and pasted in part of the HTML. Seemed to work. Check out "www.sketchburger.com".

As for the cam, it is a TrendNet wired cam. I bought it on Amazon.

Mar 15, 2010 5:07 AM in response to Wyodor

Hello, Wyodor. How is everything in Dordrecht?

When I visit the sites that you and Alan515 mention in your posts, both Safari and Firefox lock up, requiring a forced quit.

Maybe you can help me try a different approach. I use Evocam to upload images from my Panasonic webcam on a specified interval (refresh rate). The filename assigned to each image is "webcam.jpg" and the images are deposited via ftp to the same directory on my hosting company's server as the web page where I want the image to appear.

A sample HTML file is supplied with Evocam for displaying - and automatically refreshing at a specified interval - a webcam image:

<HTML>
<META HTTP-EQUIV="refresh" CONTENT="60">
<META HTTP-EQUIV="expires" CONTENT="0">
<META HTTP-EQUIV="pragma" CONTENT="no-cache">

<HEAD>
<TITLE>EvoCam Example Page</TITLE>
</HEAD>

<BODY>
<CENTER>
User uploaded file


<SMALL>
Powered by EvoCam
</SMALL>
</CENTER>
</BODY>

</HTML>

Note that where you see the familiar white question mark on a blue background in the sample code, above, there is actually this line: IMG SRC="webcam.jpg" (with the surrounding left and right arrows; I can't include them in this post).

I posted that code into a snippet and the Evocam promo text appears on the published web page. It refreshes at the specified interval (60 seconds in this case), but the image (webcam.jpg) does not appear. Instead, I see the aforementioned question mark.

Any ideas what I'm missing?

Message was edited by: Brian Shaw3

Message was edited by: Brian Shaw3

Message was edited by: Brian Shaw3

This thread has been closed by the system or the community team. You may vote for any posts you find helpful, or search the Community for additional answers.

How to add live camera to my website?

Welcome to Apple Support Community
A forum where Apple customers help each other with their products. Get started with your Apple Account.