加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 （https://www.lidatong.com.cn/）- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置： 首页 > 百科 > 正文

最简单的基于Flash的流媒体示例：RTMP推送和接收（ActionScript

发布时间：2020-12-15 17:24:22 所属栏目：百科 来源：网络整理
导读：本文记录一些基于Flash的流媒体处理的例子。Flash平台最常见的流媒体协议是RTMP。此前记录的一些基于C/C++的RTMP播放器/推流器，但是没有记录过基于Flash中的ActionScript的RTMP播放器/推流器。其实基于Flash的RTMP播放器/推流器才能算得上是RTMP技术中的“
本文记录一些基于Flash的流媒体处理的例子。Flash平台最常见的流媒体协议是RTMP。此前记录的一些基于C/C++的RTMP播放器/推流器，但是没有记录过基于Flash中的ActionScript的RTMP播放器/推流器。其实基于Flash的RTMP播放器/推流器才能算得上是RTMP技术中的“正规军”。RTMP本身设计出来就是用于Flash平台之间通信的，而且RTMP最大的优势——“无插件直播”，也是得益于广泛安装在客户端的Flash Player。因此本文分别记录一个基于ActionScript的RTMP播放器和基于ActionScript的RTMP推流器。


基于C/C++的RTMP流媒体处理的例子可以参考下面几个。

发布

最简单的基于librtmp的示例：发布H.264（H.264通过RTMP发布）

最简单的基于librtmp的示例：发布（FLV通过RTMP发布）

最简单的基于FFmpeg的推流器（以推送RTMP为例）

接收

最简单的基于librtmp的示例：接收（RTMP保存为FLV）

最简单的基于FFMPEG+SDL的视频播放器 ver2 （采用SDL2.0）


简介

相比于使用C/C++处理RTMP而言，使用ActionScript处理RTMP非常的简单。RTMP建立连接的方法都已经封装好了，只需要调用现成的接口函数就可以了。但是使用ActionScript处理RTMP的劣势也十分明显——可供自己开发的地方很少。由于Flash本身不开源，所以我们无法得到它的底层代码，因而也不能对编解码底层的参数进行调整。总而言之，ActionScript处理RTMP可以概括为几个字：“简单但是不灵活”。

ActionScript播放RTMP

ActionScript播放RTMP流媒体的流程如下图所示。


从图中可以看出，流程可以分成两部分：播放和显示。

播放

播放分成3步：

（1）建立NetConnection
（2）建立NetStream
（3）调用NetStream的play()方法

前2步分别建立了RTMP规范中的两个逻辑结构：NetConnection和NetStream。NetConnection代表服务器端应用程序和客户端之间基础的连通关系。NetStream代表了发送多媒体数据的通道。服务器和客户端之间只能建立一个NetConnection，但是基于该连接可以创建很多NetStream。这两个结构的结构如下图所示。


显示

显示部分将播放的视频显示在“舞台”上。这一部分通过创建一个Video对象实现。


ActionScript推送RTMP

ActionScript推送RTMP流媒体的流程如下图所示。


从图中可以看出，推送RTMP的流程和播放有些类似，最主要的不同在于推送最后调用的是NetStream的publish()方法，而播放最后调用的是NetStream的play()方法。推流分成4步：
（3）绑定摄像头和麦克风
（4）调用NetStream的play()方法
推流程序开始运行后，可以通过ffplay，VLC或者Flash应用程序访问相应的RTMP URL查看流媒体。

代码

本文附件中包含以下2个ActionScript工程：

simplest as3 rtmp player，最简单的RTMP播放器，其中包含3个独立的子工程：
simplest_as3_rtmp_player：最简单的RTMP播放器。
simplest_as3_local_player：最简单的本地文件播放器。
simplest_as3_rtmp_player_multiscreen：最简单的RTMP多屏播放器。
simplest_as3_rtmp_streamer，最简单的RTMP推流器
下面看一下上述几个工程的源代码。
simplest_as3_rtmp_player

