宜昌本地软件开发与弱电工程服务商
项目咨询 · 快速响应
您当前的位置: > 博客2 > FMS教程

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

2016-10-13 00:16:48 点击量:93 标签: 收藏本文

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

ABOUT US
宜昌农人网络科技有限公司

我们是一家提供综合软件外包与弱电工程服务的技术公司。

业务涵盖定制软件、管理系统、网站、小程序、APP、系统集成、网络布线、监控安防、门禁、机房建设及长期技术维护。

公司地址:湖北省宜昌市伍家岗区东站二路6号三峡(宜昌)大数据产业园海洋馆二楼A203室