Changeset 3297694796b1587d45038bec5ddc044ab42309af for flex

Timestamp:

03/08/11 13:59:36 (15 months ago)

Author:

Robin Gareus <robin@…>

Parents:

81f97048316e171afdf367aab5b4cda2fc87c267

Children:

99bf52b83c230e484b240bbe1fd8101b4ef32e64

git-committer:

Robin Gareus <robin@gareus.org> / 2011-03-08T14:59:36Z+0100

Message:

mcluhan: new fn, no layout yet

Files:

• flex/derrick-av/main.mxml (modified) (12 diffs)

flex/derrick-av/main.mxml

@@ -11 +11 @@
             import mx.controls.Alert;
             import mx.rpc.events.ResultEvent;
-            import mx.rpc.events.FaultEvent;
+                        import mx.rpc.events.FaultEvent;
+                        import mx.collections.ArrayCollection;
         
             private var conn:NetConnection;
@@ -22 +23 @@
             private var server:String;
             private var password:String;
-            private var username:String;
+                        private var username:String;
+
+                        [Bindable]
+                        private var countrycodes:ArrayCollection;
             
            
@@ -31 +35 @@
                 server="rtmp://188.165.42.118/rec-hq";
                 username="4dc84c9279d0fcaa793eecfbc544cdbe7ea5f6e4";
