Webcam viewer - Revision history

84.9.45.94: /* Webcam Viewer */

2005-12-29T16:09:00Z

Webcam Viewer

← Older revision		Revision as of 16:09, 29 December 2005
Line 1:		Line 1:
	== Webcam Viewer ==		== Webcam Viewer ==
	Software needed to use high-resolution network cameras as webcameras that can be viewed from websites (ours and our clients) should demonstrate ... well, high resolution. But as even 3 MPix is higher than computer screens, some software is needed on the client to simplify image manipulation preserving full resolution.		Software needed to use high-resolution network cameras like webcameras that can be viewed from websites (ours and our clients) should demonstrate ... well, high resolution. But as even 3 MPix is higher than computer screens, some software is needed on the client to simplify image manipulation while preserving full resolution.

	Here is a model [http://www.elphel.com/test/view2/index.html html+javaScript Image viewer]. It will be opened as a pop-up window from the main page to reduce the number of browser visible elements above/below the image area, url and refresh period (if any) will be passed to this window, last window configuration saved as cookies (not done yet). Refresh will use dummy suffix to URL to make it different, new image will show only after complete download (also not done yet). Currently Mozilla/Firefox and IE6 are known to work, konqueror - known to fail.		Here is a model [http://www.elphel.com/test/view2/index.html html+javaScript Image viewer]. It will be opened as a pop-up window from the main page to reduce the number of browser visible elements above/below the image area, url and refresh period (if any) will be passed to this window, and the last window configuration saved as cookies (not done yet). Refresh will use a dummy suffix to URL to make it different, the new image will show only after a complete download (also not done yet). Currently Mozilla/Firefox and IE6 are known to work, konqueror - known to fail.

	~~Window~~ uses two frame frameset (so 3 files). The full size image (currently 3 MPix) is loaded from the server (once), the rest is done with javascript. ~~Left~~ frame ~~containes~~ a scaled image so it fits in the frame (frame can be resized as needed by dragging the frame border), ~~rigth~~ frame - a "zoom 1:1" fraction of the image. Clicking inside the scaled image (left frame) shows the rectangle matching the left frame that can be dragged by moving the mouse (button should be ~~better~~ released). While dragging ~~that~~ rectangle the right frame shows its contents with full resolution.		The window uses a two frame frameset (so 3 files). The full size image (currently 3 MPix) is loaded from the server (once), the rest is done with javascript. The left frame contains a scaled image so it fits in the frame (the frame can be resized as needed by dragging the frame border), the right frame - a "zoom 1:1" fraction of the image. Clicking inside the scaled image (left frame) shows the rectangle matching the left frame that can be dragged by moving the mouse (button should be released). While dragging this rectangle the right frame shows its contents with full resolution.

	Right clicking in the right frame allows saving the full resolution image, it is also possible to add a link to that image so the full image will open in a new window.		Right clicking in the right frame allows saving the full resolution image, it is also possible to add a link to that image so the full image will open in a new window.

	[http://www.elphel.com/test/vimp/index.html New version] - does not use frames (could not figure out how to download image once and show in several frames without using extra bandwidth - maybe it is not possible at all). So now - it consists of just DIV layers, no autorefresh yet - only manual (button goes red during image update). Update - in the background, images are replaced when ready. Window size and the border position are ~~save~~ in cookies.		[http://www.elphel.com/test/vimp/index.html New version] - does not use frames (could not figure out how to download image once and show in several frames without using extra bandwidth - maybe it is not possible at all). So now - it consists of just DIV layers, no autorefresh yet - only manual (button goes red during image update). Update - in the background, images are replaced when ready. Window size and the border position are saved in cookies.

	--[[User:Andrey.filippov\|Andrey.filippov]] 12:06, 18 December 2005 (CST)		--[[User:Andrey.filippov\|Andrey.filippov]] 12:06, 18 December 2005 (CST)

166.70.153.65 at 07:22, 24 December 2005

2005-12-24T07:22:43Z

← Older revision		Revision as of 07:22, 24 December 2005
Line 14:		Line 14:
	[[User:Zimbatm\|Zimbatm]] : I am currently working on a one DIV implementation. I expect to have it finished for the start of next year. The idea is to have only one frame containing the zoomed picture. You can move the inner picture with drag and drop. In a further version, I will add zoom controls and cross-browser compatibility.		[[User:Zimbatm\|Zimbatm]] : I am currently working on a one DIV implementation. I expect to have it finished for the start of next year. The idea is to have only one frame containing the zoomed picture. You can move the inner picture with drag and drop. In a further version, I will add zoom controls and cross-browser compatibility.

	Have you tried f [http://webcams.elphel.com multi camera version]? (Some options work if you hold SHIFT while clicking. --[[User:Andrey.filippov\|Andrey.filippov]] 01:21, 24 December 2005 (CST)		Have you tried [http://webcams.elphel.com multi camera version]? (Some options work if you hold SHIFT while clicking. --[[User:Andrey.filippov\|Andrey.filippov]] 01:21, 24 December 2005 (CST)

166.70.153.65 at 07:22, 24 December 2005

2005-12-24T07:22:16Z

← Older revision		Revision as of 07:22, 24 December 2005
Line 14:		Line 14:
	[[User:Zimbatm\|Zimbatm]] : I am currently working on a one DIV implementation. I expect to have it finished for the start of next year. The idea is to have only one frame containing the zoomed picture. You can move the inner picture with drag and drop. In a further version, I will add zoom controls and cross-browser compatibility.		[[User:Zimbatm\|Zimbatm]] : I am currently working on a one DIV implementation. I expect to have it finished for the start of next year. The idea is to have only one frame containing the zoomed picture. You can move the inner picture with drag and drop. In a further version, I will add zoom controls and cross-browser compatibility.

	Have you tried f [http://webcams.elphel.com multi camera version]? (Some options work if you hold SHIFT while clicking. --[[User:~~166~~.~~70.153.65~~\|~~166.70.153~~.65]] 01:21, 24 December 2005 (CST)		Have you tried f [http://webcams.elphel.com multi camera version]? (Some options work if you hold SHIFT while clicking. --[[User:Andrey.filippov\|Andrey.filippov]] 01:21, 24 December 2005 (CST)

166.70.153.65 at 07:21, 24 December 2005

2005-12-24T07:21:49Z

← Older revision		Revision as of 07:21, 24 December 2005
Line 13:		Line 13:

	[[User:Zimbatm\|Zimbatm]] : I am currently working on a one DIV implementation. I expect to have it finished for the start of next year. The idea is to have only one frame containing the zoomed picture. You can move the inner picture with drag and drop. In a further version, I will add zoom controls and cross-browser compatibility.		[[User:Zimbatm\|Zimbatm]] : I am currently working on a one DIV implementation. I expect to have it finished for the start of next year. The idea is to have only one frame containing the zoomed picture. You can move the inner picture with drag and drop. In a further version, I will add zoom controls and cross-browser compatibility.

			Have you tried f [http://webcams.elphel.com multi camera version]? (Some options work if you hold SHIFT while clicking. --[[User:166.70.153.65\|166.70.153.65]] 01:21, 24 December 2005 (CST)

Zimbatm at 06:55, 24 December 2005

2005-12-24T06:55:40Z

← Older revision		Revision as of 06:55, 24 December 2005
Line 12:		Line 12:
	--[[User:Andrey.filippov\|Andrey.filippov]] 12:06, 18 December 2005 (CST)		--[[User:Andrey.filippov\|Andrey.filippov]] 12:06, 18 December 2005 (CST)

	[[User:Zimbatm\|Zimbatm]] I am currently working on a one DIV implementation. I expect to have it finished for the start of next year. The idea is to have only one frame containing the zoomed picture. You can move the inner picture with drag and drop. In a further version, I will add zoom controls and cross-browser compatibility.		[[User:Zimbatm\|Zimbatm]] : I am currently working on a one DIV implementation. I expect to have it finished for the start of next year. The idea is to have only one frame containing the zoomed picture. You can move the inner picture with drag and drop. In a further version, I will add zoom controls and cross-browser compatibility.

Zimbatm: /* Webcam Viewer */

2005-12-24T06:55:10Z

Webcam Viewer

← Older revision		Revision as of 06:55, 24 December 2005
Line 11:		Line 11:

	--[[User:Andrey.filippov\|Andrey.filippov]] 12:06, 18 December 2005 (CST)		--[[User:Andrey.filippov\|Andrey.filippov]] 12:06, 18 December 2005 (CST)

			[[User:Zimbatm\|Zimbatm]] I am currently working on a one DIV implementation. I expect to have it finished for the start of next year. The idea is to have only one frame containing the zoomed picture. You can move the inner picture with drag and drop. In a further version, I will add zoom controls and cross-browser compatibility.

Andrey.filippov at 18:06, 18 December 2005

2005-12-18T18:06:29Z

← Older revision		Revision as of 18:06, 18 December 2005
Line 7:		Line 7:

	Right clicking in the right frame allows saving the full resolution image, it is also possible to add a link to that image so the full image will open in a new window.		Right clicking in the right frame allows saving the full resolution image, it is also possible to add a link to that image so the full image will open in a new window.

			[http://www.elphel.com/test/vimp/index.html New version] - does not use frames (could not figure out how to download image once and show in several frames without using extra bandwidth - maybe it is not possible at all). So now - it consists of just DIV layers, no autorefresh yet - only manual (button goes red during image update). Update - in the background, images are replaced when ready. Window size and the border position are save in cookies.

			--[[User:Andrey.filippov\|Andrey.filippov]] 12:06, 18 December 2005 (CST)

166.70.153.65 at 10:37, 17 December 2005

2005-12-17T10:37:52Z

New page

== Webcam Viewer ==
Software needed to use high-resolution network cameras as webcameras that can be viewed from websites (ours and our clients) should demonstrate ... well, high resolution. But as even 3 MPix is higher than computer screens, some software is needed on the client to simplify image manipulation preserving full resolution.

Here is a model [http://www.elphel.com/test/view2/index.html html+javaScript Image viewer]. It will be opened as a pop-up window from the main page to reduce the number of browser visible elements above/below the image area, url and refresh period (if any) will be passed to this window, last window configuration saved as cookies (not done yet). Refresh will use dummy suffix to URL to make it different, new image will show only after complete download (also not done yet). Currently Mozilla/Firefox and IE6 are known to work, konqueror - known to fail.

Window uses two frame frameset (so 3 files). The full size image (currently 3 MPix) is loaded from the server (once), the rest is done with javascript. Left frame containes a scaled image so it fits in the frame (frame can be resized as needed by dragging the frame border), rigth frame - a "zoom 1:1" fraction of the image. Clicking inside the scaled image (left frame) shows the rectangle matching the left frame that can be dragged by moving the mouse (button should be better released). While dragging that rectangle the right frame shows its contents with full resolution.

Right clicking in the right frame allows saving the full resolution image, it is also possible to add a link to that image so the full image will open in a new window.