Free MJPEG Generic HTML Interface - Foscam Wansview Cameras

[TheUberOverLord 0]

MJPEG Example: http://foscam.us/forum/free-generic-browser-interface-for-foscam-ip-mjpeg-cameras-t2522.html

 

Note: This will work with Foscam, Wansview and other MJPEG clones as well.

 

Don

[tomcctv 190]

clones

 

 

 

anyone involved with clones are bad for the industry and the innocent people that spend hard earned money

[TheUberOverLord 0]

clones

 

 

 

anyone involved with clones are bad for the industry and the innocent people that spend hard earned money

 

Some people have them, and wish to use them. In many cases, they have no idea, that what they purchased was a clone. Also, there are good and bad clones.

 

I am not talking about clones that use defective parts or that don't perform well.

 

There are many MJPEG and H.264 cameras that are using the exact same firmware for example, with custom UI's.

 

Don

[TheUberOverLord 0]

clones

 

 

 

anyone involved with clones are bad for the industry and the innocent people that spend hard earned money

 

I am not talking about clones that use defective parts or that don't perform well.

 

There are many MJPEG and H.264 cameras that are using the exact same firmware for example, with custom UI's and simply re-branded. Even the ("exact") same hardware components.

 

More here: http://www.icamwire.com/foscam-hiware-wansview-easyn-easyse-apexis-camera-secret

 

Don

Edited August 10, 2012 by Guest

[tomcctv 190]

Also, there are good and bad clones.

 

 

its still theft.

[TheUberOverLord 0]

Please re-read my prior post, I modified it.

 

There is no theft involved in what I am referencing.

 

Don

[buellwinkle 0]

clones

anyone involved with clones are bad for the industry and the innocent people that spend hard earned money

 

Clones are what they call cameras made that resemble the original Foscam camera. Not even sure if Foscam was the first one to make a camera that looks like it does. What I learned from one of these companies is that in China, there's companies that make the components, like the lenses, the electronics and the plastics and several manufacturers buy the same plastics but the electronics, the firmware may be very different. These cameras were buggy and poorly made and Foscam offered firmware upgrades that people tried to use on non-Foscam cameras that looked the same and bricked their cameras which clearly made them angry. From my experience with Foscam is they have a short life expectancy. Had them fail in 3 days and 3 months.

 

Frankly, don't know why anyone would make a copy of Foscam. If I was going to make cheap copies, I would start with a $1,500 camera, not a $80 camera You don't see people on street corners in NYC selling fake copies of Timex watches.

[TheUberOverLord 0]

clones

anyone involved with clones are bad for the industry and the innocent people that spend hard earned money

 

Clones are what they call cameras made that resemble the original Foscam camera. Not even sure if Foscam was the first one to make a camera that looks like it does. What I learned from one of these companies is that in China, there's companies that make the components, like the lenses, the electronics and the plastics and several manufacturers buy the same plastics but the electronics, the firmware may be very different. These cameras were buggy and poorly made and Foscam offered firmware upgrades that people tried to use on non-Foscam cameras that looked the same and bricked their cameras which clearly made them angry. From my experience with Foscam is they have a short life expectancy. Had them fail in 3 days and 3 months.

 

Frankly, don't know why anyone would make a copy of Foscam. If I was going to make cheap copies, I would start with a $1,500 camera, not a $80 camera You don't see people on street corners in NYC selling fake copies of Timex watches.

 

IMHO, I think it's like anything.

 

One example would be vehicles. There are more cheaper vehicles than expensive vehicles manufactured.

 

I think it's great that someone can get cheap IP security cameras, as long as they understand why they are so cheap.

 

Don

[buellwinkle 0]

Theuberoverlord,

 

I tried this with ACTi cameras with a very simple page along the lines of the code you provided but using ACTi commands to get a snapshot. It works, the problem is that it is blinking between frames. How do you keep it from doing that with your code?

 

Here's what I have.

 

<html>
<head>
<title>ACTi Video Using JPEG</title>
<script language="Javascript">
var ACTi="http://192.168.0.92/cgi-bin/encoder?USER=Admin&PWD=123456&SNAPSHOT=N640x480,50"
var Delay=2;  // number of seconds between frames
var Times=5; // negative number gives you infinate loop, positive number gives you that many frames
var x="";
x=x + "<img src=" + ACTi + ">";

var i = 1;
(function myLoop (i) {       
  setTimeout(function () {    
     document.getElementById("demo").innerHTML=x; 
     if (--i) myLoop(i);      
  }, Delay*1000) 
})(Times);  
</script>
</head>
<body>
<H1>My Camera</H1>
<p id="demo"></p>
</body>
The rest of your website may go here, whatever you like
</html>

[TheUberOverLord 0]

Theuberoverlord,

 

I tried this with ACTi cameras with a very simple page along the lines of the code you provided but using ACTi commands to get a snapshot. It works, the problem is that it is blinking between frames. How do you keep it from doing that with your code?

 

Here's what I have.

 

