Changeset 99bf52b83c230e484b240bbe1fd8101b4ef32e64 for flex

Timestamp:

03/08/11 17:45:04 (15 months ago)

Author:

Robin Gareus <robin@…>

Parents:

3297694796b1587d45038bec5ddc044ab42309af

Children:

203878536177cd28b07ad67e22d389f2169a4419

git-committer:

Robin Gareus <robin@gareus.org> / 2011-03-08T18:45:04Z+0100

Message:

mcluhan: new flash applet

Location:

flex/derrick-av

Files:

• main.html (modified) (1 diff)
• main.mxml (modified) (9 diffs)

flex/derrick-av/main.html

@@ -16 +16 @@
   </div>
 
-  <div style="margin: 0 auto; width:640px;">
+  <div style="margin: 0 auto; width:720px;">
 <!--[if !IE]> -->
-    <object type="application/x-shockwave-flash" data="main.swf" width="640" height="460">
+    <object type="application/x-shockwave-flash" data="main.swf?t=2" width="720" height="420">
 <!-- <![endif]-->
 
 <!--[if IE]>
-      <object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="640" height="460"
+      <object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="640" height="420"
                         codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
                 <param name="movie" value="main.swf" />

flex/derrick-av/main.mxml

@@ -1 +1 @@
 <?xml version="1.0" encoding="iso-8859-1"?>
 <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
-        width="640" height="460" 
-        layout="vertical"
+        width="720" height="420" 
+        layout="absolute"
+        backgroundColor="#ffffff"
+        backgroundGradientColors="#ffffff, #ffffff"
         verticalAlign="middle"
-        backgroundColor="#dddddd"
         creationComplete="onAppInit()" >
        
