今天我们来看看Aliplayer(阿里云Web播放器)的实际调试代码 ,因Aliplayer支持Flash和Html5两种播放技术,兼容性不一样,所有在实际运用的时候,大家可按需选择!
支持格式:(阿里云Web播放器SDK,同时支持Flash和Html5两种播放技术。)
Flash 模式(已停止更新):
视频格式:mp4、flv、m3u8、rtmp
视频编码:H.264
音频编码:AAC、MP3
音频格式:MP3
HTML5 模式:视频格式:mp4、m3u8、flv
视频编码:H.264
音频编码:AAC
音频格式:mp3
Flash直播演示实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge" >
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
<title>Aliplayer Online Settings</title>
<link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.8/skins/default/aliplayer-min.css" />
<script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/de/prismplayer/2.8.8/aliplayer-min.js"></script>
</head>
<body>
<div class="prism-player" id="player-con"></div>
<script>
var player = new Aliplayer({
"id": "player-con",
"source": "http://cctvalih5ca.v.myalicdn.com/live/cctv13_2/index.m3u8",//播放地址,支持MP4、m3u8
"width": "100%",
"height": "500px",
"autoplay": true,
"isLive": true,
"rePlay": false,
"showBuffer": true,
"snapshot": false,
"showBarTime": 5000,
"useFlashPrism": true,
"skinLayout": [
{
"name": "bigPlayButton",
"align": "blabs",
"x": 30,
"y": 80
},
{
"name": "errorDisplay",
"align": "tlabs",
"x": 0,
"y": 0
},
{
"name": "infoDisplay"
},
{
"name": "controlBar",
"align": "blabs",
"x": 0,
"y": 0,
"children": [
{
"name": "liveDisplay",
"align": "tlabs",
"x": 15,
"y": 25
},
{
"name": "fullScreenButton",
"align": "tr",
"x": 10,
"y": 25
},
{
"name": "volume",
"align": "tr",
"x": 10,
"y": 25
}
]
}
]
}, function (player) {
console.log("The player is created");
}
);
</script>
</body>
实际使用时可以吧播放地址改成:“<?php echo($_REQUEST[‘url’]);?>’”那么调用的时候,就是文件链接地址在结尾加上“?url=”加视频地址就可以播放了;此方法使用所有播放器项目哦,下面演示也是参考这里
Html5点播演示实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge" >
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
<title>Aliplayer Online Settings</title>
<link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.8/skins/default/aliplayer-min.css" />
<script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/de/prismplayer/2.8.8/aliplayer-min.js"></script>
</head>
<body>
<div class="prism-player" id="player-con"></div>
<script>
var player = new Aliplayer({
"id": "player-con",
"source": "https://api.41118.cn.cn/video.m3u8",//点播地址,使用情参考上面的方法
"width": "100%",
"height": "500px",
"autoplay": true,
"isLive": false,
"rePlay": false,
"playsinline": true,
"preload": true,
"controlBarVisibility": "hover",
"useH5Prism": true
}, function (player) {
console.log("The player is created");
}
);
</script>
</body>
常见问题FAQ
- 源码会提供后续更新服务吗?
- 只要是源码有了新的版本发布,且被本站或在本站投稿的朋友获得了,那么我们就会发布出来,凡是vip会员都可享受免费下载更新的权限!
- 提示下载完但解压或打开不了?
- 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
- 本站源码是否支持退款?
- 本站属于自动发货下载,大部分来自于网络共享,还有一部分源码是本站会员发布的以及站长原创的,源码是虚拟产品一旦购买是不支持退款的,感谢同行以及尊贵的会员理解!
- 本站源码是否可以商用?
- 本站所有源码版权归原作者所有,中文源码提供的源码只能用于学习研究,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
- 所有源码是否100%完整可运营?
- 我们只是源码的搬运工,因为时间、精力、条件和源码的复杂程度等诸多因素的限制,导致我们无法去对每一套源码都去做一个全面且深入的测试,所以我们无法保证站内所发布的源码全部都100%完整可运营,所以关于此问题就无法给大家做出任何承诺了。
- 本站解压密码多少?
- 若无特别声明,本站解压密码统一为:www.ilingku.com