News:

Registered a URL and setup a forum as the IPCam stuff really needed its own site vs my irregular blog posts about IPCam hacking at http://www.computersolutions.cn/blog

Author Topic: embed ptz on website  (Read 21274 times)

  • ***
January 26, 2013, 02:52:07 pm
Many thanks Don,

you can remove the file from your server now  :D

I have it all working now and the timeout now works with the re direct.

But in the bit :

var ShowChangePosition1 = "Y"; // *** Change This? *** Above Image Controls         *
var ShowChangePosition2 = "Y"; // *** Change This? *** Below Image Controls         *
var ShowHPatrol =         "N"; // *** Change This? ***                              *
var ShowVPatrol =         "Y"; // *** Change This? ***                              *
var ShowResMode =         "Y"; // *** Change This? ***                              *
var ShowBrightContrast =  "Y"; // *** Change This? ***                              *
var ShowGoToPresets =     "Y"; // *** Change This? ***                              *
var ShowSetPresets =      "N"; // *** Change This? ***                              *
var ShowFlip =            "N"; // *** Change This? ***                              *
var ShowIR =              "N"; // *** Change This? ***                              *
var ShowLeftRight =       "Y"; // *** Change This? ***                              *
var ShowUpDown =          "Y"; // *** Change This? ***   

The ones I have changed to "N" are still showing on the page?

so will it be ok if I just remove the parts of the code I don't want displayed ?

Paul

You are very welcome.

Please change your "N"; to ""; for controls you do not wish enabled.

Good catch, I need to change the instruction text above these specific configuration options to be more clear.

Don
« Last Edit: January 26, 2013, 03:02:58 pm by TheUberOverLord »

January 26, 2013, 03:02:18 pm
Thanks Don,

its easy when you know how.

Many thanks for your time and past work on the code

Your a star ;D
Paul

  • ***
January 26, 2013, 03:03:41 pm
Thanks Don,

its easy when you know how.

Many thanks for your time and past work on the code

Your a star ;D
Paul

Thanks for the kind words. I like your website by the way as well. Good job.

Don

January 26, 2013, 04:23:28 pm
As you are into cams Don

During the week I stream live video and audio from my work truck
also live GPS tracking.

On the road monday just after 4am UK time
http://www.truckcam.tv

Paul

  • ***
January 26, 2013, 04:31:16 pm
As you are into cams Don

During the week I stream live video and audio from my work truck
also live GPS tracking.

On the road monday just after 4am UK time
http://www.truckcam.tv

Paul

Nice!

While I currently don't have a HAM radio license. Here is my background.

http://airforce.togetherweserved.com/usaf/servlet/tws.webapp.WebApp?cmd=ShadowBoxReflectionProfileByName&displayName=TheUberOverLord

Don

January 27, 2013, 02:48:59 pm
Yeah saw your page, you sure have a busy life there!

I have finished a new page now:
http://www.truckcam.tv/security-cameras.html

It has my cam plus a mates PTZ on it and I have placed
a order for a 2nd cam for the front of my house and will
add that to the page in a week or too.

Thanks again for all your help Don :)
and please let me know when you have the next version of the code
as I am unable to get to it from the UK.

Paul

  • ***
January 28, 2013, 12:58:55 pm
Yeah saw your page, you sure have a busy life there!

I have finished a new page now:
http://www.truckcam.tv/security-cameras.html

It has my cam plus a mates PTZ on it and I have placed
a order for a 2nd cam for the front of my house and will
add that to the page in a week or too.

Thanks again for all your help Don :)
and please let me know when you have the next version of the code
as I am unable to get to it from the UK.

Paul

You are very welcome.

Yes, I will post back and let you know.

I checked your changes out, using your link above. Very Nice.

I also like the NEW "View Girls Locker Room IP Camera option", LOL!

Don
« Last Edit: January 28, 2013, 01:37:30 pm by TheUberOverLord »

February 02, 2013, 09:54:11 am
Hi again Don,

I have just added a 2nd ptz on the front of my house and all working fine.  ;D
One question, Is it easy for me to add preset 7 and preset 8 into the code ?
My Apexis J901 has 8 in total.


Paul
http://www.truckcam.tv

February 02, 2013, 10:03:16 am
All sorted, found it and added 7 + 8 :-)

  • ***
February 02, 2013, 12:47:11 pm
Hi again Don,

I have just added a 2nd ptz on the front of my house and all working fine.  ;D
One question, Is it easy for me to add preset 7 and preset 8 into the code ?
My Apexis J901 has 8 in total.


Paul
http://www.truckcam.tv

Hi sorry for the delay. Actually. The camera supports up to 16 different presets. The WebUI ("User Interface") usually supports a subset of the 16.

If you don't have it already. Here is the latest .cgi SDK documentation that includes the proper values for the 16 presets as well as full documentation on the .cgi interface:

http://foscam.us/forum/cgi-api-sdk-for-mjpeg-h-264-camera-t2986.html

