rtmp 点播系统之播放器篇

发布时间：2020-12-15 04:21:34 所属栏目：百科来源：网络整理

导读：rtmp (Real Time Media Protocal),是实时流媒体协议，由Adobe公司提出，属于半开放的协议。此协议基于flash平台的音视频点播协议。音视的点播系统分为两部分，分别为客户端和服务端。在本文中我会先讲解如何实现一个简单的rtmp播放器。至于rtmp服务器的实现

rtmp (Real Time Media Protocal),是实时流媒体协议，由Adobe公司提出，属于半开放的协议。此协议基于flash平台的音视频点播协议。

音视的点播系统分为两部分，分别为客户端和服务端。在本文中我会先讲解如何实现一个简单的rtmp播放器。至于rtmp服务器的实现，会在下文中分析。

1）首先是开发和调试环境的搭建(adobe flash builder + adobe flash player plugin debug + chrome)

1.1)下载安装adobe flash builder,并安装

1.2）下载并安装chrome

1.3）下载并安装 adobe flash player 调试版的插件（adobe flash player plubin debug),?

安装完后，由于chrome默认已安装了flash player的正式版，在些需要禁用默认安装的flash player,在chrome地址栏中输入chrome://plugins/会列出所有使用的插件，在些会发现有两个flash的插件，找到安装位置为“..../google/chrome/.."位置下的插件，并禁用它

2）现在我们已经搭好了开发环境，接下来，我们将用flash builder新建一个rtmp播放器的项目

2.1）打开flash builder，文件-》新建-》flex项目，弹出新建项目界面，设置一下项目名，项目位置以及应用程序类型，如下图所示：

接着直接点下一步，直到完成即可

2.2）新建ActionScript 类，类名为Rtmpplayer,包这里使用默认包

这个类主要是用来建立连接和netstream的建立

2.3）实现这个类的方法和接口，主要的思路：第一步建立连接

???var?nc:NetConnection;

??nc =?new?NetConnection();

??nc.connect(stream_path);?

??并且监听这相新建连接的状态：

nc.addEventListener(NetStatusEvent.NET_STATUS,ConnectStatusHandle);

??当我们连接成功后，即收到

"NetConnection.Connect.Success"

?状态时，就可以创建网络流，并点播它

??完整的代码如下所示：

////////////////////////////////////////////////////////////

//rtmpplayer.as

package

{

??????? import? flash.events.NetStatusEvent;

??????? import? flash.events.StatusEvent;

??????? import? flash.media.Video;

??????? import? flash.net.NetConnection;

??????? import? flash.net.NetStream;

???????

??????? public? class? RtmpPlayer? extends? Video

???????{

?????????????? private? var? nc:NetConnection;

?????????????? private? var? ns:NetStream;

?????????????? public? var? stream_path:String = "rtmp://192.168.1.88:1935" ;

?????????????? public? var? stream_name:String =? "test.264" ;

?????????????? private? var? stream_client:Object =? new? Object();

??????????????

?????????????? public? function? RtmpPlayer()

??????????????{

????????????????????? super (width,height);

????????????????????? super .smoothing =? true ;

??????????????}

?????????????? private? function? StartStream(name:String): void

??????????????{

?????????????????????ns =? new? NetStream(nc);

?????????????????????ns.bufferTime = 0.3;

?????????????????????ns.client = stream_client;

?????????????????????ns.play(name);

????????????????????? super .attachNetStream(ns);

??????????????}

?????????????? private? function? ConnectStatusHandle(event:NetStatusEvent): void

??????????????{

????????????????????? switch (event.info.code)

?????????????????????{

??????????????????????????? case? "NetConnection.Connect.Success" :

?????????????????????????????????? trace ( "currnet netconnection status: " +event.info.code);

??????????????????????????????????StartStream(stream_name);

?????????????????????????????????? break ;

??????????????????????????? case? "NetConnection.Connect.Failed" :

?????????????????????????????????? trace ( "currnet netconnection status: " +event.info.code);

?????????????????????????????????? break ;

??????????????????????????? case? "NetConnection.Connect.Close" :

?????????????????????????????????? trace ( "currnet netconnection status: " +event.info.code);

?????????????????????????????????? break ;

??????????????????????????? default :

?????????????????????????????????? break ;

?????????????????????}

??????????????}

?????????????? public? function? SetPlayPath(path:String,name:String): void

??????????????{

?????????????????????stream_path=path;

?????????????????????stream_name =name;

??????????????}

?????????????? public? function? Connect(): void

??????????????{

????????????????????? // new connection object

?????????????????????nc =? new? NetConnection();

????????????????????? //

????????????????????? //nc.client = this;

????????????????????? // connect to specific server

?????????????????????nc.connect(stream_path);???

?????????????????????nc.addEventListener(NetStatusEvent.NET_STATUS,ConnectStatusHandle);

??????????????}

??????????????

?????????????? public? function? TearDown(): void

??????????????{

????????????????????? if (ns){

???????????????????????????ns.close();

???????????????????????????ns =? null ;

?????????????????????}

????????????????????? if (nc){

????????????????????????????nc.removeEventListener(NetStatusEvent.NET_STATUS,ConnectStatusHandle);

???????????????????????????nc.close();

???????????????????????????nc = null ;

?????????????????????}

??????????????}

???????}

}