-                password="f78b64c9e0f2ea24fddce2b0d809cb2855fed1a6";
-              
-                camsize.selectedIndex=1;                        
-                
+                                password="f78b64c9e0f2ea24fddce2b0d809cb2855fed1a6";
+                                countrycodes = new ArrayCollection( [
+{ id:'XX', label:'Please select your country..'},
+{ id:'AF', label:'AF (AFGHANISTAN)'},
+{ id:'AX', label:'AX (ALAND ISLANDS)'},
+{ id:'AL', label:'AL (ALBANIA)'},
+{ id:'DZ', label:'DZ (ALGERIA)'},
+{ id:'AS', label:'AS (AMERICAN SAMOA)'},
+{ id:'AD', label:'AD (ANDORRA)'},
+{ id:'AO', label:'AO (ANGOLA)'},
+{ id:'AI', label:'AI (ANGUILLA)'},
+{ id:'AQ', label:'AQ (ANTARCTICA)'},
+{ id:'AG', label:'AG (ANTIGUA AND BARBUDA)'},
+{ id:'AR', label:'AR (ARGENTINA)'},
+{ id:'AM', label:'AM (ARMENIA)'},
+{ id:'AW', label:'AW (ARUBA)'},
+{ id:'AU', label:'AU (AUSTRALIA)'},
+{ id:'AT', label:'AT (AUSTRIA)'},
+{ id:'AZ', label:'AZ (AZERBAIJAN)'},
+{ id:'BS', label:'BS (BAHAMAS)'},
+{ id:'BH', label:'BH (BAHRAIN)'},
+{ id:'BD', label:'BD (BANGLADESH)'},
+{ id:'BB', label:'BB (BARBADOS)'},
+{ id:'BY', label:'BY (BELARUS)'},
+{ id:'BE', label:'BE (BELGIUM)'},
+{ id:'BZ', label:'BZ (BELIZE)'},
+{ id:'BJ', label:'BJ (BENIN)'},
+{ id:'BM', label:'BM (BERMUDA)'},
+{ id:'BT', label:'BT (BHUTAN)'},
+{ id:'BO', label:'BO (BOLIVIA, PLURINATIONAL STATE OF)'},
+{ id:'BA', label:'BA (BOSNIA AND HERZEGOVINA)'},
+{ id:'BW', label:'BW (BOTSWANA)'},
+{ id:'BV', label:'BV (BOUVET ISLAND)'},
+{ id:'BR', label:'BR (BRAZIL)'},
+{ id:'IO', label:'IO (BRITISH INDIAN OCEAN TERRITORY)'},
+{ id:'BN', label:'BN (BRUNEI DARUSSALAM)'},
+{ id:'BG', label:'BG (BULGARIA)'},
+{ id:'BF', label:'BF (BURKINA FASO)'},
+{ id:'BI', label:'BI (BURUNDI)'},
+{ id:'KH', label:'KH (CAMBODIA)'},
+{ id:'CM', label:'CM (CAMEROON)'},
+{ id:'CA', label:'CA (CANADA)'},
+{ id:'CV', label:'CV (CAPE VERDE)'},
+{ id:'KY', label:'KY (CAYMAN ISLANDS)'},
+{ id:'CF', label:'CF (CENTRAL AFRICAN REPUBLIC)'},
+{ id:'TD', label:'TD (CHAD)'},
+{ id:'CL', label:'CL (CHILE)'},
+{ id:'CN', label:'CN (CHINA)'},
+{ id:'CX', label:'CX (CHRISTMAS ISLAND)'},
+{ id:'CC', label:'CC (COCOS (KEELING) ISLANDS)'},
+{ id:'CO', label:'CO (COLOMBIA)'},
+{ id:'KM', label:'KM (COMOROS)'},
+{ id:'CG', label:'CG (CONGO)'},
+{ id:'CD', label:'CD (CONGO, THE DEMOCRATIC REPUBLIC OF THE)'},
+{ id:'CK', label:'CK (COOK ISLANDS)'},
+{ id:'CR', label:'CR (COSTA RICA)'},
+{ id:'CI', label:'CI (COTE D\'IVOIRE)'},
+{ id:'HR', label:'HR (CROATIA)'},
+{ id:'CU', label:'CU (CUBA)'},
+{ id:'CY', label:'CY (CYPRUS)'},
+{ id:'CZ', label:'CZ (CZECH REPUBLIC)'},
+{ id:'DK', label:'DK (DENMARK)'},
+{ id:'DJ', label:'DJ (DJIBOUTI)'},
+{ id:'DM', label:'DM (DOMINICA)'},
+{ id:'DO', label:'DO (DOMINICAN REPUBLIC)'},
+{ id:'EC', label:'EC (ECUADOR)'},
+{ id:'EG', label:'EG (EGYPT)'},
+{ id:'SV', label:'SV (EL SALVADOR)'},
+{ id:'GQ', label:'GQ (EQUATORIAL GUINEA)'},
+{ id:'ER', label:'ER (ERITREA)'},
+{ id:'EE', label:'EE (ESTONIA)'},
+{ id:'ET', label:'ET (ETHIOPIA)'},
+{ id:'FK', label:'FK (FALKLAND ISLANDS (MALVINAS))'},
+{ id:'FO', label:'FO (FAROE ISLANDS)'},
+{ id:'FJ', label:'FJ (FIJI)'},
+{ id:'FI', label:'FI (FINLAND)'},
+{ id:'FR', label:'FR (FRANCE)'},
+{ id:'GF', label:'GF (FRENCH GUIANA)'},
+{ id:'PF', label:'PF (FRENCH POLYNESIA)'},
+{ id:'TF', label:'TF (FRENCH SOUTHERN TERRITORIES)'},
+{ id:'GA', label:'GA (GABON)'},
+{ id:'GM', label:'GM (GAMBIA)'},
+{ id:'GE', label:'GE (GEORGIA)'},
+{ id:'DE', label:'DE (GERMANY)'},
+{ id:'GH', label:'GH (GHANA)'},
+{ id:'GI', label:'GI (GIBRALTAR)'},
+{ id:'GR', label:'GR (GREECE)'},
+{ id:'GL', label:'GL (GREENLAND)'},
+{ id:'GD', label:'GD (GRENADA)'},
+{ id:'GP', label:'GP (GUADELOUPE)'},
+{ id:'GU', label:'GU (GUAM)'},
+{ id:'GT', label:'GT (GUATEMALA)'},
+{ id:'GG', label:'GG (GUERNSEY)'},
+{ id:'GN', label:'GN (GUINEA)'},
+{ id:'GW', label:'GW (GUINEA-BISSAU)'},
+{ id:'GY', label:'GY (GUYANA)'},
+{ id:'HT', label:'HT (HAITI)'},
+{ id:'HM', label:'HM (HEARD ISLAND AND MCDONALD ISLANDS)'},
+{ id:'VA', label:'VA (HOLY SEE (VATICAN CITY STATE))'},
+{ id:'HN', label:'HN (HONDURAS)'},
+{ id:'HK', label:'HK (HONG KONG)'},
+{ id:'HU', label:'HU (HUNGARY)'},
+{ id:'IS', label:'IS (ICELAND)'},
+{ id:'IN', label:'IN (INDIA)'},
+{ id:'ID', label:'ID (INDONESIA)'},
+{ id:'IR', label:'IR (IRAN, ISLAMIC REPUBLIC OF)'},
+{ id:'IQ', label:'IQ (IRAQ)'},
+{ id:'IE', label:'IE (IRELAND)'},
+{ id:'IM', label:'IM (ISLE OF MAN)'},
+{ id:'IL', label:'IL (ISRAEL)'},
+{ id:'IT', label:'IT (ITALY)'},
+{ id:'JM', label:'JM (JAMAICA)'},
+{ id:'JP', label:'JP (JAPAN)'},
+{ id:'JE', label:'JE (JERSEY)'},
+{ id:'JO', label:'JO (JORDAN)'},
+{ id:'KZ', label:'KZ (KAZAKHSTAN)'},
+{ id:'KE', label:'KE (KENYA)'},
+{ id:'KI', label:'KI (KIRIBATI)'},
+{ id:'KP', label:'KP (KOREA, DEMOCRATIC PEOPLE\'S REPUBLIC OF)'},
+{ id:'KR', label:'KR (KOREA, REPUBLIC OF)'},
+{ id:'KW', label:'KW (KUWAIT)'},
+{ id:'KG', label:'KG (KYRGYZSTAN)'},
+{ id:'LA', label:'LA (LAO PEOPLE\'S DEMOCRATIC REPUBLIC)'},
+{ id:'LV', label:'LV (LATVIA)'},
+{ id:'LB', label:'LB (LEBANON)'},
+{ id:'LS', label:'LS (LESOTHO)'},
+{ id:'LR', label:'LR (LIBERIA)'},
+{ id:'LY', label:'LY (LIBYAN ARAB JAMAHIRIYA)'},
+{ id:'LI', label:'LI (LIECHTENSTEIN)'},
+{ id:'LT', label:'LT (LITHUANIA)'},
+{ id:'LU', label:'LU (LUXEMBOURG)'},
+{ id:'MO', label:'MO (MACAO)'},
+{ id:'MK', label:'MK (MACEDONIA, THE FORMER YUGOSLAV REPUBLIC OF)'},
+{ id:'MG', label:'MG (MADAGASCAR)'},
+{ id:'MW', label:'MW (MALAWI)'},
+{ id:'MY', label:'MY (MALAYSIA)'},
+{ id:'MV', label:'MV (MALDIVES)'},
+{ id:'ML', label:'ML (MALI)'},
+{ id:'MT', label:'MT (MALTA)'},
+{ id:'MH', label:'MH (MARSHALL ISLANDS)'},
+{ id:'MQ', label:'MQ (MARTINIQUE)'},
+{ id:'MR', label:'MR (MAURITANIA)'},
+{ id:'MU', label:'MU (MAURITIUS)'},
+{ id:'YT', label:'YT (MAYOTTE)'},
+{ id:'MX', label:'MX (MEXICO)'},
+{ id:'FM', label:'FM (MICRONESIA, FEDERATED STATES OF)'},
+{ id:'MD', label:'MD (MOLDOVA, REPUBLIC OF)'},
+{ id:'MC', label:'MC (MONACO)'},
+{ id:'MN', label:'MN (MONGOLIA)'},
+{ id:'ME', label:'ME (MONTENEGRO)'},
+{ id:'MS', label:'MS (MONTSERRAT)'},
+{ id:'MA', label:'MA (MOROCCO)'},
+{ id:'MZ', label:'MZ (MOZAMBIQUE)'},
+{ id:'MM', label:'MM (MYANMAR)'},
+{ id:'NA', label:'NA (NAMIBIA)'},
+{ id:'NR', label:'NR (NAURU)'},
+{ id:'NP', label:'NP (NEPAL)'},
+{ id:'NL', label:'NL (NETHERLANDS)'},
+{ id:'AN', label:'AN (NETHERLANDS ANTILLES)'},
+{ id:'NC', label:'NC (NEW CALEDONIA)'},
+{ id:'NZ', label:'NZ (NEW ZEALAND)'},
+{ id:'NI', label:'NI (NICARAGUA)'},
+{ id:'NE', label:'NE (NIGER)'},
+{ id:'NG', label:'NG (NIGERIA)'},
+{ id:'NU', label:'NU (NIUE)'},
+{ id:'NF', label:'NF (NORFOLK ISLAND)'},
+{ id:'MP', label:'MP (NORTHERN MARIANA ISLANDS)'},
+{ id:'NO', label:'NO (NORWAY)'},
+{ id:'OM', label:'OM (OMAN)'},
+{ id:'PK', label:'PK (PAKISTAN)'},
+{ id:'PW', label:'PW (PALAU)'},
+{ id:'PS', label:'PS (PALESTINIAN TERRITORY, OCCUPIED)'},
+{ id:'PA', label:'PA (PANAMA)'},
+{ id:'PG', label:'PG (PAPUA NEW GUINEA)'},
+{ id:'PY', label:'PY (PARAGUAY)'},
+{ id:'PE', label:'PE (PERU)'},
+{ id:'PH', label:'PH (PHILIPPINES)'},
+{ id:'PN', label:'PN (PITCAIRN)'},
+{ id:'PL', label:'PL (POLAND)'},
+{ id:'PT', label:'PT (PORTUGAL)'},
+{ id:'PR', label:'PR (PUERTO RICO)'},
+{ id:'QA', label:'QA (QATAR)'},
+{ id:'RE', label:'RE (REUNION)'},
+{ id:'RO', label:'RO (ROMANIA)'},
+{ id:'RU', label:'RU (RUSSIAN FEDERATION)'},
+{ id:'RW', label:'RW (RWANDA)'},
+{ id:'BL', label:'BL (SAINT BARTHELEMY)'},
+{ id:'SH', label:'SH (SAINT HELENA)'},
+{ id:'KN', label:'KN (SAINT KITTS AND NEVIS)'},
+{ id:'LC', label:'LC (SAINT LUCIA)'},
+{ id:'MF', label:'MF (SAINT MARTIN)'},
+{ id:'PM', label:'PM (SAINT PIERRE AND MIQUELON)'},
+{ id:'VC', label:'VC (SAINT VINCENT AND THE GRENADINES)'},
+{ id:'WS', label:'WS (SAMOA)'},
+{ id:'SM', label:'SM (SAN MARINO)'},
+{ id:'ST', label:'ST (SAO TOME AND PRINCIPE)'},
+{ id:'SA', label:'SA (SAUDI ARABIA)'},
+{ id:'SN', label:'SN (SENEGAL)'},
+{ id:'RS', label:'RS (SERBIA)'},
+{ id:'SC', label:'SC (SEYCHELLES)'},
+{ id:'SL', label:'SL (SIERRA LEONE)'},
+{ id:'SG', label:'SG (SINGAPORE)'},
+{ id:'SK', label:'SK (SLOVAKIA)'},
+{ id:'SI', label:'SI (SLOVENIA)'},
+{ id:'SB', label:'SB (SOLOMON ISLANDS)'},
+{ id:'SO', label:'SO (SOMALIA)'},
+{ id:'ZA', label:'ZA (SOUTH AFRICA)'},
+{ id:'GS', label:'GS (SOUTH GEORGIA AND THE SOUTH SANDWICH ISLANDS)'},
+{ id:'ES', label:'ES (SPAIN)'},
+{ id:'LK', label:'LK (SRI LANKA)'},
+{ id:'SD', label:'SD (SUDAN)'},
+{ id:'SR', label:'SR (SURINAME)'},
+{ id:'SJ', label:'SJ (SVALBARD AND JAN MAYEN)'},
+{ id:'SZ', label:'SZ (SWAZILAND)'},
+{ id:'SE', label:'SE (SWEDEN)'},
+{ id:'CH', label:'CH (SWITZERLAND)'},
+{ id:'SY', label:'SY (SYRIAN ARAB REPUBLIC)'},
+{ id:'TW', label:'TW (TAIWAN, PROVINCE OF CHINA)'},
+{ id:'TJ', label:'TJ (TAJIKISTAN)'},
+{ id:'TZ', label:'TZ (TANZANIA, UNITED REPUBLIC OF)'},
+{ id:'TH', label:'TH (THAILAND)'},
+{ id:'TL', label:'TL (TIMOR-LESTE)'},
+{ id:'TG', label:'TG (TOGO)'},
+{ id:'TK', label:'TK (TOKELAU)'},
+{ id:'TO', label:'TO (TONGA)'},
+{ id:'TT', label:'TT (TRINIDAD AND TOBAGO)'},
+{ id:'TN', label:'TN (TUNISIA)'},
+{ id:'TR', label:'TR (TURKEY)'},
+{ id:'TM', label:'TM (TURKMENISTAN)'},
+{ id:'TC', label:'TC (TURKS AND CAICOS ISLANDS)'},
+{ id:'TV', label:'TV (TUVALU)'},
+{ id:'UG', label:'UG (UGANDA)'},
+{ id:'UA', label:'UA (UKRAINE)'},
+{ id:'AE', label:'AE (UNITED ARAB EMIRATES)'},
+{ id:'GB', label:'GB (UNITED KINGDOM)'},
+{ id:'US', label:'US (UNITED STATES)'},
+{ id:'UM', label:'UM (UNITED STATES MINOR OUTLYING ISLANDS)'},
+{ id:'UY', label:'UY (URUGUAY)'},
+{ id:'UZ', label:'UZ (UZBEKISTAN)'},
+{ id:'VU', label:'VU (VANUATU)'},
+{ id:'VE', label:'VE (VENEZUELA, BOLIVARIAN REPUBLIC OF)'},
+{ id:'VN', label:'VN (VIET NAM)'},
+{ id:'VG', label:'VG (VIRGIN ISLANDS, BRITISH)'},
+{ id:'VI', label:'VI (VIRGIN ISLANDS, U.S.)'},
+{ id:'WF', label:'WF (WALLIS AND FUTUNA)'},
+{ id:'EH', label:'EH (WESTERN SAHARA)'},
+{ id:'YE', label:'YE (YEMEN)'},
+{ id:'ZM', label:'ZM (ZAMBIA)'},
+{ id:'ZW', label:'ZW (ZIMBABWE)'},
+{ id:'OTHER', label:"- other -"}
+                                ]
+                                );
+                        }
+
+                        public function doauth(event:Event):void {
+                                if (passwd.text == 'meandmcluhan') {
+                                        welcome.visible=false;
+                                        mainrec.visible=true;
+                                        myinit();
+                                } else {
+                                        Alert.show('invalid Passphrase. Please try again or contact mcmovie@digitalrumors.net',
+                                        'Invalid Password', mx.controls.Alert.OK);
+                                }
+                        }
+
+                        public function myinit():void {
                 cam = Camera.getCamera();
                 mic = Microphone.getMicrophone();
                 if (!cam || !mic) {
-                        bt.enabled=false;
+                        br.enabled=false;
+                                        bc.enabled=false;
+                                        cc.enabled=false;
                         ta.enabled=false;
                         tt.enabled=false;
-                        camsize.enabled=false;
+                        te.enabled=false;
+                        tg.enabled=false;
                         Alert.show('You do need a camera for live streaming.\nPlease connect one and then reload this Page.',
                                    'No camera detected', mx.controls.Alert.OK);
@@ -59 +328 @@
                         , 'Camera Info', mx.controls.Alert.OK);
               */
-            }
+                        }
               
             private function changeSize(event:Event):void {
@@ -89 +358 @@
                                 ;
                         } 