Also here is some additional documentation I created about presets as well:

http://foscam.us/forum/free-mjpeg-goto-different-presets-loop-interface-t3403.html

http://foscam.us/forum/ptz-preset-control-panel-utility-t3552.html#p16536

Don
« Last Edit: February 02, 2013, 12:51:12 pm by TheUberOverLord »

February 02, 2013, 04:40:25 pm
Hi Don,

I have made some changes to the up down left right and used images on the 2 cams I now
have at my house. Has anyone else done anything like this ? It would be nice to have a
nice set of buttons set out like in the UI from the camera's

My Apexis cams dont seem to work in up/left , up/right mode so have removed these buttons.

I am going to put a link back to your setup info on my pages, Where do you want me to point
the link to ?

Paul
http://www.truckcam.tv for live webcam / audio and tracking from my truck  ;D Monday to Friday

  • ***
February 02, 2013, 10:37:23 pm
Hi Don,

I have made some changes to the up down left right and used images on the 2 cams I now
have at my house. Has anyone else done anything like this ? It would be nice to have a
nice set of buttons set out like in the UI from the camera's

My Apexis cams dont seem to work in up/left , up/right mode so have removed these buttons.

I am going to put a link back to your setup info on my pages, Where do you want me to point
the link to ?

Paul
http://www.truckcam.tv for live webcam / audio and tracking from my truck  ;D Monday to Friday

Hello.

I try to maintain information here, on the Interfaces I have created. So it would be best to link here to see all of them in one place:

http://www.openipcam.com/forum/index.php/topic,431.0.html

Generally, what I do is look at the cameras HTML source code for hints on what is being done and how they are linking images to controls. The downside of this is that different images are used for different brands and models. They can even change names from one firmware version to the next. So, I would host the images on a web site you plan to use vs. referencing them from the camera. Even if you copy them from the camera, to a web site.

That said. Here is an example of referencing an image for controls from a FI8908W clone.

Code: [Select]
<img id="leftup" src="images/leftup_up.gif" onMouseDown="leftup_onmousedown()" onMouseUp="leftup_onmouseup()">



In this case when this image is clicked, causing the onMouseDown event to fire, the function to move the camera Left and Up is called. The camera will continue to move in that direction until the mouse button is released, causing the onMouseUp event to fire.

If this image was for a preset. There would be no need to monitor when the mouse button is released. One would simply issue the go to preset command based on the mouse button being clicked. Like there would be in order to stop the camera from moving in this or that direction.

Not sure if this helps?

The one issue which still perplexes me, is that in many cases the cameras WebUI is not also using touch events for mobile devices. Depending on the device. Touching the screen and then removing your finger are not always processed as mouse events, depending on the device and browser for that device being used. So most standard camera interfaces do not work when being used from devices which use touch screens vs. mouse input. Why this is not changed/fixed and remains this way today, amazes me really.

As an example, the above would NOT work with all mobile devices that have touch screens, where someone wants to control the camera using a touch screen. So additional logic needs to be added that includes this to support touch events for camera controls being used by someone touching the screen where the control resides.

Code: [Select]
<img id="leftup" src="images/leftup_up.gif" onMouseDown="leftup_onmousedown()" onMouseUp="leftup_onmouseup()" onTouchStart="leftup_onmousedown()" onTouchEnd="leftup_onmouseup()">
So. If these additional touch events are not added in your web pages. In many cases people visiting your web site will not be able to use your camera controls from their touch screen devices, unless or until they actually position their mouse pointer over that camera control and use whatever emulates a mouse click on their device.

But the second example above, should work for any of the controls in my interfaces by using the syntax for an img vs. a button.

You simply need to add a onTouchStart event for every onMouseDown event and a onTouchEnd event for every onMouseUp event, with your images. If there is only a onMouseDown event, then there is no need to add a onTouchEnd event only a onTouchStart event.

Many if not most of the WebUI interfaces for the cameras use frames. So to see how they are doing this or that with an image in your standard camera interface. It's best to right click on the image you are curious about and then choose "View Source" so that you end up looking at the correct HTML source for what is using that image. Otherwise you could end up looking at some other Iframe HTML source code, that is a part of the web page, but not involved in dealing with the image in question.

Don
« Last Edit: February 02, 2013, 11:25:49 pm by TheUberOverLord »

  • ***
March 21, 2014, 09:43:14 am
Any IP Camera owner can optionally easily get and use All my many different IP Camera examples bundled together with one hour of one-on-one support to implement them. Save Time and Money Click Here!

While this Forum Topic is old. It's still ranking high in search engines for embedding IP Cameras in websites and webpages. So because of that fact. Here are also secure methods to display your IP Camera in webpages and on websites securely without exposing any IP Camera information such as DDNS or IP Address, Port or User Credentials:

http://www.openipcam.com/forum/index.php/topic,748.msg3661.html#msg3661

Don
« Last Edit: December 28, 2014, 09:31:33 am by TheUberOverLord »