Changeset 1645

Timestamp:

03/14/11 12:13:19 (2 years ago)

Author:

jeroen

Message:

added better outlining and a textselect disabler

Location:

plugins/captions

Files:

• js/assets/design.ai (modified) (previous)
• v5/captions.swf (modified) (previous)
• v5/src/com/longtailvideo/plugins/captions/Captions.as (modified) (8 diffs)

plugins/captions/v5/src/com/longtailvideo/plugins/captions/Captions.as

@@ -17 +17 @@
 
 
-        /**
-        * Plugin for playing closed captions with a video.
-        **/
+        /** Plugin for playing closed captions with a video. **/
         public class Captions extends MovieClip implements IPlugin {
 
@@ -29 +27 @@
 
 
-        /** Reference to the background graphic. **/
-        private var _back:MovieClip;
         /* Reference to the bar (container for field & back)*/
-        private var _bar:MovieClip;
+        private var _bar:Sprite;
         /** Reference to the controlbar button. **/
         private var _button:MovieClip;
+        /** Reference to the controlbar button icon **/
+        private var _buttonIcon:DisplayObject;
         /** The array the captions are loaded into. **/
         private var _captions:Array;
@@ -55 +53 @@
         /** Reference to the dock icon. **/
         private var _icon:MovieClip;
-        /** Reference to the controlbar button icon **/
-        private var _buttonIcon:DisplayObject;
         /** XML connect and parse object. **/
         private var _loader:URLLoader;
+        /** Reference to the outline graphic. **/
+        private var _outline:Sprite;
         /* Reference to the JW Player. */
         private var _player:IPlayer;
@@ -84 +82 @@
         /** Draw the neccessary graphics to put the captions on stage. **/
         private function drawClip():void {
-                _bar = new MovieClip();
+                _bar = new Sprite();
                 addChild(_bar);
-                _back = new MovieClip();
-                _back.graphics.beginFill(0x0000,0.75);
-                _back.graphics.drawRect(0,0,400,20);
-                _bar.addChild(_back);
+                _outline = new Sprite();
+                _bar.addChild(_outline);
                 _field = new TextField();
                 _field.width = 400;
                 _field.height = 10;
-                _field.y = 5;
                 _field.autoSize = "center";
                 _field.multiline = true;
+                _field.selectable = false;
                 _field.wordWrap = true;
                 var fmt:TextFormat = new TextFormat();
@@ -102 +98 @@
                 fmt.align = "center";
                 fmt.font = "_sans";
-                fmt.leading = 4;
+                fmt.leading = 5;
                 _field.defaultTextFormat = fmt;
                 _bar.addChild(_field);
                 if (!_config['back']) {
-                        _back.alpha = 0;
                         _field.filters = new Array(new DropShadowFilter(0,45,0,1,2,2,10,3));
+                        _outline.alpha = 0;
                 }
         };
@@ -217 +213 @@
         /** Resize this plugin */
         public function resize(w:Number, h:Number):void {
-                _back.height = _field.height + 10;
                 _bar.width = w;
                 _bar.scaleY = _bar.scaleX;
@@ -223 +218 @@
                         _bar.y = h - _bar.height - 50;
                 } else {
-                        _bar.y = h - _bar.height;
-                }
-                //_bar.visible = _config['state'];
+                        _bar.y = h - _bar.height - 10;
+                }
         };
 
@@ -239 +233 @@
                         _field.htmlText = text;
                 }
-                if(_config['back'] && text != '') {
-                        _back.alpha = 1;
-                } else {
-                        _back.alpha = 0;
-                }
+                setOutline();
                 resize(_player.config['width'], _player.config['height']);
         };
+
+
+    /** Draw the black boxes around the textlines. **/
+    private function setOutline():void {
+        _outline.graphics.clear();
+        for (var i:Number=0; i < _field.numLines; i++) {
+            var metrics:TextLineMetrics = _field.getLineMetrics(i);
+            if(metrics.width > 16) {
+                _outline.graphics.beginFill(0x000000);
+                _outline.graphics.drawRect(
+                    metrics.x - 8,
+                    i*metrics.height,
+                    metrics.width + 16,
+                    metrics.height
+                );
+                _outline.graphics.endFill();
+            }
+        }
+    };