+
+                        private function recStarted():void {
+                                br.label="Stop Recording";
+                        }
+
+                        private function recStopped():void {
+                                br.selected=false;
+                                br.label="Start Recording";
+                        }
                         
                         private function netStatusHandler(event:NetStatusEvent):void {
                         switch (event.info.code) {
                         case "NetConnection.Connect.Success":
-                            startStream();
-                            bt.label="Stop Recording";
+                                                startStream();
+                                                recStarted();
                             break;
                         case "NetStream.Record.Start":                
@@ -101 +379 @@
                                 break;
                         case "NetStream.Unpublish.Success":
-                        case "NetConnection.Connect.Closed":
-                                bt.selected=false;
-                            bt.label="Start Recording";
+                                        case "NetConnection.Connect.Closed":
+                                                recStopped();
                             break;
                         case "NetConnection.Connect.Rejected":
                         default:                        
-                            bt.selected=false;
-                            bt.label="Start Recording";
+                                                recStopped();
                             Alert.show('warning:\n'+event.info.code, 'Alert.', mx.controls.Alert.OK);
                             break;
@@ -114 +390 @@
                 }
 
-                        private function onTacFault(event:FaultEvent):void
-                        {
-                                Alert.show('HTTP error:\n'+event.toString(),'Alert.', mx.controls.Alert.OK);
-                                bt.selected=false;
-                        }
-                        
             private function startConnection():void
             {
@@ -128 +398 @@
                                            +tt.text.replace(/ /g,"_")+';'
                                            +ta.text.replace(/ /g,"_")+';'
+                                           +te.text.replace(/ /g,"_")+';'
+                                           +cc.selectedItem.id+';'
+                                           +tg.text.replace(/ /g,"_")+';'
                                            +now.valueOf().toString()+"-"+rnd.toString()
                                            +")";
@@ -161 +434 @@
 
                     public function camBt(event:Event):void {
-                        if(bt.selected) {
+                        if(bc.selected) {
                                 tt.enabled=false;
                                 ta.enabled=false;
-                                camsize.enabled=false;
-                                startConnection();
+                                        cc.enabled=false;
+                                te.enabled=false;
+                                        tg.enabled=false;
+                                        video.attachCamera(cam);
+                                        bc.label="Stop the Camera";
                         } else {
-                                stopRecording();
                             tt.enabled=true;
                             ta.enabled=true;
-                            camsize.enabled=true;
+                                        cc.enabled=true;
+                            te.enabled=true;
+                                        tg.enabled=true;
+                                        video.attachCamera(null);
+                                        video.mx_internal::videoPlayer.clear();
+                                        bc.label="Start the Camera";
                         }
-                    }
+                        }
+
+                        public function recBt(event:Event):void {
+                                if(br.selected) {
+                                        bc.enabled=false;
+                                        startConnection()
+                                }else {
+                                stopRecording();
+                                        bc.enabled=true;
+                                }
+                        }
+
         ]]>
         </mx:Script>
