云下的天空

          堅持 隨心而動 走自己的路

           

          利用TitleWindow和VideoPlayer組件輕松實現視頻彈出播放效果

            原文鏈接:
          http://www.iyoya.com

          Adobe在Flex4后提供了一個VideoPlayer組件,它是可以設置外觀的視頻播放器組件,并支持漸進式下載、多比特率流和流視頻。它支持播放 FLV 和 F4v 文件。VideoPlayer控件包含控制視頻播放的全能 UI。我們只要利用這個組件就可以快速的創作自己的視頻播放器。如果將TitleWindow和VideoPlayer組件接合一起使用便可以輕松的實現視頻彈出播放的效果。
          下面為一個示例的代碼:

          組件
          CustomTitleWin.mxml
          <?xml version="1.0" encoding="utf-8"?>
          <!-- Simple custom MXML Spark TitleWindow component.
          The TitleWindowApp application displays this component.
          You cannot run it independently. -->
          <s:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009"
                         xmlns:s="library://ns.adobe.com/flex/spark"
                         xmlns:mx="library://ns.adobe.com/flex/mx"
                         title="Video Player" width="400" height="300" close="titlewindow1_closeHandler(event)">
              <s:layout>
                  <s:VerticalLayout />
              </s:layout>
              <fx:Script>
                  <![CDATA[
                      import mx.controls.Text;
                      import mx.events.CloseEvent;
                      import mx.managers.PopUpManager;
           
                      [Bindable]
                      private static var playState:Boolean=true;
                      protected function titlewindow1_closeHandler(event:CloseEvent):void
                      {
                          video.stop();
                          playState=false;
                          PopUpManager.removePopUp(this);
                      }
                  ]]>
              </fx:Script>
              <s:HGroup width="100%" height="100%" paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="5">
                  <s:VideoPlayer width="100%" height="100%" id="video" autoPlay="{playState}" loop="false" source="rtmp://fmsexamples.adobe.com/vod/mp4:_cs4promo_1000.f4v"/>
              </s:HGroup>
          </s:TitleWindow>

          主程序SampleApp.mxml

          <?xml version="1.0"?>
          <!-- Main application to demonstrate Halo TitleWindow layout container. -->
          <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
                         xmlns:s="library://ns.adobe.com/flex/spark"
                         xmlns:mx="library://ns.adobe.com/flex/mx"
                         width="500" height="350" backgroundColor="#F3F3F0">
              <fx:Script>
                  <![CDATA[
                      import flash.events.Event;
           
                      import mx.core.IFlexDisplayObject;
                      import mx.managers.PopUpManager;
                      import spark.components.TitleWindow;
           
                      private function showWindow():void {
                          var videoWin:CustomTitleWin = CustomTitleWin(PopUpManager.createPopUp(this, CustomTitleWin , true));
                          videoWin.x=(stage.stageWidth-videoWin.width)/2;
                          videoWin.y=(stage.stageHeight-videoWin.height)/2;
                          videoWin.addEventListener("close", closeHandler);
                      }
                      private function closeHandler(event:Event):void {
                          event.target.removeEventListener("close", closeHandler);
                          PopUpManager.removePopUp(event.target as IFlexDisplayObject);
                      }
                  ]]>
              </fx:Script>
              <s:Button id="myButton" label="Play Video" click="showWindow();" horizontalCenter="0" verticalCenter="0"/>
          </s:Application>

          posted on 2011-06-04 20:41 天空布藍 閱讀(1436) 評論(0)  編輯  收藏 所屬分類: Flex4

          導航

          統計

          常用鏈接

          留言簿

          隨筆分類

          隨筆檔案

          Flex學習鏈接

          搜索

          •  

          最新評論

          • 1.?re: tomcat7的配置
          • 新建變量名: TOMCAT_HOME 應該為CATALINA_HOME
          • --houkai
          • 2.?re: tomcat7的配置
          • 確實是的@寒澈
          • --houkai
          • 3.?re: tomcat7的配置
          • @ftp123
            你娘里個大雪碧 里面會有common這個文件夾嗎 不知道還尼瑪在這瞎比比 純尼瑪誤導人 我最惡心的就是這樣沒事裝逼的人 艸
          • --cao
          • 4.?re: tomcat7的配置
          • 從哪抄來的,是抄的,你也說聲啊,要不自己測試下也可以,害人測試半天。
          • --ftp123
          • 5.?re: tomcat7的配置
          • %TOMCAT_HOME%\common\lib 從tomcat6.0開始已經沒有common文件夾了,直接用\lib,害我找了半天common文件夾啊,趕快改過來吧
          • --寒澈

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 东方市| 重庆市| 镇雄县| 丹东市| 南昌县| 日照市| 丰城市| 临江市| 长子县| 航空| 海晏县| 西林县| 揭东县| 威海市| 司法| 东阿县| 哈尔滨市| 浑源县| 百色市| 灵丘县| 南宁市| 永昌县| 元江| 奉贤区| 宣汉县| 图片| 磐石市| 霍山县| 淮北市| 贺兰县| 娱乐| 沁水县| 焉耆| 芜湖县| 晋江市| 高邑县| 城固县| 广水市| 长泰县| 武强县| 息烽县|