FMS3系列(四)：在線視頻錄製、視頻回放【轉】

使用Flash/Flex+FMS實現在線視頻錄製、視頻回放的很簡單的。通過閱讀API文檔後基本都可以實現這個功能，本文也意在拋磚引玉，希望對剛入手這塊的朋友有所幫助。

      首先建立好Flash(ActionScript 3.0)文件，從組件（可使用Ctrl+F7打開）庫中拖拽相應的組件到Flash舞臺上，如下圖：

            

      界面佈局好後我們通過程序設置組見的顯示文本以及爲按扭添加事件監聽，新建一個ActionScript類文件，編寫代碼如下：

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--> 1         public function PublishPlay():void
 2         {
 3             lbName.text="請輸入視頻文件名:";
 4             btnPublish.label="開始錄製";
 5             btnPublish.addEventListener(MouseEvent.CLICK,onPublishClick);
 6             btnStop.label="停止錄製";
 7             btnStop.addEventListener(MouseEvent.CLICK,onStopHandler);
 8             btnPlay.label="視頻回放";
 9             btnPlay.addEventListener(MouseEvent.CLICK,onPlayHandler);
10             
11             video=new Video();
12             cam = Camera.getCamera();
13             mic = Microphone.getMicrophone();
14             if(cam==null)
15             {
16                 trace("沒檢測到視頻攝像頭");
17             }
18             else
19             {
20                 video.attachCamera(cam);
21             }
22             addChild(video);
23         }

 

      以上代碼同時實現了將視頻顯示到flash界面上，通過Camera的靜態方法getCamrea()方法可以直接獲取到視頻攝像頭的數據。其中用到的video,cam和mic變量爲預先定義好的，如下：

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->1     private var nc:NetConnection;
2     private var ns:NetStream;
3     private var video:Video;
4     private var cam:Camera;
5     private var mic:Microphone;

 

      接下來就需要連接到FMS服務器實現視頻錄製功能了，通過NetConnection類實現與FMS服務器的連接，並通過流將視頻數據發佈到FMS服務器。

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--> 1         private function onPublishClick(evt:MouseEvent):void
 2         {
 3             nc=new NetConnection();
 4             nc.addEventListener(NetStatusEvent.NET_STATUS,onPublishStatusHandler);
 5             nc.connect("rtmp://localhost/PulishedStreams");
 6         }
 7         
 8         private function onPublishStatusHandler(evt:NetStatusEvent):void
 9         {
10             if(evt.info.code=="NetConnection.Connect.Success")
11             {
12                 ns=new NetStream(nc);
13                 ns.addEventListener(NetStatusEvent.NET_STATUS,onPublishStatusHandler);
14                 ns.client=new CustomClient();
15                 ns.attachCamera(cam);
16                 ns.attachAudio(mic);
17                 ns.publish(tbName.text,"record");
18             }
19         }

 

      在錄製視頻的時候視頻命名是取的文本輸入框的值作爲視頻名，OK，現在測試Flash(Ctrl+Enter)，通過點擊 按扭開始錄製視頻。通過查看FMS服務器的文件目錄可以看到，剛剛測試錄製的視頻存放於FMS服務器應用下的streams/_definst_目錄下。詳見下圖所示：

            

      錄製功能完成了，通過測試也可以成功的錄製視頻。最後我們通過程序來播放剛剛錄製是視頻。關於播放視頻在上一篇文章《FMS3系列(三)：創建基於FMS的流媒體播放程序，看山寨幫的山寨傳奇》中已介紹怎麼實現，這裏就直接帖出代碼不做解釋。

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--> 1 private function onPlayHandler(evt:MouseEvent):void
 2         {
 3             nc=new NetConnection();
 4             nc.addEventListener(NetStatusEvent.NET_STATUS,onPlayStatusHandler);
 5             nc.connect("rtmp://localhost/PulishedStreams");
 6         }
 7         
 8         private function onPlayStatusHandler(evt:NetStatusEvent):void
 9         {
10             if(evt.info.code=="NetConnection.Connect.Success")
11             {
12                 ns=new NetStream(nc);
13                 ns.addEventListener(NetStatusEvent.NET_STATUS,onPlayStatusHandler);
14                 ns.client=new CustomClient();
15                 
16                 video = new Video();
17                 video.attachNetStream(ns);
18                 ns.play(tbName.text,0);
19                 addChild(video);
20             }
21         }

 

      通過本文的基礎上可以很方便的擴展出在線拍照等多種應用，有興趣的朋友可以去試驗下。下面是本文完整的示例代碼。

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--> 1package
 2{
 3    import flash.net.*;
 4    import flash.events.*;
 5    import flash.media.*;
 6    import flash.display.*;
 7    import fl.controls.*;
 8    
 9    public class PublishPlay extends Sprite
10    {
11        private var nc:NetConnection;
12        private var ns:NetStream;
13        private var video:Video;
14        private var cam:Camera;
15        private var mic:Microphone;
16        
17        public function PublishPlay():void
18        {
19            lbName.text="請輸入視頻文件名:";
20            btnPublish.label="開始錄製";
21            btnPublish.addEventListener(MouseEvent.CLICK,onPublishClick);
22            btnStop.label="停止錄製";
23            btnStop.addEventListener(MouseEvent.CLICK,onStopHandler);
24            btnPlay.label="視頻回放";
25            btnPlay.addEventListener(MouseEvent.CLICK,onPlayHandler);
26            
27            video=new Video();
28            cam = Camera.getCamera();
29            mic = Microphone.getMicrophone();
30            if(cam==null)
31            {
32                trace("沒檢測到視頻攝像頭");
33            }
34            else
35            {
36                video.attachCamera(cam);
37            }
38            addChild(video);
39        }
40        
41        private function onStatusHandler(evt:NetStatusEvent):void
42        {
43            trace(evt.info.code);
44            if(evt.info.code=="NetConnection.Connect.Success")
45            {
46                ns=new NetStream(nc);
47                ns.addEventListener(NetStatusEvent.NET_STATUS,onStatusHandler);
48                ns.client=new CustomClient();
49            }
50        }
51        
52        private function onPublishClick(evt:MouseEvent):void
53        {
54            nc=new NetConnection();
55            nc.addEventListener(NetStatusEvent.NET_STATUS,onPublishStatusHandler);
56            nc.connect("rtmp://localhost/PulishedStreams");
57        }
58        
59        private function onPublishStatusHandler(evt:NetStatusEvent):void
60        {
61            if(evt.info.code=="NetConnection.Connect.Success")
62            {
63                ns=new NetStream(nc);
64                ns.addEventListener(NetStatusEvent.NET_STATUS,onPublishStatusHandler);
65                ns.client=new CustomClient();
66                ns.attachCamera(cam);
67                ns.attachAudio(mic);
68                ns.publish(tbName.text,"record");
69            }
70        }
71        
72        private function onStopHandler(evt:MouseEvent):void
73        {
74            nc.close();
75        }
76        
77        private function onPlayHandler(evt:MouseEvent):void
78        {
79            nc=new NetConnection();
80            nc.addEventListener(NetStatusEvent.NET_STATUS,onPlayStatusHandler);
81            nc.connect("rtmp://localhost/PulishedStreams");
82        }
83        
84        private function onPlayStatusHandler(evt:NetStatusEvent):void
85        {
86            if(evt.info.code=="NetConnection.Connect.Success")
87            {
88                ns=new NetStream(nc);
89                ns.addEventListener(NetStatusEvent.NET_STATUS,onPlayStatusHandler);
90                ns.client=new CustomClient();
91                
92                video = new Video();
93                video.attachNetStream(ns);
94                ns.play(tbName.text,0);
95                addChild(video);
96            }
97        }
98    }
99}