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

[FMS]基于fms搭建在线hls跨平台直播环境(组图)

时间:2014-03-24 22:28cuplayer.com
[FMS]在线hls直播环境直播平台演示(FMS/HLS/RTMP/M3U8)组图,主流适配:PC终端、苹果终端(含IPHONE、IPAD)、安卓终端(含安卓系统手机和安卓系统平板)

[FMS]基于fms搭建在线hls跨平台直播环境(组图)

什么是跨平台适配?是指让不同的终端都可以打开同一个视频。因为常常会遇到这样的情况,在电脑pc端打开一个视频,可以正常播放;而如果用手机打开,就会发现,根本就不能播放?原因是什么? 移动终端跟pc不一样,它不能像pc一样,比如iOS苹果系统,它是不支持rtmp协议的,也不支持flash的。跨平台适配终端的目标在于:让用户在PC端平板电脑手机端都可以正常播放同一个视频。

主流适配:PC终端苹果终端(含IPHONE、IPAD)安卓终端(含安卓系统手机和安卓系统平板)

再说一下直播,由于IOS不支持rtmp,也不支持flash,所以,ios端,就要用HLS来实现。HTTP Live StreamingHLS)是苹果公司(Apple Inc.)实现的基于HTTP的流媒体传输协议,可实现流媒体的直播和点播,主要应用在iOS系统,为iOS设备(如iPhone、iPad)提供音视频直播和点播方案。HLS点播,基本上就是常见的分段HTTP点播,不同在于,它的分段非常小。

调用写法实例参考代码:

  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直播

热门文章推荐

请稍候...

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

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