Changeset 81f97048316e171afdf367aab5b4cda2fc87c267 for flex

Timestamp:

03/08/11 12:39:16 (15 months ago)

Author:

Robin Gareus <robin@…>

Parents:

f35a3cded31bcba366c5d2ee708fe889dbb5fd8f

Children:

3297694796b1587d45038bec5ddc044ab42309af

git-committer:

Robin Gareus <robin@gareus.org> / 2011-03-08T13:39:16Z+0100

Message:

sansarmes: abslayout & subtitles

Files:

• flex/sansarmes/main.mxml (modified) (20 diffs)

flex/sansarmes/main.mxml

@@ -3 +3 @@
   xmlns:mx="http://www.adobe.com/2006/mxml"
     width="720" height="460"
-    layout="vertical"
+    layout="absolute"
     verticalAlign="middle"
     backgroundColor="#ffffff"
@@ -9 +9 @@
     creationComplete="onAppInit()" >
 
-    <mx:HTTPService id="service" resultFormat="text"
+    <mx:HTTPService id="lyrreq" resultFormat="text"
+                    url="http://tac1.theartcollider.org/sansarmes/txtdb.php"
+                    result="onReqOK(event)"
+                    fault="onReqFault(event)"
+                    concurrency="single"
+                    method="POST" />
+
+    <mx:HTTPService id="pubreq" resultFormat="text"
                     url="http://tac1.theartcollider.org/sansarmes/publish.php"
                     result="onPubOK(event)"
@@ -26 +33 @@
             import mx.core.SoundAsset;
             import mx.core.mx_internal;
-
+            import mx.collections.ArrayCollection;
+            import flash.filters.DropShadowFilter;
 
             private var conn:NetConnection;
@@ -52 +60 @@
             private var myVu:Shape;
             private var vutimer:Timer;
+
+            // karaoke lyrics
+            private var lyricsarray:Array;
+            private var karaoketime:Array;
+            private var usesubtitle:Boolean;
+            private var initparoles:Boolean;
+            [Bindable]
+            private var parolenames:Array;
 
             private function onAppInit():void
@@ -61 +77 @@
                 username="4dc84c9279d0fcaa793eecfbc544cdbe7ea5f6e4";
                 password="f78b64c9e0f2ea24fddce2b0d809cb2855fed1a6";
+                usesubtitle = false;
+                initparoles = true;
+                parolenames=new Array('acune');
+                lyricsarray=new Array();
+                karaoketime=new Array(0,
+                67, 100, 141, 180, 265, 312, 347, 387,
+                437, 471, 510, 553, 590,
+                699, 733, 773, 813, 896, 947, 979, 1018,
+                1065, 1100, 1141, 1184, 1216,
+                1327, 1361, 1403, 1439, 1522, 1560, 1607, 1649,
+                1696, 1735, 1771, 1814, 1844, 1900, -1);
+
                 uploadName=null;
                 avallowed=false;
@@ -68 +96 @@
                 bu.enabled=false;
                 cbNotify.enabled=false;
+                lyrreq.send({mode:"list"});
 
                 // cam & mic
@@ -116 +145 @@
                 ta.enabled=false;
                 te.enabled=false;
+                st.enabled=false;
                 tt.enabled=false;
                 br.enabled=false;
@@ -154 +184 @@
                 vutimer.stop();
                 myVu.graphics.clear();
+                karaoke.text='';
             }
 
@@ -231 +262 @@
                     ta.enabled=false;
                     te.enabled=false;
+                    st.enabled=false;
                     br.enabled=true;
                     video.attachCamera(cam);
                     // TODO: check if cam access is accepted!
+
+                    usesubtitle=false;
+                    if (st.selectedIndex >0) {
+                        lyrreq.send({mode:"get", id:st.selectedIndex});
+                    }
                     bc.label="arrêter la caméra";
                 } else {
@@ -239 +276 @@
                     ta.enabled=true;
                     te.enabled=true;
+                    st.enabled=true;
                     br.enabled=false;
                     video.attachCamera(null);
@@ -302 +340 @@
                 ta.enabled=false;
                 te.enabled=false;
+                st.enabled=false;
                 br.enabled=false;
 
@@ -315 +354 @@
             }
 
