Understanding camvc - Revision history

Andrey.filippov at 20:07, 11 February 2009

2009-02-11T20:07:40Z

← Older revision		Revision as of 20:07, 11 February 2009
Line 1:		Line 1:
	'''This Tutorial was written for 7.X Firmware of Elphel cameras. Since 8.0 camvc has a different file structure and parts of the tutorial might be outdated.'''		'''This Tutorial was written for 7.X Firmware of Elphel cameras. Since 8.0 camvc has a different file structure and parts of the tutorial might be outdated.'''

			Camera communication part is re-written in 8.0 completely, some larger files are split into smaller to simplify maintenance.--[[User:Andrey.filippov\|Andrey.filippov]] 14:07, 11 February 2009 (CST)

OneArtPlease at 09:23, 11 February 2009

2009-02-11T09:23:36Z

← Older revision		Revision as of 09:23, 11 February 2009
Line 1:		Line 1:
	'''This Tutorial was written for 7.X Firmware of Elphel cameras. Since 8.0 camvc has a different file structure and parts of the tutorial might be outdated.'''		'''This Tutorial was written for 7.X Firmware of Elphel cameras. Since 8.0 camvc has a different file structure and parts of the tutorial might be outdated.'''


	I wanted to add a new checkbox to the camvc interface but had trouble getting a good overview of how this mainly AJAX driven tool that spreads sources over multiple files really works.		I wanted to add a new checkbox to the camvc interface but had trouble getting a good overview of how this mainly AJAX driven tool that spreads sources over multiple files really works.

OneArtPlease: 8.0 note at top

2009-02-11T09:23:21Z

8.0 note at top

← Older revision		Revision as of 09:23, 11 February 2009
Line 1:		Line 1:
			'''This Tutorial was written for 7.X Firmware of Elphel cameras. Since 8.0 camvc has a different file structure and parts of the tutorial might be outdated.'''

	I wanted to add a new checkbox to the camvc interface but had trouble getting a good overview of how this mainly AJAX driven tool that spreads sources over multiple files really works.		I wanted to add a new checkbox to the camvc interface but had trouble getting a good overview of how this mainly AJAX driven tool that spreads sources over multiple files really works.

OneArtPlease at 13:25, 30 September 2008

2008-09-30T13:25:58Z

← Older revision		Revision as of 13:25, 30 September 2008
Line 56:		Line 56:
	Now we need to deal with the actual function so go back to camvc.html:		Now we need to deal with the actual function so go back to camvc.html:

	Add the following to the document.buTtons Array (I added it at line 600)		Add the following definition for our checkbox to the document.buTtons Array (I added it at line 600)
	{id:"idJP4_CB", n:30, t:"T2",dm:"", aop:"JP4Clicked();updateColor();"},		{id:"idJP4_CB", n:30, t:"T2",dm:"", aop:"JP4Clicked();updateColor();"},

Line 84:		Line 84:
	return common_url;		return common_url;
	}		}

			Done!

			[[Image:jp4.jpg]]

OneArtPlease at 13:14, 30 September 2008

2008-09-30T13:14:21Z

@@ Line 44: / Line 44: @@
 The '''_CB''' id stands for checkbox
-We now open camvc_i18n.js to set the label and help text:
+We now open '''camvc_i18n.js''' to set the label and help text:
 Add the following where you think it fits best (I added it below the definitions for IngoreStreamer)
@@ Line 53: / Line 53: @@
   cn:"Please translate: Enable JP4 encoding mode for demosaicing on client side",
   ru:"Please translate: Enable JP4 encoding mode for demosaicing on client side"},

OneArtPlease at 13:06, 30 September 2008

2008-09-30T13:06:59Z

← Older revision		Revision as of 13:06, 30 September 2008
Line 9:		Line 9:
	===The Files===		===The Files===
	'''camvc.html''' is the main file and contains all variables as well as the html code defining the layout.		'''camvc.html''' is the main file and contains all variables as well as the html code defining the layout.

	'''camvc_i18n.js''' contains the labels and help texts in multiple languages (currently: English, Russian and Chinese)		'''camvc_i18n.js''' contains the labels and help texts in multiple languages (currently: English, Russian and Chinese)

	'''camvc_ccam.js''' contains the acutal AJAX components that set/get parameters to/from the camera		'''camvc_ccam.js''' contains the acutal AJAX components that set/get parameters to/from the camera