simplest_as3_rtmp_player是最简单的RTMP播放器，代码如下所示。


[plain]? view plain copy

在CODE上查看代码片

派生到我的代码片

  1. /**??
  2. ?*?最简单的基于ActionScript的RTMP播放器??
  3. ?*?Simplest?AS3?RTMP?Player??
  4. ?*??
  5. ?*?雷霄骅?Lei?Xiaohua??
  6. ?*?leixiaohua1020@126.com??
  7. ?*?中国传媒大学/数字电视技术??
  8. ?*?Communication?University?of?China?/?Digital?TV?Technology??
  9. ?*?http://blog.csdn.net/leixiaohua1020??
  10. ?*???
  11. ?*?本程序使用ActionScript3语言完成，播放RTMP服务器上的流媒体??
  12. ?*?是最简单的基于ActionScript3的播放器。??
  13. ?*??
  14. ?*?This?software?is?written?in?Actionscript3,?it?plays?stream??
  15. ?*?on?RTMP?server??
  16. ?*?It's?the?simplest?RTMP?player?based?on?ActionScript3.??
  17. ?*???
  18. ?*/??
  19. package?{??
  20. ????import?flash.display.Sprite;??
  21. ????import?flash.net.NetConnection;??
  22. ????import?flash.events.NetStatusEvent;??
  23. ????import?flash.events.AsyncErrorEvent;??
  24. ????import?flash.net.NetStream;??
  25. ????import?flash.media.Video;??
  26. ??
  27. ??
  28. ????public?class?simplest_as3_rtmp_player?extends?Sprite??
  29. ????{??
  30. ????????var?nc:NetConnection;??
  31. ????????var?ns:NetStream;??
  32. ????????var?video:Video;??
  33. ????????public?function?simplest_as3_rtmp_player()??
  34. ????????{??
  35. ????????????nc?=?new?NetConnection();??
  36. ????????????nc.addEventListener(NetStatusEvent.NET_STATUS,?netStatusHandler);??
  37. ????????????nc.connect("rtmp://localhost/live");??
  38. ????????}??
  39. ????????private?function?netStatusHandler(event:NetStatusEvent):void??
  40. ????????????trace("event.info.level:?"?+?event.info.level?+?"n",?"event.info.code:?"?+?event.info.code);??
  41. ????????????switch?(event.info.code)??
  42. ????????????{??
  43. ????????????????case?"NetConnection.Connect.Success":??
  44. ????????????????????doVideo(nc);??
  45. ????????????????????break;??
  46. ????????????????case?"NetConnection.Connect.Failed":??
  47. ????????????????case?"NetConnection.Connect.Rejected":??
  48. ????????????????case?"NetStream.Play.Stop":??
  49. ????????????????case?"NetStream.Play.StreamNotFound":??
  50. ????????????}??
  51. ????????//?play?a?recorded?stream?on?the?server??
  52. ????????private?function?doVideo(nc:NetConnection):void?{??
  53. ????????????ns?=?new?NetStream(nc);??
  54. ????????????ns.addEventListener(NetStatusEvent.NET_STATUS,108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> ????????????video?=?new?Video(640,480);??
  55. ????????????video.attachNetStream(ns);??
  56. ????????????ns.play("myCamera");??
  57. ????????????addChild(video);??
  58. ????????}??
  59. ????????//?create?a?playlist?on?the?server??
  60. ????????/*??
  61. ????????private?function?doPlaylist(nc:NetConnection):void?{??
  62. ????????????video?=?new?Video();??
  63. ????????????//?Play?the?first?3?seconds?of?the?video??
  64. ????????????ns.play(?"bikes",?0,?3,?true?);??
  65. ????????????//?Play?from?20?seconds?on??
  66. ????????????//?End?on?frame?5??
  67. ????????????addChild(video);??
  68. ????????*/??
  69. ????}??
  70. }??

simplest_as3_local_player

simplest_as3_local_player用于播放本地FLV文件。ActionScript中播放本地视频（*.flv）和播放RTMP流程是一样的：先创建NetConnection，再创建NetStream。它们最大的不同在于，播放本地文件建立NetConnection的时候，是不传地址的。例如播放RTMP的时候代码如下：

派生到我的代码片

    nc.connect("rtmp://localhost/live");??
播放本地文件的时候代码如下：

派生到我的代码片

    nc.connect(null);??
调用play()的时候，RTMP传递服务器上的路径，如下所示。

派生到我的代码片

    ns.play("myCamera");??
本地文件直接传递本地路径，如下所示。

派生到我的代码片

    ns.play("sintel.flv");??

simplest_as3_rtmp_player_multiscreen

simplest_as3_rtmp_player_multiscreen是一个多屏播放的简单例子。实现了2x2网格播放4路视频。不再过多记录。


simplest_as3_rtmp_streamer

simplest_as3_rtmp_player是最简单的RTMP推流器，代码如下所示。


派生到我的代码片

    ?*?最简单的基于ActionScript的RTMP推流器??
  1. ?*?Simplest?AS3?RTMP?Streamer??
  2. ?*?本程序使用ActionScript3语言完成，推送本地摄像头的数据至RTMP流媒体服务器，??
  3. ?*?是最简单的基于ActionScript3的推流器。??
  4. ?*?RTMP?server.??
  5. ?*?It's?the?simplest?RTMP?streamer?based?on?ActionScript3.??
  6. ????import?flash.display.MovieClip;??
  7. ????import?flash.net.NetStream;??
  8. ????import?flash.media.Video;??
  9. ????import?flash.media.Camera;??
  10. ????import?flash.media.Microphone;??
  11. ????//import?flash.media.H264Profile;????
  12. ????//import?flash.media.H264VideoStreamSettings;???
  13. ????public?class?simplest_as3_rtmp_streamer?extends?MovieClip??
  14. ????{??
  15. ????????var?nc:NetConnection;??
  16. ????????var?ns:NetStream;??
  17. ????????var?nsPlayer:NetStream;??
  18. ????????var?vid:Video;??
  19. ????????var?vidPlayer:Video;??
  20. ????????var?cam:Camera;??
  21. ????????var?mic:Microphone;??
  22. ??????????
  23. ????????var?screen_w:int=320;??
  24. ????????var?screen_h:int=240;??
  25. ????????public?function?simplest_as3_rtmp_streamer()??
  26. ????????private?function?onNetStatus(event:NetStatusEvent):void{??
  27. ????????????trace(event.info.code);??
  28. ????????????if(event.info.code?==?"NetConnection.Connect.Success"){??
  29. ????????????????publishCamera();??
  30. ????????????????displayPublishingVideo();??
  31. ????????????????displayPlaybackVideo();??
  32. ????????private?function?publishCamera()?{??
  33. ??????????????
  34. ????????????//Cam??
  35. ????????????cam?=?Camera.getCamera();??
  36. ????????????/**??
  37. ?????????????*?public?function?setMode(width:int,?height:int,?fps:Number,?favorArea:Boolean?=?true):void????
  38. ?????????????*??width:int?—?The?requested?capture?width,?in?pixels.?The?default?value?is?160.????
  39. ?????????????*??height:int?—?The?requested?capture?height,?in?pixels.?The?default?value?is?120.????
  40. ?????????????*??fps:Number?—?The?requested?capture?frame?rate,?in?frames?per?second.?The?default?value?is?15.????
  41. ?????????????*/??
  42. ????????????cam.setMode(640,?480,?15);????
  43. ??????????????
  44. ?????????????*?public?function?setKeyFrameInterval(keyFrameInterval:int):void??
  45. ?????????????*?The?number?of?video?frames?transmitted?in?full?(called?keyframes)?instead?of?being?interpolated?by?the?video?compression?algorithm.??
  46. ?????????????*?The?default?value?is?15,?which?means?that?every?15th?frame?is?a?keyframe.?A?value?of?1?means?that?every?frame?is?a?keyframe.???
  47. ?????????????*?The?allowed?values?are?1?through?300.???
  48. ????????????cam.setKeyFrameInterval(25);??
  49. ?????????????*?public?function?setQuality(bandwidth:int,?quality:int):void????
  50. ?????????????*?bandwidth:int?—?Specifies?the?maximum?amount?of?bandwidth?that?the?current?outgoing?video?feed?can?use,?in?bytes?per?second?(bps).?????
  51. ?????????????*????To?specify?that?the?video?can?use?as?much?bandwidth?as?needed?to?maintain?the?value?of?quality,?pass?0?for?bandwidth.?????
  52. ?????????????*????The?default?value?is?16384.????
  53. ?????????????*?quality:int?—?An?integer?that?specifies?the?required?level?of?picture?quality,?as?determined?by?the?amount?of?compression?????
  54. ?????????????*?????being?applied?to?each?video?frame.?Acceptable?values?range?from?1?(lowest?quality,?maximum?compression)?to?100?????
  55. ?????????????*????(highest?quality,?no?compression).?To?specify?that?picture?quality?can?vary?as?needed?to?avoid?exceeding?bandwidth,?????
  56. ?????????????*????pass?0?for?quality.????
  57. ????????????cam.setQuality(200000,?90);???
  58. ?????????????*?public?function?setProfileLevel(profile:String,?level:String):void??
  59. ?????????????*?Set?profile?and?level?for?video?encoding.???
  60. ?????????????*?Possible?values?for?profile?are?H264Profile.BASELINE?and?H264Profile.MAIN.?Default?value?is?H264Profile.BASELINE.??
  61. ?????????????*?Other?values?are?ignored?and?results?in?an?error.??
  62. ?????????????*?Supported?levels?are?1,?1b,?1.1,?1.2,?1.3,?2,?2.1,?2.2,?3.1,?3.2,?4,?4.1,?4.2,?and?5.1.??
  63. ?????????????*?Level?may?be?increased?if?required?by?resolution?and?frame?rate.??
  64. ????????????//var?h264setting:H264VideoStreamSettings?=?new?H264VideoStreamSettings();????
  65. ????????????//?h264setting.setProfileLevel(H264Profile.MAIN,?4);?????
  66. ????????????//Mic??
  67. ????????????mic?=?Microphone.getMicrophone();??
  68. ????????????/*??
  69. ?????????????*?The?encoded?speech?quality?when?using?the?Speex?codec.?Possible?values?are?from?0?to?10.?The?default?value?is?6.???
  70. ?????????????*?Higher?numbers?represent?higher?quality?but?require?more?bandwidth,?as?shown?in?the?following?table.???
  71. ?????????????*?The?bit?rate?values?that?are?listed?represent?net?bit?rates?and?do?not?include?packetization?overhead.???
  72. ?????????????*?------------------------------------------??
  73. ?????????????*?Quality?value?|?Required?bit?rate?(kbps)??
  74. ?????????????*-------------------------------------------??
  75. ?????????????*??????0????????|???????3.95???
  76. ?????????????*??????1????????|???????5.75???
  77. ?????????????*??????2????????|???????7.75???
  78. ?????????????*??????3????????|???????9.80???
  79. ?????????????*??????4????????|???????12.8???
  80. ?????????????*??????5????????|???????16.8???
  81. ?????????????*??????6????????|???????20.6???
  82. ?????????????*??????7????????|???????23.8???
  83. ?????????????*??????8????????|???????27.8???
  84. ?????????????*??????9????????|???????34.2???
  85. ?????????????*??????10???????|???????42.2???
  86. ????????????mic.encodeQuality?=?9;????
  87. ????????????/*?The?rate?at?which?the?microphone?is?capturing?sound,?in?kHz.?Acceptable?values?are?5,?8,?11,?22,?and?44.?The?default?value?is?8?kHz?????
  88. ?????????????*?if?your?sound?capture?device?supports?this?value.?Otherwise,?the?default?value?is?the?next?available?capture?level?above?8?kHz?that?????
  89. ?????????????*?your?sound?capture?device?supports,?usually?11?kHz.????
  90. ?????????????*??
  91. ?????????????*/??
  92. ????????????mic.rate?=?44;????
  93. ????????????ns?=?new?NetStream(nc);??
  94. ????????????//H.264?Setting??
  95. ????????????//ns.videoStreamSettings?=?h264setting;???
  96. ????????????ns.attachCamera(cam);??
  97. ????????????ns.attachAudio(mic);??
  98. ????????????ns.publish("myCamera",?"live");??
  99. ????????private?function?displayPublishingVideo():void?{??
  100. ????????????vid?=?new?Video(screen_w,?screen_h);??
  101. ????????????vid.x?=?10;??
  102. ????????????vid.y?=?10;??
  103. ????????????vid.attachCamera(cam);??
  104. ????????????addChild(vid);??
  105. ????????private?function?displayPlaybackVideo():void{??
  106. ????????????nsPlayer?=?new?NetStream(nc);??
  107. ????????????nsPlayer.play("myCamera");??
  108. ????????????vidPlayer?=?new?Video(screen_w,?screen_h);??
  109. ????????????vidPlayer.x?=?screen_w?+?20;??
  110. ????????????vidPlayer.y?=?10;??
  111. ????????????vidPlayer.attachNetStream(nsPlayer);??
  112. ????????????addChild(vidPlayer);??
  113. ????}??
  114. }??

结果


simplest as3 rtmp player运行后会自动连接RTMP URL：rtmp://localhost/live/myCamera。
程序运行后的结果如下图所示。


simplest_as3_local_player运行会播放sintel.flv文件。
运行结果如下图所示。


simplest_as3_rtmp_player_multiscreen运行后会连接4个RTMP URL。


simplest_as3_rtmp_streamer运行结果后会推送本机的摄像头的视频和麦克风的音频到指定的RTMP URL（在这里是rtmp://localhost/live/myCamera）。左侧的视频是从摄像头读取的视频，右侧的视频是推流后从RTMP URL读取的视频（一般会有一定延时）。



下载
Simplest flashmedia example
SourceForge：https://sourceforge.net/projects/simplestflashmediaexample/

Github：https://github.com/leixiaohua1020/simplest_flashmedia_example

开源中国：http://git.oschina.net/leixiaohua1020/simplest_flashmedia_example


CSDN下载：http://download.csdn.net/detail/leixiaohua1020/8456441


本工程包含如下基于Flash技术的流媒体的例子：
simplest_as3_rtmp_player: ?最简单的RTMP播放器（基于ActionScript）
simplest_as3_rtmp_streamer: 最简单的RTMP推流器（基于ActionScript）
rtmp_sample_player_adobe: ?从Adobe Flash Media Sever提取出来的测试播放器
rtmp_sample_player_wowza: 从Wowza服务器中提取出来的测试播放器
rtmp_sample_player_flowplayer: 基于FlowPlayer的RTMP/HTTP播放器（添加RTMP plugin）
rtmp_sample_player_videojs: 基于VideoJS的RTMP/HTTP播放器
rtmp_sample_player_jwplayer: 基于JWplayer的RTMP/HTTP播放器
hls_sample_player_flowplayer: 基于FlowPlayer的HLS播放器（添加HLS plugin）
hls_video_player_html5: ?基于HTML5的HLS/HTTP播放器
activex_vlc_player: ?基于VLC的ActiveX控件的播放器
注意：某些播放器直接打开html页面是不能工作的，需要把播放器放到Web服务器上。
（例如Apache或者Nginx）

（编辑：李大同）

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

          【免责声明】本站内容转载自互联网，其发布内容言论不代表本站观点，如果其链接、内容的侵犯您的权益，烦请提交相关链接至邮箱bqsm@foxmail.com我们将及时予以处理。

          建议您使用1920×1080分辨率、谷歌浏览器Google Chrome、Microsoft Edge以获得本站的最佳浏览效果

          Copygight © 2008-2022 https://www.lidatong.com.cn/ All Rights Reserved. 李大同