+            private function onReqOK(event:ResultEvent):void {
+                var rawData:String = String(event.result);
+                //Alert.show('debug:\n'+rawData,'Debug.', mx.controls.Alert.OK);
+                if (initparoles) {
+                    initparoles=false;
+                    if (rawData=="") return;
+                    parolenames = rawData.split("\n");
+                    return;
+                }
+                if (rawData=="") {
+                    usesubtitle=false;
+                    Alert.show('Did not receive any lyrics for this title..','No Lyrics.', mx.controls.Alert.OK);
+                    return;
+                }
+                lyricsarray = rawData.split("\n");
+                usesubtitle=true;
+            }
+
+            private function onReqFault(event:FaultEvent):void {
+            }
+
             private function onPubOK(event:ResultEvent):void {
                 Alert.show('Votre vidéo sera publiée aprÚs modération.',
@@ -332 +392 @@
                 var notify:int=cbNotify.selected?1:0;
                 if (eventObj.detail==Alert.YES) {
-                    service.send({notify:notify, file:uploadName});
+                    pubreq.send({notify:notify, file:uploadName});
                 }
             }
@@ -345 +405 @@
             public function onPlaybackProgress(event:Event):void {
                 soundProgress.setProgress(soundChannel.position, sound.length);
+                if (!usesubtitle || !br.selected) return;
+                var sec:int=soundChannel.position * 1940 / sound.length;
+                var i:int; var r:int;
+                r=-1;
+                sec+=5; // offset 500ms
+                for (i=0;i<karaoketime.length;i++) {
+                  if (sec>=karaoketime[i] && sec <= karaoketime[i+1]) {r=i; break;}
+                }
+                if (r>=0) karaoke.text=lyricsarray[r];
+                else karaoke.text='';
             }
 
@@ -395 +465 @@
         }
 
+        .karaoke {
+            fontFamily: Arial;
+            font-size: 18pt;
+            textAlign: center;
+            color: #EEEEEE;
+        }
+
         .title {
             fontFamily: Bebas;
@@ -417 +494 @@
             font-size: 8;
             textAlign: right;
-            color: #808080;
+            color: #AAAAAA;
             padding-right: 20;
         }
@@ -434 +511 @@
     -->
 
-    <mx:Box direction="horizontal" width="100%" height="100%">
+    <mx:Box direction="horizontal" width="100%" height="430" x="0" y="0">
         <mx:VBox width="340" height="100%">
             <mx:Text width="330">
@@ -459 +536 @@
             </mx:Box>
             <mx:Spacer height="100%"/>
+            <mx:Text width="330">
+                <mx:htmlText>
+                    <![CDATA[<font face="Colaborate-Medium" size="12">Étape 1bis</font>: sous-titres]]>
+                </mx:htmlText>
+            </mx:Text>
+            <mx:Box direction="horizontal" >
+                <mx:Label width="80" text="Paroles:" />
+                <mx:ComboBox id="st" width="140" dataProvider="{parolenames}"/>
+            </mx:Box>
+            <mx:Spacer height="100%"/>
 
             <mx:Text width="330">
@@ -482 +569 @@
 
         <mx:VBox width="330" height="100%">
+            <mx:Spacer height="100%"/>
             <mx:VideoDisplay id="video" width="280" height="210" />
             <mx:ProgressBar width="280" mode="manual" label="%3%%" labelPlacement="center" visible="false" id="soundProgress"/>
@@ -505 +593 @@
         </mx:VBox>
     </mx:Box>
-    <mx:Spacer height="100%"/>
-    <mx:Text width="100%" styleName="footer">
+
+    <mx:Text styleName="footer" x="475" y="440">
         <mx:htmlText>
-            <![CDATA[&#169; 2011 CITU, robin@gareus.org]]>
+            <![CDATA[&#169; 2011 CITU.fr, robin@gareus.org]]>
         </mx:htmlText>
     </mx:Text>
+
+    <mx:Label id="karaoke" width="280" x="340" y="180" styleName="karaoke" text=""
+        filters="{[new DropShadowFilter(1, 30)]}"
+        />
 </mx:Application>
 <!-- vim:set ts=4 sw=4 et:!-->