Line 27:		Line 29:
	Now we add the actual html code to display the new checkbox just after the checkbox to ignore the streamer:		Now we add the actual html code to display the new checkbox just after the checkbox to ignore the streamer:

	<div id="idIgnoreStreamer_ALL" style="float:left;">		<div id="idIgnoreStreamer_ALL" style="float:left;">
	<div id="idIgnoreStreamer_LB" class="float_icon"></div>		<div id="idIgnoreStreamer_LB" class="float_icon"></div>
	<div id="idIgnoreStreamer_CB" class="float_icon"></div>		<div id="idIgnoreStreamer_CB" class="float_icon"></div>
	</div>		</div>
	<br/> // ADDED		<br/> // ADDED
	<div id="idJP4_ALL" style="float:left;"> // ADDED		<div id="idJP4_ALL" style="float:left;"> // ADDED
	<div id="idJP4_LB" class="float_icon"></div> // ADDED		<div id="idJP4_LB" class="float_icon"></div> // ADDED
	<div id="idJP4_CB" class="float_icon"></div> // ADDED		<div id="idJP4_CB" class="float_icon"></div> // ADDED
	</div> // ADDED		</div> // ADDED


Line 45:		Line 47:

	Add the following where you think it fits best (I added it below the definitions for IngoreStreamer)		Add the following where you think it fits best (I added it below the definitions for IngoreStreamer)
	{id:"idJP4_LB", t:"p",en:"JP4 Mode",		{id:"idJP4_LB", t:"p",en:"JP4<br/> Mode",
	cn:"JP4 Mode",		cn:"JP4<br/> Mode",
	ru:"JP4 Mode"},		ru:"JP4<br/> Mode"},
	{id:"idJP4_ALL",t:"h",en:"Enable JP4 encoding mode for demosaicing images on client side",		{id:"idJP4_ALL",t:"h",en:"Enable JP4 encoding mode for demosaicing images on client side",
	cn:"Please translate: Enable JP4 encoding mode for demosaicing on client side",		cn:"Please translate: Enable JP4 encoding mode for demosaicing on client side",
	ru:"Please translate: Enable JP4 encoding mode for demosaicing on client side"},		ru:"Please translate: Enable JP4 encoding mode for demosaicing on client side"},

OneArtPlease at 13:03, 30 September 2008

2008-09-30T13:03:19Z

New page

I wanted to add a new checkbox to the camvc interface but had trouble getting a good overview of how this mainly AJAX driven tool that spreads sources over multiple files really works.

This tutorial is the result of my search and should help people that also want to add new features to understand the filestructure and functionality of camvc.

There already is a newer version of camvc called camvc2 that works slightly different and is not 100% complete yet.
This tutorial applies to both versions as underlying layout is basically the same.

===The Files===
'''camvc.html''' is the main file and contains all variables as well as the html code defining the layout.
'''camvc_i18n.js''' contains the labels and help texts in multiple languages (currently: English, Russian and Chinese)
'''camvc_ccam.js''' contains the acutal AJAX components that set/get parameters to/from the camera

===Adding JP4 Checkbox===

So now we want to add a new feature to camvc: JP4 encoding mode right below the checkbox for color/monocrome, ignore streamer

Open camvc.html and scroll down to a block where a lot of variables are set.
All variables are set in javascript as member of the document class:

I added the jp4 line just below playbackUpdated variable at line 274:

document.playbackUpdated=0;
document.jp4_mode=false;

Now we add the actual html code to display the new checkbox just after the checkbox to ignore the streamer:

<div id="idIgnoreStreamer_ALL" style="float:left;">
<div id="idIgnoreStreamer_LB" class="float_icon"></div>
<div id="idIgnoreStreamer_CB" class="float_icon"></div>
</div>
<br/> // ADDED
<div id="idJP4_ALL" style="float:left;"> // ADDED
<div id="idJP4_LB" class="float_icon"></div> // ADDED
<div id="idJP4_CB" class="float_icon"></div> // ADDED
</div> // ADDED

The id '''_ALL''' is the '''help text''' displayed when you hover over the checkbox in the '''?'''-Help Mode.
The '''_LB''' id stands for '''label''' and is the actual text to display in the corresponding language
The '''_CB''' id stands for checkbox

We now open camvc_i18n.js to set the label and help text:

Add the following where you think it fits best (I added it below the definitions for IngoreStreamer)
{id:"idJP4_LB", t:"p",en:"JP4 Mode",
cn:"JP4 Mode",
ru:"JP4 Mode"},
{id:"idJP4_ALL",t:"h",en:"Enable JP4 encoding mode for demosaicing images on client side",
cn:"Please translate: Enable JP4 encoding mode for demosaicing on client side",
ru:"Please translate: Enable JP4 encoding mode for demosaicing on client side"},