流媒体传输知识整理（七）

(2)  测试与服务器端流媒体的交互

 

<?xml version="1.0" encoding="utf-8"?> 

<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" minWidth="955" minHeight="600" creationComplete="init()"> 

    <fx:Declarations> 

        <!-- 将非可视元素（例如服务、值对象）放在此处 --> 

    </fx:Declarations> 

    <mx:UIComponent id="ui"> 

    </mx:UIComponent> 

   

    <fx:Script> 

        <![CDATA[ 

            import mx.controls.Alert; 

            private var rtmpURL:String="rtmp://localhost/Red5Test"; 

            private var conn:NetConnection=new NetConnection(); 

            private var isConnectSuccess:Boolean=false; 

            private var netStream:NetStream; 

            private var video:Video=new Video(); 

           

            //  public function metaDataHandler(infoObject:Object):void {}           

            // 创建回调函数的对象 

            public var customClient:Object=new Object(); 

           

           

            public function init():void 

            { 

                conn.connect(rtmpURL); 

                conn.addEventListener(NetStatusEvent.NET_STATUS,netStatus); 

               

            } 

            private function netStatus(e:NetStatusEvent):void{ 

                trace(e.info.code); 

                switch(e.info.code) 

                { 

                    case "NetConnection.Connect.Success": 

                    { 

                        playad(); 

                        break; 

                    } 

                       

                    case "NetStream.Play.Stop" : 

                    { 

                       

                    } 

                       

                } 

               

            } 

            public function playad():void 

            { 

                isConnectSuccess=true; 

                netStream=new NetStream(conn); 

                netStream.addEventListener( NetStatusEvent.NET_STATUS,netStatus); 

                video.attachNetStream(netStream); 

                video.width = 800; 

                video.height = 1000; 

                //  customClient.onMetaData = metaDataHandler; 

                netStream.client=customClient;               

                netStream.play("avatar.flv"); 

                ui.addChild(video);  

            } 

           

           

        ]]> 

    </fx:Script> 

    <!-- <mx:Button x="200" y="200" label="connect" click="this.clickConnect(event)"/>-->    

   

</s:Application>

 

(3)  播放效果

字符串交互效果：

 

 

 

 

 

 

视频交互效果：