@@ -37 +38 @@
                                 password="f78b64c9e0f2ea24fddce2b0d809cb2855fed1a6";
                                 countrycodes = new ArrayCollection( [
-{ id:'XX', label:'Please select your country..'},
+{ id:'XXX', label:'Please select your country..'},
 { id:'AF', label:'AF (AFGHANISTAN)'},
 { id:'AX', label:'AX (ALAND ISLANDS)'},
@@ -295 +296 @@
                                         myinit();
                                 } else {
-                                        Alert.show('invalid Passphrase. Please try again or contact mcmovie@digitalrumors.net',
+                                        Alert.show('Invalid Passphrase. Please try again or contact mcmovie@digitalrumors.net',
                                         'Invalid Password', mx.controls.Alert.OK);
                                 }
@@ -311 +312 @@
                         te.enabled=false;
                         tg.enabled=false;
-                        Alert.show('You do need a camera for live streaming.\nPlease connect one and then reload this Page.',
+                        Alert.show('You do need a camera for live streaming.\nPlease connect one and then reload this Page. It may also be that the camera is currently in use by another application: please close that app and reload.',
                                    'No camera detected', mx.controls.Alert.OK);
                         return
@@ -330 +331 @@
                         }
               
-            private function changeSize(event:Event):void {
-                if (event.currentTarget.selectedIndex == 0)
-                  cam.setMode(640,480,25);
-                if (event.currentTarget.selectedIndex == 1)
-                  cam.setMode(768,576,25);
-                if (event.currentTarget.selectedIndex == 2)
-                  cam.setMode(800,600,25);
-                  
-                Alert.show(
-                      'Note that only few webcam models support all sizes.\n'+
-                      'Camera size is now:\n'+
-                      'width:'+cam.width+'\n'+
-                      'height:'+cam.height+'\n'+
-                      'fps:'+cam.fps+'\n'
-                        , 'Camera Info', mx.controls.Alert.OK);
-            }
-            
             private function securityErrorHandler(event:SecurityErrorEvent):void {
                         ;
@@ -471 +455 @@
                         textAlign: center;
                 }
+                .welcome {
+                        font-size: 12;
+                        <!--textAlign: justify;-->
+                }
                 .footer {
                         font-size: 8;
                         textAlign: right;
-                        color: #f0fff0;
-                        padding-right: 20;
+                        color: #aaaaaa;
+                        padding-right: 40;
                 }
         </mx:Style>
     
-        <mx:Text styleName="center"> 
+        <mx:Text styleName="center" width="100%" x="0" y="4"> 
                 <mx:htmlText>
-                        <![CDATA[<font size="22px">McLuhan A/V recorder</font>]]>
+                        <![CDATA[<font size="20px">McLuhan A/V recorder</font>]]>
                 </mx:htmlText>
         </mx:Text>
-        <mx:Spacer height="12" />
-
-        <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 direction="vertical" width="100%" height="350" id="welcome" visible="true" x="0" y="30">
+                        <mx:Spacer height="100%"/>
+                        <mx:Box direction="horizontal">
+                                <mx:Text width="550" styleName="welcome">
+                                        <mx:htmlText>
+                                                <![CDATA[Welcome,<br><br>By entering, you agree that all recorded footage will be licensed in terms of the Creative Commons Attribution-ShareAlike License (see http://creativecommons.org/licenses/ for details).<br>Should you have any questions please refer to http://www.mcluhangalaxy.net or contact mcmovie@digitalrumors.net.]]>
+                                        </mx:htmlText>
+                                </mx:Text>
+                                <mx:Image source="@Embed(source='mcluhanlogo.png')" horizontalAlign="right"/>
+                        </mx:Box>
+                        <mx:Spacer height="100%"/>
+                        <mx:Box direction="horizontal" width="100%">
+                                <mx:Label text="Passphrase:" />
+                                <mx:TextInput id="passwd" width="200" text="" displayAsPassword="true"
+                                        restrict="a-zA-Z0-9," maxChars="24" enter="doauth(event)"/>
+                                <mx:Button id="btauth" click="doauth(event)" label="Enter"/>
+                                <mx:Spacer width="100%"/>
+                                <mx:Image source="@Embed(source='ccbysa.png')" horizontalAlign="right"/>
+                        </mx:Box>
+                        <mx:Spacer height="100%"/>
+
         </mx:Box>
 
-        <mx:Box direction="horizontal" width="100%" id="mainrec" visible="false">
-                <mx:VBox width="224" height="320">
-                        <mx:Text width="180">
+        <mx:Box direction="horizontal" width="100%" height="350" id="mainrec" visible="false" x="0" y="40">
+                <mx:VBox width="330" height="100%">
+                        <mx:Text width="320">
                                 <mx:htmlText>
                                         <![CDATA[<b>Step 1</b>: Set Meta-Data]]>
@@ -513 +505 @@
                         <mx:Box direction="horizontal" > 
                                 <mx:Label width="50" text="Title:" />
-                                <mx:TextInput id="tt" width="150" text="Title" restrict="a-zA-Z0-9, " maxChars="128"/>          
+                                <mx:TextInput id="tt" width="270" 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="128"/>
+                                <mx:TextInput id="ta" width="270" 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:TextInput id="te" width="270" 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:TextInput id="tg" width="270" text="documentary, interview, example" 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:ComboBox id="cc" width="270" dataProvider="{countrycodes}" labelField="label"/>
                         </mx:Box>
                         <mx:Spacer height="100%"/>
-                        <mx:Text width="180">
+                        <mx:Text width="320">
                                 <mx:htmlText>
-                                        <![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.]]>
+                                        <![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>
                         <mx:Spacer height="100%"/>
-                        <mx:Text width="180">
+                        <mx:Text width="320">
                                 <mx:htmlText>
                                         <![CDATA[<b>Step 3</b>: Start web-cam. Move your position so that your face is in the center.]]>
@@ -544 +536 @@
                         </mx:Text>
                         <mx:Button id="bc" toggle="true" change="camBt(event)" label="Start Camera"/>
+                </mx:VBox>
+
+                <mx:VBox width="340" height="100%">
+                        <mx:VideoDisplay id="video" width="340" height="280" />
                         <mx:Spacer height="100%"/>
-                        <mx:Text width="180">
+                        <mx:Text width="340">
                                 <mx:htmlText>
                                         <![CDATA[<b>Step 4</b>: Start recording]]>
@@ -552 +548 @@
                         <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="100%" />
-
-        <mx:Text width="100%" styleName="footer"> 
+        <mx:Text width="100%" styleName="footer"  x="0" y="400"> 
                 <mx:htmlText>
                         <![CDATA[&#169; 2011 CITU.fr, robin@gareus.org]]>