·您当前的位置:首页 > 技术教程 > FMS教程 >

[FMS]fms5.0的hls(HTTP Live Streaming)技术实现跨平台点播与(2)

时间:2014-03-07 14:08cuplayer.com
对于非实时视频,同 样的好处也是存在的:如果你要在一段长达一小时的视频中跳转,如果使用单个 MP4 格式的视频文件,并且也是用 HTTP 协议,那么需要代理服务器支持 HTTP range request 以获取大文件中的一部分。

对于非实时视频,同 样的好处也是存在的:如果你要在一段长达一小时的视频中跳转,如果使用单个 MP4 格式的视频文件,并且也是用 HTTP 协议,那么需要代理服务器支持 HTTP range request 以获取大文件中的一部分。不是所有的代理服务器都对此有良好的支持。而 HTTP Live Streaming 则只需要根据列表文件中的时间轴找出对应的 TS 片段下载即可,不需要 range request,对代理服务器的要求小很多。所有代理服务器都支持小文件的高效缓存。

此外,HTTP Live Streaming 还有一个巨大优势:自适应码率流播(adaptive streaming)。效果就是客户端会根据网络状况自动选择不同码率的视频流,条件允许的情况下使用高码率,网络繁忙的时候使用低码率,并且自动在二者 间随意切换。这对移动设备网络状况不稳定的情况下保障流畅播放非常有帮助。实现方法是服务器端提供多码率视频流,并且在列表文件中注明,播放器根据播放进 度和下载速度自动调整。

至于为什么要用 TS 而不是 MP4,这是因为两个 TS 片段可以无缝拼接,播放器能连续播放,而 MP4 文件由于编码方式的原因,两段 MP4 不能无缝拼接,播放器连续播放两个 MP4 文件会出现破音和画面间断,影响用户体验。

调用写法实例参考代码:

  1. <SCRIPT LANGUAGE=JavaScript> 
  2. <!-- 
  3. var vID        = "";  
  4. var vWidth     = 650
  5. var vHeight    = 400
  6. var vFile      = "CuSunV2set.xml"
  7. var vPlayer    = "player.swf?v=2.5"
  8. var vPic       = "images/startpic.jpg"
  9. //PC端,安卓端  
  10. var vServer    = "rtmp://demo.cuplayer.com/live"
  11. var vMp4url    = "livestream"
  12. //苹果端  
  13. var vIosurl    = "http://demo.cuplayer.com:8011/hls-live/livestream.m3u8"
  14. //--> 
  15. </SCRIPT>  
  16. <script data-mce-role="CuPlayerVideo"  
  17. type="text/javascript" src="Images/CuSunPlayerV25D1.min.js"></script> 

效果组图:

Flash Media Server(AMS5.0)流媒体服务器安装和实现HLS直播

Flash Media Server(AMS5.0)流媒体服务器安装和实现HLS直播

Flash Media Server(AMS5.0)流媒体服务器安装和实现HLS直播

Flash Media Server(AMS5.0)流媒体服务器安装和实现HLS直播

Flash Media Server(AMS5.0)流媒体服务器安装和实现HLS直播

Flash Media Server(AMS5.0)流媒体服务器安装和实现HLS直播

Flash Media Server(AMS5.0)流媒体服务器安装和实现HLS直播

Flash Media Server(AMS5.0)流媒体服务器安装和实现HLS直播

Flash Media Server(AMS5.0)流媒体服务器安装和实现HLS直播

Flash Media Server(AMS5.0)流媒体服务器安装和实现HLS直播

Flash Media Server(AMS5.0)流媒体服务器安装和实现HLS直播

Flash Media Server(AMS5.0)流媒体服务器安装和实现HLS直播

Flash Media Server(AMS5.0)流媒体服务器安装和实现HLS直播

Flash Media Server(AMS5.0)流媒体服务器安装和实现HLS直播

Flash Media Server(AMS5.0)流媒体服务器安装和实现HLS直播

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器