Changeset 1880 for branches/sharing/src/as/Sharing.as

Timestamp:

07/04/11 07:28:59 (23 months ago)

Author:

jeroen

Message:

wrapped the sharing plugin for HTML5

File:

• branches/sharing/src/as/Sharing.as (modified) (10 diffs)

branches/sharing/src/as/Sharing.as

@@ -1 +1 @@
 package {
 
-    import com.longtailvideo.jwplayer.events.PlaylistEvent;
-    import com.longtailvideo.jwplayer.player.IPlayer;
-    import com.longtailvideo.jwplayer.plugins.IPlugin;
-    import com.longtailvideo.jwplayer.plugins.PluginConfig;
-    import com.longtailvideo.jwplayer.view.components.DockButton;
-    import com.longtailvideo.jwplayer.utils.Logger;
+    import com.longtailvideo.jwplayer.events.*;
+    import com.longtailvideo.jwplayer.player.*;
+    import com.longtailvideo.jwplayer.plugins.*;
 
     import flash.display.DisplayObject;
-    import flash.display.LoaderInfo;
     import flash.display.Sprite;
     import flash.events.MouseEvent;
     import flash.external.ExternalInterface;
+    import flash.filters.DropShadowFilter;
     import flash.net.URLRequest;
     import flash.net.navigateToURL;
@@ -18 +15 @@
     import flash.text.TextField;
     import flash.text.TextFormat;
-    import flash.utils.setTimeout;
 
 
@@ -46 +42 @@
 
         /** Reference to the background sheet. **/
-        private var _backSheet:DisplayObject;
+        private var _back:Sprite;
+        /** The current embed code. **/
+        private var _code:String;
+        /** Reference to the code field background. **/
+        private var _codeBack:DisplayObject;
         /** Reference to the code copy button. **/
-        private var _codeButton:DisplayObject;
+        private var _codeButton:Sprite;
         /** Reference to the code text field. **/
         private var _codeField:TextField;
+        /** The form with all code elements. **/
+        private var _codeForm:Sprite;
         /** Reference to the code label. **/
         private var _codeLabel:TextField;
         /** The plugin configuration options.**/
         private var _config:Object;
-        /** Reference to the container with options. **/
-        private var _container:Sprite;
+        /** The form with all buttons. **/
+        private var _form:Sprite;
         /** The current video link. **/
         private var _link:String;
+        /** Reference to the link field background. **/
+        private var _linkBack:DisplayObject;
         /** Reference to the link copy button. **/
-        private var _linkButton:DisplayObject;
+        private var _linkButton:Sprite;
         /** Reference to the link text field. **/
         private var _linkField:TextField;
+        /** Reference to the link form. **/
+        private var _linkForm:Sprite;
         /** Reference to the link label. **/
         private var _linkLabel:TextField;
@@ -68 +74 @@
         private var _player:IPlayer;
         /** Reference to the facebook button. **/
-        private var _facebookButton:DisplayObject;
+        private var _facebookButton:Sprite;
         /** Reference to the twitter button. **/
-        private var _twitterButton:DisplayObject;
+        private var _twitterButton:Sprite;
 
 
         /** The background screen was clicked. **/
         private function _backHandler(evt:MouseEvent):void {
-            visible = false;
+            _back.visible = false;
+            _form.visible = false;
+            // Only 5.7+...
+            try { _player.controls.display.show(); } catch (error:Error) {}
         };
 
@@ -83 +92 @@
             stage.focus = _codeField;
             _codeField.setSelection(0,999999);
-            System.setClipboard(_codeField.text);
+            System.setClipboard(_code);
         };
 
@@ -95 +104 @@
         /** The dock icon was clicked. **/
         private function _dockHandler(evt:MouseEvent):void {
-            visible = true;
+            _back.visible = true;
+            _form.visible = true;
+            // Only 5.7+...
+            try { _player.controls.display.hide(); } catch (error:Error) {}
         };
 
@@ -122 +134 @@
             _config = config;
             _player.addEventListener(PlaylistEvent.JWPLAYER_PLAYLIST_ITEM, _itemHandler);
-            _player.controls.dock.addButton(new DockIcon(), "share", _dockHandler) as DockButton;
-            this.visible = false;
-            // Add the backsheet
-            _backSheet = new BackSheet();
-            _backSheet.addEventListener(MouseEvent.CLICK,_backHandler);
-            //addChild(_backSheet);
-            // Add the container.
-            _container = new Sprite();
-            addChild(_container);
-            // Add the fields
+            _player.controls.dock.addButton(new DockIcon(), "share", _dockHandler);
+            // Add the background and form.
+            _back = new Sprite();
+            _back.visible = false;
+            _back.buttonMode = true;
+            _back.addChild(new BackSheet());
+            _back.addEventListener(MouseEvent.CLICK,_backHandler);
+            addChild(_back);
+            _form = new Sprite();
+            _form.visible = false;
+            addChild(_form);
+
+            // Add the embed code fields
+            _codeForm = new Sprite();
+            _form.addChild(_codeForm);
+            _codeLabel = new TextField();
+            _codeLabel.defaultTextFormat = new TextFormat('Arial', 13, 0xFFFFFF, true);
+            _codeLabel.text = "Embed code";
+            _codeLabel.x = -5;
+            _codeLabel.y = 3;
+            _codeLabel.filters = new Array(new DropShadowFilter(1,45,0,1,0,0,1));
+            _codeForm.addChild(_codeLabel);
+            _codeBack = new InputBackground();
+            _codeForm.addChild(_codeBack);
+            _codeBack.x = 80;
             _codeField = new TextField();