<html>
<head>
<title>ACTi Video Using JPEG</title>
<script language="Javascript">
var ACTi="http://192.168.0.92/cgi-bin/encoder?USER=Admin&PWD=123456&SNAPSHOT=N640x480,50"
var Delay=2;  // number of seconds between frames
var Times=5; // negative number gives you infinate loop, positive number gives you that many frames
var x="";
x=x + "<img src=" + ACTi + ">";

var i = 1;
(function myLoop (i) {       
  setTimeout(function () {    
     document.getElementById("demo").innerHTML=x; 
     if (--i) myLoop(i);      
  }, Delay*1000) 
})(Times);  
</script>
</head>
<body>
<H1>My Camera</H1>
<p id="demo"></p>
</body>
The rest of your website may go here, whatever you like
</html>

 

Please re-review my HTML code and see how I am avoiding the video flutter.

 

Don

[buellwinkle 0]

Too much code for me, Maybe someone can combine the code and come up with a very simple player that works for other cameras, ACTi, Axis, Dahua etc. that is display only, no buttons on the screen.

[mike_va 0]

viewtopic.php?f=2&t=23345

[buellwinkle 0]

I tried the examples posted and got them to work, but it also does not preload the image so it blinks between image refreshes.

[TheUberOverLord 0]

I tried the examples posted and got them to work, but it also does not preload the image so it blinks between image refreshes.

 

Yes, I think the person who created that example, needs to review my working example.

 

Don

[TheUberOverLord 0]

Too much code for me, Maybe someone can combine the code and come up with a very simple player that works for other cameras, ACTi, Axis, Dahua etc. that is display only, no buttons on the screen.

 

My example, has configureable options to disable any and all controls.

 

Don

[TheUberOverLord 0]

Does anyone have access to the .CGI SDK for this camera? If so, I will create a version that works.

 

I want to be able to keep options llike display the cameras name, and also have control options.

 

I don't want to simply GUT what I have and have the Foscam version do 10 times more than the version for this camera.

 

Don

[buellwinkle 0]

Here's the ACTi URL commands - http://www.acti.com/getfile/KnowledgeBase_UploadFile/ACTi_Camera_URL_Commands_20120327_002.pdf

 

You can see from my code how to get a snapshot. Also, I did try and modify the URL commands in your script and got nowhere fast. I ran it through a Javascript debugger and it got the stream, but would not display it, sort of got hung somewhere about two statements after the first request for the snapshot. I copied the variable contents and pasted it into a browser and the command was fine, so don't know what's up.

[mike_va 0]

I tried the examples posted and got them to work, but it also does not preload the image so it blinks between image refreshes.

 

Yes, I think the person who created that example, needs to review my working example.

 

Don

The person who created that is banned from the forums. Does work well with Axis Pansonic Arecont. Axis has some examples also if you contact them, looks very similar. Don't know about Acti as I gave up on that brand...along with Arecont...

[buellwinkle 0]

I tried it with Axis, still blinks between image loads, same problem I have with the quicky script I wrote. Ideally, if someone wrote a script where one or more of the variable you set up front are the URL's for the various functions. Then you can customize it for just about any camera. I was just using ACTi as my test bed but I have a variety of cameras to test with. If I can get it working with ACTi, then Axis, and the rest should be easy enough.

[mike_va 0]

Hmm, works for me without blinking using firefox (granted, an old version) on a mac and W7. After the daily updates I said that's enough and disabled it back at 5.0.1. Also works on Chrome although I don't use that for anything else... I just have it set up as a shortcut on my browser so when I want to see the cams I can click that. After 30 seconds though the fan kicks on with this old macbook, have not tried dialing back the framerate.

[buellwinkle 0]

The issue is trying to get a fast enough frame rate so it looks like motion video, say at least 1 fps if not more. What has to be done is to preload the next frame in the browser cache from the javascript code and then reference it while it's still in the cache and have that constant loop of load, view, load, view to avoid having the screen blink as it loads the next frame. Theuberoverlord's code does this for Foscam but trying to undestand that much code is not that easy, even with a code debugger. I used to code Java, Javascript, JSP, but haven't done that in a long while.

 

I did it with Firefox 14 and the Firebug debugger, still blinks between frames, same as IE but I did it on a PC, didn't try on my Mac but most people still use PC's, I know, it's crazy, but they do

[mike_va 0]

I dunno, works on mine frame rate is fine. I am doing it with over 8 cams, but scaled down.

 

Here's some other examples I got from Axis a long time ago, maybe this will help you get something working

 

var refreshrate=6; //SECONDS BETWEEN REFRESH

var image="http://camera.no-ip.info:8080/jpg/image.jpg"; //IMAGE NAME

var imgheight=470; //IMAGE HEIGHT

var imgwidth=620; //IMAGE WIDTH

function refresh(){

document.images["pic"].src=image+"?"+new Date();

setTimeout('refresh()', refreshrate*1000);}

document.write('');

if(document.images)window.onload=refresh;

[mike_va 0]

In his example, if you make the value for Delay smaller it does not refresh faster? I have not tried it, and do not have any Acti cameras.