CyberPlayer 簡介
CyberPlayer 是百度官方推出的用于開發(fā)網(wǎng)頁播放器的軟件開發(fā)工具包,其主要特點(diǎn)如下:
- 支持Flash與HTML5兩種模式
- 支持廣泛的流式視頻格式,支持FLV/MP4等格式的漸進(jìn)式和流式下載播放,支持基于RTMP/RTMPT等流式協(xié)議的視頻流播放,支持播放使用Apple公司HTTP Live Streaming協(xié)議傳輸?shù)牧魇揭曨l(M3U8),并可自適應(yīng)切換碼率。
- 支持加密視頻播放,播放內(nèi)核實(shí)現(xiàn)了對(duì)AES128加密的HLS視頻進(jìn)行解密和播放,便于企業(yè)用戶對(duì)視頻內(nèi)容進(jìn)行加密保護(hù)。
- 支持多碼率視頻
CyberPlayer 使用
- CyberPlayer 資源文件
player
├─ cyberplayer.js
└─ cyberplayer.flash.swf
- 新建 demo.html, 引入 cyberplayer.js
<script src="./js/cyberplayer.js"></script>
- 聲明 player div, 并初始化播放器
<div id="dvplay"></div>
var player = cyberplayer("dvplay").setup({
flashplayer: "cyberplayer.flash.swf",
stretching: "uniform",
file: "視頻源鏈接",
image: "視頻源封面圖片鏈接",
width: 400,
height: 300,
autostart: true,
repeat: false,
volume: 100,
controls: true,
controlbar: {
barLogo: false
}
});
- 參數(shù)說明
| 參數(shù)名稱 | 參數(shù)解釋 | 備注 |
|---|---|---|
| flashplayer | 指定flash播放器swf文件的存放地址,可以是相對(duì)路徑,也可以http協(xié)議開頭的絕對(duì)路徑。省略該參數(shù)則自動(dòng)在js所在路徑尋找cyberplayer.flash.swf文件。 | 可選 |
| width | 指定要?jiǎng)?chuàng)建的播放窗口的寬度。 | 指定要?jiǎng)?chuàng)建的播放窗口的高度。必選 |
| height | 指定要?jiǎng)?chuàng)建的播放窗口的高度。 | 必選 |
| autostart | 設(shè)置是否在播放器載入后自動(dòng)播放:true : 自動(dòng)播放;false : 不自動(dòng)播放。 | 可選 |
| repeat | 設(shè)置視頻的重復(fù)播放模式,重復(fù)模式分為:1.false:無重復(fù); 2.true:重復(fù)播放 | 可選 |
| file | 設(shè)置媒體流名稱或文件名或M3U8播放列表地址 | 必選 |
| image | 設(shè)置媒體流的預(yù)覽圖 | 可選 |
| volume | 設(shè)置播放器音量大小,范圍(0 - 100) | 可選 |
| controls | 設(shè)置播放器控制條的顯示模式,顯示模式分為:1.none:不顯示;2.over:懸?。ㄊ髽?biāo)無操作時(shí)自動(dòng)隱藏) | 可選 |
| barLogo | 設(shè)置是否顯示Logo,controls的子參數(shù),可選值為true (顯示),false(不顯示) |
可選 |
| skin | 設(shè)置播放器皮膚包 | 可選 |
| stretching | 設(shè)置播放器縮放方式,縮放方式分為:1.none:不縮放;2.uniform:添加黑邊縮放;3. exactfit:改變寬高比縮到最大;4.fill:剪切并縮放到最大(默認(rèn)方式為uniform) | 可選 |