HLS:(HTTP Live Streaming)
This project based on osmf and osmf-hls-plugin,is used to playback Apple HLS video streams in Flash video player.
- support: *.m3u8
- platform:win/mac/ipad/iphone (android?)
- browser: ie6+/chrome/safari/firefox
- flash version: > 10.1
- build a container
<div id="container"></div>
- import api file: /PlayerAPI/playerAPI.js
<script type="text/javascript" src="./playerAPI.js"></script>
- init player
var player = diskPlayer({ //容器id containerId: 'container', //flash地址 src: '/PlayerAPI/DiskPlayer.swf?t=1418721152632', //资源地址 file: 'http://xxx.baidu.com/video.m3u8' });
-
player.play()
-
player.pause()
-
player.seek(num)
@param {Number} num
-
player.getState()
@returns {String} 'playing' || 'paused' || 'buffering'
-
player.getVolume()
@returns {Number} 0 ~ 100
-
player.setVolume(num)
@param {Number} num 0 ~ 100
-
player.getPosition()
@returns {Number} 0 ~ player.getDuration()
-
player.getDuration()
@returns {Number}
-
player.destroy()
player callback list:
-
player.onReady(func)
@param {Function} func()
-
player.onLoad(func)
@param {Function} func()
-
player.onError(func)
@param {Function} func()
-
player.onOver()
@param {Function} func()
-
player.onTime(time, total)
@param {Function} func(time, total)
<!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>diskPlayer 播放示例</title> <style type="text/css"> body { margin: 0; padding: 0; } #container { width: 800px; height: 400px; } </style> </head> <body> <div id="container"> </div> <!-- 导入 api 文件 --> <script type="text/javascript" src="./playerAPI.js"></script> <script type="text/javascript"> (function() { if (!diskPlayer) { return; } var player = diskPlayer({ //容器id containerId: 'container', //flash地址 src: '/DiskPlayer.swf?t=1418721152632', //资源地址 file: 'http://xxx.baidu.com/video.m3u8' }, function(type, info ,msg) { //错误回调 if (type === 0) { //标识是 ipad/iphone, 注意相关接口的兼容性 } else if (type === 1) { //flash 没有安装 或 版本过低,> 10.1 info 为当前版本 //在此处可以添加相关 flash 引导 } }); //播放回调 player.onTime(function(time, total){ }); player.onReady(function() { console.log('onReady, 资源文件加载成功'); }); player.onLoad(function() { console.log('onLoad, 播放器初始化完成'); }); player.onOver(function() { console.log('onOver, 播放结束'); }); })(); </script> </body> </html>
-
UI:
/PlayerUI/src/PlayerUI.fla
-
Source:
/OSMF /HLSPlugin /DiskPlayer
-
API:
PlyerAPI
- [osmf] (http://blogs.adobe.com/osmf/)
- [osmf-hls-plugin] (https://github.com/denivip/osmf-hls-plugin)
- 修复在ipad/iphone 端的接口和以上接口保持一致
- 添加 autostart 参数