@@ -190 +481 @@
         <mx:Text styleName="center"> 
                 <mx:htmlText>
-                        <![CDATA[<font size="22px">A/V recorder</font>]]>
+                        <![CDATA[<font size="22px">McLuhan A/V recorder</font>]]>
                 </mx:htmlText>
         </mx:Text>
         <mx:Spacer height="12" />
 
-        <mx:Box direction="horizontal" width="100%">
+        <mx:Box direction="vertical" width="100%" id="welcome" visible="true">
+                        <mx:Text width="100%">
+                                <mx:htmlText>
+                                        <![CDATA[Welcome, .. ]]>
+                                </mx:htmlText>
+                        </mx:Text>
+                        <mx:Box direction="horizontal" > 
+                                <mx:Label width="50" text="Password:" />
+                                <mx:TextInput id="passwd" width="150" text="PASSWORD" restrict="a-zA-Z0-9," maxChars="24" enter="doauth(event)"/>
+                        </mx:Box>
+                        <mx:Text width="100%">
+                                <mx:htmlText>
+                                        <![CDATA[By entering I agree that all recorded material will be allowed to be distributed in terms of the Creative Commons Share alike license.]]>
+                                </mx:htmlText>
+                        </mx:Text>
+                        <mx:Button id="btauth" click="doauth(event)" label="Enter"/>
+        </mx:Box>
+
+        <mx:Box direction="horizontal" width="100%" id="mainrec" visible="false">
                 <mx:VBox width="224" height="320">
                         <mx:Text width="180">