+            _codeField.defaultTextFormat = new TextFormat('Arial',11,0x000000);
+            _codeForm.addChild(_codeField);
+            _codeField.x = 84;
+            _codeField.y = 5;
+            _codeField.width = 178;
+            _codeField.height = 20;
+            _codeButton = new Sprite();
+            _codeForm.addChild(_codeButton);
+            _codeButton.buttonMode = true;
+            _codeButton.addChild(new CopyButton());
+            _codeButton.addEventListener(MouseEvent.CLICK,_codeHandler);
+            _codeButton.x = 260;
+
+            // Add the video link fields
+            _linkForm = new Sprite();
+            _form.addChild(_linkForm);
+            _linkForm.y = 40;
+            _linkLabel = new TextField();
+            _linkLabel.defaultTextFormat = new TextFormat('Arial', 13, 0xFFFFFF, true);
+            _linkLabel.text = "Video link";
+            _linkLabel.x = 10;
+            _linkLabel.y = 3;
+            _linkLabel.filters = new Array(new DropShadowFilter(1,45,0,1,0,0,1));
+            _linkForm.addChild(_linkLabel);
+            _linkBack = new InputBackground();
+            _linkForm.addChild(_linkBack);
+            _linkBack.x = 80;
             _linkField = new TextField();
+            _linkField.defaultTextFormat = new TextFormat('Arial',11,0x000000);
+            _linkForm.addChild(_linkField);
+            _linkField.x = 84;
+            _linkField.y = 5;
+            _linkField.width = 178;
+            _linkField.height = 20;
+            _linkButton = new Sprite();
+            _linkForm.addChild(_linkButton);
+            _linkButton.buttonMode = true;
+            _linkButton.addChild(new CopyButton());
+            _linkButton.addEventListener(MouseEvent.CLICK,_linkHandler);
+            _linkButton.x = 260;
+
+            // Add facebook and twitter buttons.
+            _facebookButton = new Sprite();
+            _facebookButton.addChild(new FacebookButton());
+            _facebookButton.buttonMode = true;
+            _facebookButton.addEventListener(MouseEvent.CLICK,_facebookHandler);
+            _facebookButton.x = 80;
+            _facebookButton.y = 40;
+            _linkForm.addChild(_facebookButton);
+            _twitterButton = new Sprite();
+            _twitterButton.addChild(new TwitterButton());
+            _twitterButton.buttonMode = true;
+            _twitterButton.addEventListener(MouseEvent.CLICK,_twitterHandler);
+            _twitterButton.x = 190;
+            _twitterButton.y = 40;
+            _linkForm.addChild(_twitterButton);
         };
 
@@ -139 +221 @@
         /** Change the embed code when an item changes.  */
         public function _itemHandler(evt:PlaylistEvent):void {
-            /**
-            if(_player.playlist.currentItem['sharing.code'] && 
-                _player.playlist.currentItem['sharing.code'] != _config['code']) {
-                _embedField.text = _player.playlist.currentItem['sharing.code'];
-            } else if (_config['code'] == true) {
-                _embedField.text = _embedCode;
-            } else if (_config['code'].length == 8) {
-                _embedField.text = getBotrEmbed();
-            } else { 
-                _embedField.text = _config['code'];
-            }
-            if(_player.playlist.currentItem['sharing.link'] && 
-                _player.playlist.currentItem['sharing.link'] != _config['link']) {
-                _shareField.text = _player.playlist.currentItem['sharing.link'];
-            } else if(_player.playlist.currentItem['link'] && 
-                _player.playlist.currentItem['link'] != _player.config['link'] && 
-                _config['link'] == true) {
-                _shareField.text = _player.playlist.currentItem['link'];
-            } else if (_config['link'] == true) {
-                _shareField.text = _pageURL;
-            } else { 
-                _shareField.text = _config['link'];
-            }
-            **/
+            // Set the embed code.
+            var item:Object = _player.playlist.currentItem;
+            _code = '';
+            if(item['sharing.code']) {
+                _code = item['sharing.code'];
+            } else if(_config.code) {
+                _code = _config.code;
+            }
+            if(_code.substr(0,3) == '%3C') { 
+                _code = decodeURIComponent(_code); 
+            }
+            _codeField.text = _code;
+            if(_code == '') {
+                _codeForm.visible = false;
+                _linkForm.y = 20;
+            } else {
+                _codeForm.visible = true;
+                _linkForm.y = 40;
+            }
+            // Set the video link.
+            _link = _getPageURL();
+            if(item['sharing.link']) {
+                _link = item['sharing.link'];
+            } else if(_config.link) {
+                _link = _config.link;
+            }
+            _linkField.text = _link;
         };
 
@@ -170 +255 @@
             stage.focus = _linkField;
             _linkField.setSelection(0,999999);
-            System.setClipboard(_linkField.text);
+            System.setClipboard(_link);
         };
 
@@ -176 +261 @@
         /** Reposition the screens when the player resizes itself **/
         public function resize(wid:Number, hei:Number):void {
-            _backSheet.width = wid;
-            _backSheet.height = hei;
-            _container.x = Math.round(wid/2 - 160);
-            _container.y = Math.round(hei/2 - 70);
+            _back.width = wid;
+            _back.height = hei;
+            _form.x = Math.round(wid/2 - 160);
+            _form.y = Math.round(hei/2 - 54);
         };