在线客服QQ: 176797520 极酷FlvPlayer在线客服 酷播网页视频播放器

4.16 极酷阳光播放器适配移动终端IPad,IPhone,安卓 HLS直播(m3u8适配)

FMS的HLS直播技术(m3u8适配),适配hls播放,ipad与iphone的hls直播技术,hls播放器跨平台解决方案,极酷阳光播放器适配移动终端IPad,IPhone,安卓。HTTP Live StreamingHLS)是苹果公司(Apple Inc.)实现的基于HTTP的流媒体传输协议,可实现流媒体的直播和点播,主要应用在iOS系统,为iOS设备(如iPhone、iPad)提供音视频直播和点播方案。HLS点播,基本上就是常见的分段HTTP点播,不同在于,它的分段非常小。

终端适配测试效果图说明:左侧为PC端画面,右侧为IPAD终端

跨平台的ios的hls直播示例

跨平台的ios的hls点播示例

例(4.17)-1:适配移动终端演示写法示例 1

本示例采用的是http协议,用一个mp4文件来适配PC,安卓android系统,苹果IOS系统

<div class="video" id="CuPlayer" style="background:#000000; width:650px;">
<SCRIPT LANGUAGE=JavaScript>
<!--
var vID = "";
var vWidth = 650;
var vHeight = 400;
var vFile = "CuSunV2set.xml";
var vPlayer = "player.swf?v=2.5";
var vMp4url = "http://demo.cuplayer.com/file/test.mp4";
var vPic = "images/startpic.jpg";
//-->
</SCRIPT>
<script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript" src="Images/AsComV3.js"></script>
</div>

例(4.17)-2:适配移动终端,采用HLS的写法示例

本示例采用的是http协议+rtmp协议,采用了HLS的视频流,实现跨平台,适配PC,安卓android系统,苹果IOS系统

<!--播放器/代码开始-->
<div class="video" id="CuPlayer" style="background:#000000; width:650px;">
<SCRIPT LANGUAGE=JavaScript>
<!--
var vID = "";
var vWidth = 650;
var vHeight = 400;
var vFile = "CuSunV2set.xml";
var vPlayer = "player.swf?v=2.5";
var vPic = "images/startpic.jpg";
//PC,安卓
var vServer = "rtmp://www.cuplayer.com/live";
var vMp4url = "livestream";
//iOS
var vIosurl = "http://www.cuplayer.com:8080/liveevent/livestream.m3u8";
//-->
</SCRIPT>
><script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript" src="Images/AsComV5.js"> </script> </div>
<SCRIPT language=javascript src="Images/jquery.js" type=text/javascript> </SCRIPT>
<SCRIPT language=javascript src="Images/action.js" type=text/javascript> </SCRIPT>
<!--播放器/代码结束-->

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