Stream to web page
38 posts
• Page 2 of 4 • 1, 2, 3, 4
Re: Stream to web page
by Peanut » Sat Apr 09, 2011 11:22 pm
Hi,
To those forum users struggling with embedding their camera output and controls into a web page I hope this will help. The experts here can ignore this as it's very basic stuff.
This is an image of a simple web script that is viewable in all browsers (It will auto-detect IE and display a static image instead of video). All the buttons are set for the 8918 model, but they can be easaily changed and the image should display for all the Foscam range, so 8904/5 users can just strip out the control functions.
I can't put the script here because it includes icons, but a zip file is available here and all you need to do is enter your basic camera data and it should burst into life.
http://www.cfirst.org/cam.zip
The setup is for Operator level access only. On a non-public secure site you could add the admin functions too, but I don't advise that on an open web site unless you want your camera trashed by some idiot.
It's a PHP script, faster and more stable than javascript and the layout can be changed in simple HTML.
It is possible to add an "auto-refresh image only every x secs" for the IE version, but it's far simpler to use an auto page refresh instead.
HTH
To those forum users struggling with embedding their camera output and controls into a web page I hope this will help. The experts here can ignore this as it's very basic stuff.
This is an image of a simple web script that is viewable in all browsers (It will auto-detect IE and display a static image instead of video). All the buttons are set for the 8918 model, but they can be easaily changed and the image should display for all the Foscam range, so 8904/5 users can just strip out the control functions.
I can't put the script here because it includes icons, but a zip file is available here and all you need to do is enter your basic camera data and it should burst into life.
http://www.cfirst.org/cam.zipThe setup is for Operator level access only. On a non-public secure site you could add the admin functions too, but I don't advise that on an open web site unless you want your camera trashed by some idiot.
It's a PHP script, faster and more stable than javascript and the layout can be changed in simple HTML.
It is possible to add an "auto-refresh image only every x secs" for the IE version, but it's far simpler to use an auto page refresh instead.
HTH
- Peanut
- Posts: 6
- Joined: Tue Jan 11, 2011 2:28 am
Re: Stream to web page
by tgarrity » Mon Apr 11, 2011 9:37 pm
Hi Guys,
I tried both versions and couldn't get either of them to work. I'm trying to use Comcast's Personal Web Pages with their editor. Looks like they try to hide a lot of things for the average user, so it's hard to tell what's wrong. I just get a 403 html error when I try to open Peanut's script. Is it possible they don't support the PHP? I left off all the PNGs because their upload tool really sucks, but I would think the page would still display without them wouldn't it? Maybe that's the problem.
Thanks,
Terry
I tried both versions and couldn't get either of them to work. I'm trying to use Comcast's Personal Web Pages with their editor. Looks like they try to hide a lot of things for the average user, so it's hard to tell what's wrong. I just get a 403 html error when I try to open Peanut's script. Is it possible they don't support the PHP? I left off all the PNGs because their upload tool really sucks, but I would think the page would still display without them wouldn't it? Maybe that's the problem.
Thanks,
Terry
- tgarrity
- Posts: 6
- Joined: Sun Mar 27, 2011 11:11 am
Re: Stream to web page
by bigboy1122 » Wed Apr 13, 2011 4:36 pm
So that I am understanding this correctly. The streaming doesn't work for IE? I have tried it on IE 8 and IE 9 with no luck.
Here is the URL
[url]http://www.shoalcreekanimalhospital.com/?page_id=372[url]
Here is the embeded img tag
<img src="http://shoalcreekah.dyndns.org:8081/videostream.cgi?user=visitor&pwd=shoalcreek" width="640" height="480" />
It works fine in Chrome and Firefox.
Here is the URL
[url]http://www.shoalcreekanimalhospital.com/?page_id=372[url]
Here is the embeded img tag
<img src="http://shoalcreekah.dyndns.org:8081/videostream.cgi?user=visitor&pwd=shoalcreek" width="640" height="480" />
It works fine in Chrome and Firefox.
- bigboy1122
- Posts: 1
- Joined: Wed Apr 13, 2011 4:30 pm
Re: Stream to web page
by daveswebb » Sun Oct 23, 2011 12:55 pm
FAO HansAPlast
Hi this script that I got from Zerone will view your fish tank on I.E.
<html>
<head>
<title>Camera</title>
</head>
<script language="JavaScript" type="text/javascript">
function reload()
{
setTimeout('reloadSnapshot("foscam")',300)
};
function reloadSnapshot(id)
{
var obj = document.getElementById(id);
obj.src = "http://gerdscam.dyndns.tv:2222/snapshot.cgi?user=gast&pwd=gast&t="+Math.random();
}
</script>
<body>
<img src="http://gerdscam.dyndns.tv:2222/snapshot.cgi?user=gast&pwd=gast"
name="foscam" id="foscam" width="640" height="480" onload='reload()'>
</body>
</html>
Have uploaded temporary site (24 hrs)
http://trialsites.ihoststudio.com/trial ... 1/website/
Hope this helps
Hi this script that I got from Zerone will view your fish tank on I.E.
<html>
<head>
<title>Camera</title>
</head>
<script language="JavaScript" type="text/javascript">
function reload()
{
setTimeout('reloadSnapshot("foscam")',300)
};
function reloadSnapshot(id)
{
var obj = document.getElementById(id);
obj.src = "http://gerdscam.dyndns.tv:2222/snapshot.cgi?user=gast&pwd=gast&t="+Math.random();
}
</script>
<body>
<img src="http://gerdscam.dyndns.tv:2222/snapshot.cgi?user=gast&pwd=gast"
name="foscam" id="foscam" width="640" height="480" onload='reload()'>
</body>
</html>
Have uploaded temporary site (24 hrs)
http://trialsites.ihoststudio.com/trial ... 1/website/
Hope this helps
- daveswebb
- Posts: 12
- Joined: Fri Sep 16, 2011 7:32 am
Re: Stream to web page
by ybrich » Wed Jan 04, 2012 10:45 am
Hi,
I found this thread while doing a search for help with the same question. I would like to try the solution proposed by Peanut, but the link in his post is no longer valid.
Peanut, can you repost the link to your zip file, or if anyone else downloaded the .zip, I would appreciate reposting it.
Thanks
I found this thread while doing a search for help with the same question. I would like to try the solution proposed by Peanut, but the link in his post is no longer valid.
Peanut, can you repost the link to your zip file, or if anyone else downloaded the .zip, I would appreciate reposting it.
Thanks
- ybrich
- Posts: 2
- Joined: Wed Jan 04, 2012 10:26 am
Re: Stream to web page
by Zerone » Wed Jan 04, 2012 5:20 pm
It's here. http://www.cfirst.org/testcam 
- Zerone
- Posts: 157
- Joined: Thu Aug 04, 2011 8:40 pm
Re: Stream to web page
by sppunk » Fri Jan 06, 2012 2:21 pm
Zerone wrote:It's here. http://www.cfirst.org/testcam
Hm, this isn't working for me - brings up a broken image link (and the images are just static images).
- sppunk
- Posts: 15
- Joined: Sun Jan 01, 2012 4:53 pm
Re: Stream to web page
by Zerone » Fri Jan 06, 2012 4:19 pm
sppunk wrote:Zerone wrote:It's here. http://www.cfirst.org/testcam
Hm, this isn't working for me - brings up a broken image link (and the images are just static images).
There is NO active camera on that page. It just a static page that hosts a download link for a php script that can be used on your own website.
- Zerone
- Posts: 157
- Joined: Thu Aug 04, 2011 8:40 pm
38 posts
• Page 2 of 4 • 1, 2, 3, 4
Who is online
Users browsing this forum: No registered users and 2 guests
Foscam Digital Technologies LLC - A United States Limited Liability Corporation
Copyright © 2011, Foscam.us All rights reserved