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

4.15 极酷阳光播放器适配移动终端IPad,IPhone,安卓的解决方案


多终端跨平台视频点播/视频直播的目标在于:让用户基于PC终端、安卓Android、苹果iOS、Windows Phone等主流终端,都可以正常播放同一个视频源。

极酷阳光播放器跨平台官方http://www.cuplayer.com/CrossPlatform/ ( 2015年版官方 )

 

 

极酷阳光跨平台视频点播方案(其中X1最基础的方案,适合所有IIS,apache,nginx等服务器的用户):

方案X1:http://www.cuplayer.com/CrossPlatform/player/demoX11.html (最基础方案,适合所有用户)

方案X2:http://www.cuplayer.com/CrossPlatform/player/demoX21.html (基于HTTP协议+RTMP协议)

方案X3:http://www.cuplayer.com/CrossPlatform/player/demoX31.html (基于HTTP协议+RTMP协议)

方案X4:http://www.cuplayer.com/CrossPlatform/player/demoX41.html (基于HTTP协议+RTMP协议)

 

极酷阳光跨平台视频直播方案(直播的实现比点播复杂,必须涉及流媒体转发服务器):

方案L1:http://www.cuplayer.com/CrossPlatform/player/demoL11.html (HTTP协议+RTMP协议+M3u8)

方案L2:http://www.cuplayer.com/CrossPlatform/player/demoL21.html (HTTP协议+RTMP协议+M3u8)

 

以上这么多种方案,我到底该用哪种方案?请参见http://www.cuplayer.com/CrossPlatform/ 这有答案。

 

以上方案实例下载:
http://www.52player.com/plus/download.php?open=2&id=45&uhash=6fc0952eca540caec0d89656

跨平台视频点播 方案X1:

<div class="video" id="CuPlayer" >
<SCRIPT LANGUAGE=JavaScript>
<!--
var vID        = "";
var vWidth     = "100%";
var vHeight    = 400;
var vFile      = "CuSunV2set.xml";
var vPlayer    = "player.swf?v=2.5";
var vPic       = "images/start.jpg";
var vCssurl    = "images/mini.css";
//PC,安卓,iOS
var vMp4url    = "http://demo.cuplayer.com/file/d0014rhfwk1.p1301.1.mp4";
//-->
</SCRIPT>
<script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript" src="js/CuSunX1.min.js"></script>
</div>  

跨平台视频点播 方案X2:

<div class="video" id="CuPlayer" >
<SCRIPT LANGUAGE=JavaScript>
<!--
var vID        = "";
var vWidth     = "100%";
var vHeight    = 400;
var vFile      = "CuSunV2set.xml";
var vPlayer    = "player.swf?v=2.5";
var vPic       = "images/start.jpg";
var vCssurl    = "images/mini.css";
//PC端
var vServer    = "rtmp://demo.cuplayer.com/vod";
var vMp4url    = "mp4:test.mp4";
//安卓端,iOS端,wp
var vIosurl    = "http://demo.cuplayer.com/file/d0014rhfwk1.p1301.1.mp4";
//-->
</SCRIPT>
<script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript" src="js/CuSunX2.min.js"></script>
</div>

跨平台视频点播 方案X3:

<div class="video" id="CuPlayer" >
<SCRIPT LANGUAGE=JavaScript>
<!--
var vID        = "";
var vWidth     = "100%";
var vHeight    = 400;
var vFile      = "CuSunV2set.xml";
var vPlayer    = "player.swf?v=2.5";
var vPic       = "images/start.jpg";
var vCssurl    = "images/mini.css";
//PC端,安卓端
var vServer    = "rtmp://demo.cuplayer.com/vod";
var vMp4url    = "mp4:test.mp4";
//iOS端,wp
var vIosurl    = "http://demo.cuplayer.com/file/d0014rhfwk1.p1301.1.mp4";
//-->
</SCRIPT>
<script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript" src="js/CuSunX3.min.js"></script>
</div>

跨平台视频点播 方案X4:

<div class="video" id="CuPlayer" >
<SCRIPT LANGUAGE=JavaScript>
<!--
var vID        = "";
var vWidth     = "100%";
var vHeight    = 400;
var vFile      = "CuSunV2set.xml";
var vPlayer    = "player.swf?v=2.5";
var vPic       = "images/start.jpg";
var vCssurl    = "images/mini.css";
//PC端
var vServer    = "rtmp://demo.cuplayer.com/vod2";
var vMp4url    = "mp4:media/Demo2014.mp4";
//安卓端,wp
var vAndroidurl   = "http://demo.cuplayer.com:8011/vod2/media/Demo2014.mp4";
//iOS端
var vIosurl    = "http://demo.cuplayer.com:8011/hls2-vod/Demo2014.mp4.m3u8";
//-->
</SCRIPT>
<script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript" src="js/CuSunX4.min.js"></script>
</div>

跨平台视频直播 方案L1:

<div class="video" id="CuPlayer" >
<SCRIPT LANGUAGE=JavaScript>
<!--
var vID = "";
var vWidth = "100%";
var vHeight = 400;
var vFile = "CuSunV2setLive.xml";
var vPlayer = "player.swf?v=2.5";
var vPic = "images/start.jpg";
var vCssurl = "images/mini.css";
//PC端,安卓端
var vServer = "rtmp://live.yoursite.com/live";
var vMp4url = "livestream";
//iOS端,wp
var vIosurl = "http://live.yoursite.com:8011/live/livestrem.m3u8";
//--> </SCRIPT>
<script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript" src="js/CuSunL1.min.js"> </script> </div>

跨平台视频直播 方案L2:

<div class="video" id="CuPlayer" >
<SCRIPT LANGUAGE=JavaScript>
<!--
var vID = "";
var vWidth = "100%";
var vHeight = 400;
var vFile = "CuSunV2setLive.xml";
var vPlayer = "player.swf?v=2.5";
var vPic = "images/start.jpg";
var vCssurl = "images/mini.css";
//PC端
var vServer = "rtmp://live.yoursite.com/live";
var vMp4url = "livestream";
//安卓端,iOS端,wp
var vIosurl = "http://live.yoursite.com:8011/live/livestrem.m3u8";
//--> </SCRIPT>
<script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript" src="js/CuSunL2.min.js"> </script> </div>

 

跨平台点播效果实拍(以为视频点播的效果):

酷播跨平台点播效果实拍

酷播跨平台点播效果实拍

酷播跨平台点播效果实拍

 

跨平台直播效果实拍(以下为亚洲联合卫视电视节目直播):

电视节目在线直播环境搭建服务

电视节目在线直播环境搭建服务

电视节目在线直播环境搭建服务

 

专业级流媒体直播技术服务 http://live.cuplayer.com

摄像机直播 - 电视节目直播 - USB摄像头直播 - 监控摄像头直播 - 编码机直播 - 电脑桌面直播