@@ -204 +513 @@
                         <mx:Box direction="horizontal" > 
                                 <mx:Label width="50" text="Title:" />
-                                <mx:TextInput id="tt" width="150" text="Title" restrict="a-zA-Z0-9, " maxChars="64"/>           
+                                <mx:TextInput id="tt" width="150" text="Title" restrict="a-zA-Z0-9, " maxChars="128"/>          
                         </mx:Box>
                         <mx:Box direction="horizontal" > 
                                 <mx:Label width="50" text="Author:" />
-                                <mx:TextInput id="ta" width="150" text="me" restrict="a-zA-Z0-9, " maxChars="64"/>
+                                <mx:TextInput id="ta" width="150" text="me" restrict="a-zA-Z0-9, " maxChars="128"/>
+                        </mx:Box>
+                        <mx:Box direction="horizontal" > 
+                                <mx:Label width="50" text="Email:" />
+                                <mx:TextInput id="te" width="150" text="@" restrict="a-zA-Z@0-9._%+-" maxChars="128"/>
+                        </mx:Box>
+                        <mx:Box direction="horizontal" > 
+                                <mx:Label width="50" text="Tags:" />
+                                <mx:TextInput id="tg" width="150" text="me" restrict="a-zA-Z0-9, " maxChars="128"/>
+                        </mx:Box>
+                        <mx:Box direction="horizontal" > 
+                                <mx:Label width="50" text="County:" />
+                                <mx:ComboBox id="cc" width="150" dataProvider="{countrycodes}" labelField="label"/>
                         </mx:Box>
                         <mx:Spacer height="100%"/>
                         <mx:Text width="180">
                                 <mx:htmlText>
