Changeset 99bf52b83c230e484b240bbe1fd8101b4ef32e64

Show
Ignore:
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:
2 modified

Legend:

Unmodified
Added
Removed

  • flex/derrick-av/main.html

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

  • flex/derrick-av/main.mxml

    r3297694 r99bf52b  
    11<?xml version="1.0" encoding="iso-8859-1"?> 
    22<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    3         width="640" height="460"  
    4         layout="vertical" 
     3        width="720" height="420"  
     4        layout="absolute" 
     5        backgroundColor="#ffffff" 
     6        backgroundGradientColors="#ffffff, #ffffff" 
    57        verticalAlign="middle" 
    6         backgroundColor="#dddddd" 
    78        creationComplete="onAppInit()" > 
    89        
    … …  
    3738                                password="f78b64c9e0f2ea24fddce2b0d809cb2855fed1a6"; 
    3839                                countrycodes = new ArrayCollection( [ 
    39 { id:'XX', label:'Please select your country..'}, 
     40{ id:'XXX', label:'Please select your country..'}, 
    4041{ id:'AF', label:'AF (AFGHANISTAN)'}, 
    4142{ id:'AX', label:'AX (ALAND ISLANDS)'}, 
    … …  
    295296                                        myinit(); 
    296297                                } else { 
    297                                         Alert.show('invalid Passphrase. Please try again or contact mcmovie@digitalrumors.net', 
     298                                        Alert.show('Invalid Passphrase. Please try again or contact mcmovie@digitalrumors.net', 
    298299                                        'Invalid Password', mx.controls.Alert.OK); 
    299300                                } 
    … …  
    311312                        te.enabled=false; 
    312313                        tg.enabled=false; 
    313                         Alert.show('You do need a camera for live streaming.\nPlease connect one and then reload this Page.', 
     314                        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.', 
    314315                                   'No camera detected', mx.controls.Alert.OK); 
    315316                        return 
    … …  
    330331                        } 
    331332               
    332             private function changeSize(event:Event):void { 
    333                 if (event.currentTarget.selectedIndex == 0) 
    334                   cam.setMode(640,480,25); 
    335                 if (event.currentTarget.selectedIndex == 1) 
    336                   cam.setMode(768,576,25); 
    337                 if (event.currentTarget.selectedIndex == 2) 
    338                   cam.setMode(800,600,25); 
    339                    
    340                 Alert.show( 
    341                       'Note that only few webcam models support all sizes.\n'+ 
    342                       'Camera size is now:\n'+ 
    343                       'width:'+cam.width+'\n'+ 
    344                       'height:'+cam.height+'\n'+ 
    345                       'fps:'+cam.fps+'\n' 
    346                         , 'Camera Info', mx.controls.Alert.OK); 
    347             } 
    348              
    349333            private function securityErrorHandler(event:SecurityErrorEvent):void { 
    350334                        ; 
    … …  
    471455                        textAlign: center; 
    472456                } 
     457                .welcome { 
     458                        font-size: 12; 
     459                        <!--textAlign: justify;--> 
     460                } 
    473461                .footer { 
    474462                        font-size: 8; 
    475463                        textAlign: right; 
    476                         color: #f0fff0; 
    477                         padding-right: 20; 
     464                        color: #aaaaaa; 
     465                        padding-right: 40; 
    478466                } 
    479467        </mx:Style> 
    480468     
    481         <mx:Text styleName="center">  
     469        <mx:Text styleName="center" width="100%" x="0" y="4">  
    482470                <mx:htmlText> 
    483                         <![CDATA[<font size="22px">McLuhan A/V recorder</font>]]> 
     471                        <![CDATA[<font size="20px">McLuhan A/V recorder</font>]]> 
    484472                </mx:htmlText> 
    485473        </mx:Text> 
    486         <mx:Spacer height="12" /> 
    487  
    488         <mx:Box direction="vertical" width="100%" id="welcome" visible="true"> 
    489                         <mx:Text width="100%"> 
    490                                 <mx:htmlText> 
    491                                         <![CDATA[Welcome, .. ]]> 
    492                                 </mx:htmlText> 
    493                         </mx:Text> 
    494                         <mx:Box direction="horizontal" >  
    495                                 <mx:Label width="50" text="Password:" /> 
    496                                 <mx:TextInput id="passwd" width="150" text="PASSWORD" restrict="a-zA-Z0-9," maxChars="24" enter="doauth(event)"/> 
    497                         </mx:Box> 
    498                         <mx:Text width="100%"> 
    499                                 <mx:htmlText> 
    500                                         <![CDATA[By entering I agree that all recorded material will be allowed to be distributed in terms of the Creative Commons Share alike license.]]> 
    501                                 </mx:htmlText> 
    502                         </mx:Text> 
    503                         <mx:Button id="btauth" click="doauth(event)" label="Enter"/> 
     474 
     475        <mx:Box direction="vertical" width="100%" height="350" id="welcome" visible="true" x="0" y="30"> 
     476                        <mx:Spacer height="100%"/> 
     477                        <mx:Box direction="horizontal"> 
     478                                <mx:Text width="550" styleName="welcome"> 
     479                                        <mx:htmlText> 
     480                                                <![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.]]> 
     481                                        </mx:htmlText> 
     482                                </mx:Text> 
     483                                <mx:Image source="@Embed(source='mcluhanlogo.png')" horizontalAlign="right"/> 
     484                        </mx:Box> 
     485                        <mx:Spacer height="100%"/> 
     486                        <mx:Box direction="horizontal" width="100%"> 
     487                                <mx:Label text="Passphrase:" /> 
     488                                <mx:TextInput id="passwd" width="200" text="" displayAsPassword="true" 
     489                                        restrict="a-zA-Z0-9," maxChars="24" enter="doauth(event)"/> 
     490                                <mx:Button id="btauth" click="doauth(event)" label="Enter"/> 
     491                                <mx:Spacer width="100%"/> 
     492                                <mx:Image source="@Embed(source='ccbysa.png')" horizontalAlign="right"/> 
     493                        </mx:Box> 
     494                        <mx:Spacer height="100%"/> 
     495 
    504496        </mx:Box> 
    505497 
    506         <mx:Box direction="horizontal" width="100%" id="mainrec" visible="false"> 
    507                 <mx:VBox width="224" height="320"> 
    508                         <mx:Text width="180"> 
     498        <mx:Box direction="horizontal" width="100%" height="350" id="mainrec" visible="false" x="0" y="40"> 
     499                <mx:VBox width="330" height="100%"> 
     500                        <mx:Text width="320"> 
    509501                                <mx:htmlText> 
    510502                                        <![CDATA[<b>Step 1</b>: Set Meta-Data]]> 
    … …  
    513505                        <mx:Box direction="horizontal" >  
    514506                                <mx:Label width="50" text="Title:" /> 
    515                                 <mx:TextInput id="tt" width="150" text="Title" restrict="a-zA-Z0-9, " maxChars="128"/>           
     507                                <mx:TextInput id="tt" width="270" text="Title" restrict="a-zA-Z0-9, " maxChars="128"/>           
    516508                        </mx:Box> 
    517509                        <mx:Box direction="horizontal" >  
    518510                                <mx:Label width="50" text="Author:" /> 
    519                                 <mx:TextInput id="ta" width="150" text="me" restrict="a-zA-Z0-9, " maxChars="128"/> 
     511                                <mx:TextInput id="ta" width="270" text="me" restrict="a-zA-Z0-9, " maxChars="128"/> 
    520512                        </mx:Box> 
    521513                        <mx:Box direction="horizontal" >  
    522514                                <mx:Label width="50" text="Email:" /> 
    523                                 <mx:TextInput id="te" width="150" text="@" restrict="a-zA-Z@0-9._%+-" maxChars="128"/> 
     515                                <mx:TextInput id="te" width="270" text="@" restrict="a-zA-Z@0-9._%+-" maxChars="128"/> 
    524516                        </mx:Box> 
    525517                        <mx:Box direction="horizontal" >  
    526518                                <mx:Label width="50" text="Tags:" /> 
    527                                 <mx:TextInput id="tg" width="150" text="me" restrict="a-zA-Z0-9, " maxChars="128"/> 
     519                                <mx:TextInput id="tg" width="270" text="documentary, interview, example" restrict="a-zA-Z0-9, " maxChars="128"/> 
    528520                        </mx:Box> 
    529521                        <mx:Box direction="horizontal" >  
    530522                                <mx:Label width="50" text="County:" /> 
    531                                 <mx:ComboBox id="cc" width="150" dataProvider="{countrycodes}" labelField="label"/> 
     523                                <mx:ComboBox id="cc" width="270" dataProvider="{countrycodes}" labelField="label"/> 
    532524                        </mx:Box> 
    533525                        <mx:Spacer height="100%"/> 
    534                         <mx:Text width="180"> 
     526                        <mx:Text width="320"> 
    535527                                <mx:htmlText> 
    536                                         <![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.]]> 
     528                                        <![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.]]> 
    537529                                </mx:htmlText> 
    538530                        </mx:Text> 
    539531                        <mx:Spacer height="100%"/> 
    540                         <mx:Text width="180"> 
     532                        <mx:Text width="320"> 
    541533                                <mx:htmlText> 
    542534                                        <![CDATA[<b>Step 3</b>: Start web-cam. Move your position so that your face is in the center.]]> 
    … …  
    544536                        </mx:Text> 
    545537                        <mx:Button id="bc" toggle="true" change="camBt(event)" label="Start Camera"/> 
     538                </mx:VBox> 
     539 
     540                <mx:VBox width="340" height="100%"> 
     541                        <mx:VideoDisplay id="video" width="340" height="280" /> 
    546542                        <mx:Spacer height="100%"/> 
    547                         <mx:Text width="180"> 
     543                        <mx:Text width="340"> 
    548544                                <mx:htmlText> 
    549545                                        <![CDATA[<b>Step 4</b>: Start recording]]> 
    … …  
    552548                        <mx:Button id="br" toggle="true" change="recBt(event)" label="Start Recording"/> 
    553549                </mx:VBox> 
    554                 <mx:VideoDisplay id="video" width="340" height="280" /> 
    555550        </mx:Box> 
    556551 
    557         <mx:Spacer height="100%" /> 
    558  
    559         <mx:Text width="100%" styleName="footer">  
     552        <mx:Text width="100%" styleName="footer"  x="0" y="400">  
    560553                <mx:htmlText> 
    561554                        <![CDATA[&#169; 2011 CITU.fr, robin@gareus.org]]>