2.4）设计界面，切换到rtmpplayer.mxml文件，并将源代码标签切到设计标签，从组建中拉出一个

VideoDisplay控件，用于显示图像；拖个文本框用于输入点播路径，最后再放两个按钮分别用于播放和

停止。新建控件时，我们要手动去设置一个控件的id,因为我们的控件操作的识别都是靠这个id号

界面效果如下图：

////////////////////////////////////////////////////////////////////////////

////rtmpplayer.mxml

<?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" xmlns:local="*"

??????????????????????? creationComplete="Init(event)">

???????<fx:Declarations>

??????????????

??????????????<local:Rtmpplayer?id="rtmp_plu" width="{this.width}" height="{this.height}"?/>

???????</fx:Declarations>???

???????<fx:Script>

??????????????<![CDATA[

?????????????????????import?mx.events.FlexEvent;

?????????????????????

?????????????????????private?function?Init(event:FlexEvent):void

?????????????????????{

???????????????????????????trace("create donen");

???????????????????????????//var rtmpdemo:RtmpPlayer = new RtmpPlayer();

???????????????????????????//viewarea.addChild(rtmpdemo);

???????????????????????????viewarea.addChild(rtmp_plu);

????????????????????????????text_url.text=rtmp_plu.stream_path+"/"+rtmp_plu.stream_name;

???????????????????????????//rtmp_plu.Connect();

?????????????????????}

?????????????????????private?function?PlayPathChange():void{

???????????????????????????var?url:String = text_url.text;

???????????????????????????if(url.indexOf("rtmp://") == 0){

??????????????????????????????????var?index:int= url.indexOf("/",7);

??????????????????????????????????if(index == -1){

?????????????????????????????????????????trace("invalid url");

??????????????????????????????????}else{

?????????????????????????????????????????rtmp_plu.stream_path= url.substring(0,index+1);

?????????????????????????????????????????rtmp_plu.stream_name=url.substring(index+1);

?????????????????????????????????????????trace("get stream path:"+rtmp_plu.stream_path +?"??? stram name:"?+ rtmp_plu.stream_name);

??????????????????????????????????}

???????????????????????????}else{

??????????????????????????????????trace("invalid url");

???????????????????????????}

?????????????????????}

??????????????]]>

???????</fx:Script>

???????<s:VideoDisplay?id="viewarea" x="56" y="-4" width="640" height="480"/>

???????<s:Label?x="55" y="511" width="67" height="16" text="url"/>

???????<s:TextInput?id="text_url" x="130" y="510" width="460"text="rtmp://192.168.137.128:1935/test.flv" change="PlayPathChange()"/>

???????<s:Button?id="btn_play" x="55" y="549" label="play" click="rtmp_plu.Connect()"/>

???????<s:Button?id="btn_close" x="149" y="550" label="stop" click="rtmp_plu.TearDown()"/>

</s:Application>

3）调试运行。。。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!