-                                        <![CDATA[<b>Step 2</b>: Configure camera: right-click (mac: ctrl+click) &#8594; Settings... &#8594; Camera-tab. Select camera from the drop-down menu]]>
+                                        <![CDATA[<b>Step 2</b>: Configure the camera: right-click (mac: ctrl+click) &#8594; Settings... &#8594; Camera-tab. Select camera from the drop-down menu, Microphone-tab, choose audio-input and adjust volume; maximize it so that it just does not enter the red area.]]>
                                 </mx:htmlText>
                         </mx:Text>
@@ -219 +540 @@
                         <mx:Text width="180">
                                 <mx:htmlText>
-                                        <![CDATA[<b>Step 3</b>: Select geometry supported by your web-cam]]>
+                                        <![CDATA[<b>Step 3</b>: Start web-cam. Move your position so that your face is in the center.]]>
                                 </mx:htmlText>
                         </mx:Text>
-                        <mx:ComboBox id="camsize" change="changeSize(event)">
-                                <mx:ArrayCollection>
-                                        <mx:String>640x480</mx:String>
-                                        <mx:String>768x576</mx:String>
-                                        <mx:String>800x600</mx:String>
-                                </mx:ArrayCollection>
-                        </mx:ComboBox>        
+                        <mx:Button id="bc" toggle="true" change="camBt(event)" label="Start Camera"/>
                         <mx:Spacer height="100%"/>
                         <mx:Text width="180">
                                 <mx:htmlText>
-                                        <![CDATA[<b>Step 4</b>: Start camera/recording]]>
+                                        <![CDATA[<b>Step 4</b>: Start recording]]>
                                 </mx:htmlText>
                         </mx:Text>
-                        <mx:Button id="bt" toggle="true" change="camBt(event)" label="Start Camera"/>
+                        <mx:Button id="br" toggle="true" change="recBt(event)" label="Start Recording"/>
                 </mx:VBox>
                 <mx:VideoDisplay id="video" width="340" height="280" />
         </mx:Box>
 
-        <mx:Spacer height="2" />
+        <mx:Spacer height="100%" />
 
         <mx:Text width="100%" styleName="footer"> 
                 <mx:htmlText>
-                        <![CDATA[&#169; 2011 CITU, robin@gareus.org]]>
+                        <![CDATA[&#169; 2011 CITU.fr, robin@gareus.org]]>
                 </mx:htmlText>
         </mx:Text>
 </mx:Application>
+<!-- vim:set ts=4 sw=4 et:!-->