Changeset 1238 for trunk/fl5/src/com/longtailvideo/jwplayer/view/components/ControlbarComponentV4.as

Timestamp:

08/25/10 19:40:11 (3 years ago)

Author:

pablo

Message:

• Maintains aspect ratio going to/from fullscreen if "stretching" is set to "exactfit" 606
• Automatically adds a thumbnail image for YouTube videos if one is not specified. 642
• Fades the controlbar when the mouse leaves the screen. Also adds the 'controlbar.idlehide' option to keep the controlbar hidden when not playing. 883

File:

• trunk/fl5/src/com/longtailvideo/jwplayer/view/components/ControlbarComponentV4.as (modified) (5 diffs)

trunk/fl5/src/com/longtailvideo/jwplayer/view/components/ControlbarComponentV4.as

@@ -11 +11 @@
         import com.longtailvideo.jwplayer.utils.Draw;
         import com.longtailvideo.jwplayer.utils.Logger;
+        import com.longtailvideo.jwplayer.utils.RootReference;
         import com.longtailvideo.jwplayer.utils.Stacker;
         import com.longtailvideo.jwplayer.utils.Strings;
@@ -20 +21 @@
         import flash.display.MovieClip;
         import flash.display.Sprite;
+        import flash.events.Event;
         import flash.events.MouseEvent;
         import flash.geom.ColorTransform;
@@ -63 +65 @@
                         animations = new Animations(this);
                         controlbarConfig = _player.config.pluginConfig("controlbar");
+                        if (controlbarConfig['position'] == "over" && String(controlbarConfig['idlehide']) == "true") {
+                                alpha = 0;
+                        }
+                        
                         if (!controlbarConfig['margin']) controlbarConfig['margin'] = 0;        
                         // TODO: Remove Link button
@@ -88 +94 @@
                         _player.addEventListener(PlaylistEvent.JWPLAYER_PLAYLIST_UPDATED, itemHandler);
                         _player.addEventListener(PlaylistEvent.JWPLAYER_PLAYLIST_ITEM, itemHandler);
+                        RootReference.stage.addEventListener(Event.MOUSE_LEAVE, mouseLeftStage);
+                        RootReference.stage.addEventListener(MouseEvent.MOUSE_MOVE, moveHandler);
                         stacker = new Stacker(skin as MovieClip);
                         try {
@@ -366 +374 @@
 
                 
+                private function get fadeOnTimeout():Boolean {
+                        return controlbarConfig['position'] == 'over' || (_player.config.fullscreen && controlbarConfig['position'] != 'none');
+                }
+                
+                private function get hideOnIdle():Boolean {
+                        return String(controlbarConfig['idlehide']) == "true";
+                }
+                
                 private function startFader():void {
-                        if (controlbarConfig['position'] == 'over' || (_player.config.fullscreen && controlbarConfig['position'] != 'none')) {
+                        if (fadeOnTimeout) {
                                 if (!isNaN(hiding)) {
                                         clearTimeout(hiding);
                                 }
                                 hiding = setTimeout(moveTimeout, 2000);
-                                _player.controls.display.addEventListener(MouseEvent.MOUSE_MOVE, moveHandler);
-                                addEventListener(MouseEvent.MOUSE_MOVE, moveHandler);
                         }
                 }
                 
                 private function stopFader():void {
+                        if (alpha == 0) {
+                                animations.fade(1, 0.5);
+                        }
                         if (!isNaN(hiding)) {
                                 clearTimeout(hiding);
-                                try {
-                                        _player.controls.display.removeEventListener(MouseEvent.MOUSE_MOVE, moveHandler);
-                                        removeEventListener(MouseEvent.MOUSE_MOVE, moveHandler);
-                                } catch (e:Error) {}
-                        }
-                        Mouse.show();
-                        animations.fade(1);
-                }
-                
-                /** Show above controlbar on mousemove. **/
+                                Mouse.show();
+                        }
+                }
+                
+                /** Show above controlbar on mousemove and restart the countdown. **/
                 private function moveHandler(evt:MouseEvent=null):void {
                         if (alpha == 0) {
-                                animations.fade(1);
-                        }
-                        clearTimeout(hiding);
-                        hiding = setTimeout(moveTimeout, 2000);
-                        Mouse.show();
-                }
-                
+                                stopFader();
+                                startFader();
+                        }
+                }
                 
                 /** Hide above controlbar again when move has timed out. **/
-                private function moveTimeout():void {
-                        animations.fade(0);
+                private function moveTimeout(evt:Event=null):void {
+                        animations.fade(0, 0.5);
                         Mouse.hide();
                 }
                 
-                /** Process state changes **/
+                /** If the mouse leaves the stage, hide the controlbar if position is 'over' **/
+                private function mouseLeftStage(evt:Event=null):void {
+                        if (fadeOnTimeout) {
+                                if (_player.state == PlayerState.BUFFERING || _player.state == PlayerState.PLAYING || hideOnIdle)
+                                        animations.fade(0);
+                        }
+                }
+                
+
                 private function stateHandler(evt:PlayerEvent=null):void {
-                        // TODO: Fix non-working fading
-                        clearTimeout(hiding);
-                        try {
-                                switch (_player.state) {
-                                        case PlayerState.PLAYING:
-                                                getSkinComponent('playButton').visible = false;
-                                                getSkinComponent('pauseButton').visible = true;
-                                                startFader();
-                                                break;
-                                        case PlayerState.PAUSED:
-                                                getSkinComponent('playButton').visible = true;
-                                                getSkinComponent('pauseButton').visible = false;
+                        switch(_player.state) {
+                                case PlayerState.BUFFERING:
+                                case PlayerState.PLAYING:
+                                        getSkinComponent('playButton').visible = false;
+                                        getSkinComponent('pauseButton').visible = true;
+                                        startFader();
+                                        break;
+                                case PlayerState.PAUSED:
+                                case PlayerState.IDLE:
+                                        getSkinComponent('playButton').visible = true;
+                                        getSkinComponent('pauseButton').visible = false;
+                                        if (hideOnIdle) {
+                                                mouseLeftStage();
+                                        } else {
                                                 stopFader();
-                                                break;
-                                        case PlayerState.BUFFERING:
-                                                getSkinComponent('playButton').visible = false;
-                                                getSkinComponent('pauseButton').visible = true;
-                                                stopFader();
-                                                break;
-                                        case PlayerState.IDLE:
-                                                getSkinComponent('playButton').visible = true;
-                                                getSkinComponent('pauseButton').visible = false;
-                                                timeHandler();
-                                                stopFader();
-                                                break;
-                                }
-                        } catch (e:Error) {
-                        }
-                }
-
+                                        }
+                                        break;
+                        }
+                }
 
                 /** Process time updates given by the model. **/