HTML 直播 RTMP流實時播放
直接帖代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div id="playercontainer"></div>
<script type="text/javascript" src="js/cyberplayer.js"></script>
<script type="text/javascript">
var player = cyberplayer("playercontainer").setup({
width: 680,
height: 448,
file: "rtmp://cyberplayerplay.kaywang.cn/cyberplayer/demo201711-L1",
autostart: true,
stretching: "uniform",
volume: 100,
controls: true,
rtmp: {
reconnecttime: 5, // rtmp直播的重連次數
bufferlength: 1 // 緩衝多少秒之後開始播放 默認1秒
},
ak: "gC4c68fZAyFKhKgjjFWIhyeNDC0V9x2n"
});
</script>
</body>
</html>
這是 我自己修改了js之後的效果，去掉了百度ak驗證，去掉了logo，其他功能都正常，可以用，代碼都是封裝好的，對自己來說也簡單些。
關於cyberplayer參數設置說明：
| flashplayer | 指定flash播放器swf文件的存放地址，可以是相對路徑，也可以http協議開頭的絕對路徑。省略該參數則自動在js所在路徑尋找cyberplayer.flash.swf文件。 |
|---|---|
| width | 指定要創建的播放窗口的寬度。 |
| height | 指定要創建的播放窗口的高度。 |
| autostart | 設置是否在播放器載入後自動播放：true : 自動播放；false : 不自動播放。 |
| repeat | 設置視頻的重複播放模式，重複模式分爲：1.false:無重複； 2.true:重複播放 |
| file | 設置媒體流名稱或文件名或M3U8播放列表地址 |
| image | 設置媒體流的預覽圖 |
| volume | 設置播放器音量大小，範圍（0 - 100） |
| controls | 設置播放器控制條的顯示模式，顯示模式分爲：1.none:不顯示；2.over:懸浮（鼠標無操作時自動隱藏） |
| barLogo | 設置是否顯示Logo，controls的子參數，可選值爲true (顯示)，false（不顯示） |
| skin | 設置播放器皮膚包 |
| stretching | 設置播放器縮放方式，縮放方式分爲：1.none:不縮放；2.uniform:添加黑邊縮放；3. exactfit:改變寬高比縮到最大；4.fill:剪切並縮放到最大（默認方式爲uniform） |
源碼下載：鏈接: https://pan.baidu.com/s/1Ls8K757KZ3t-iCSWFfXMkQ 提取碼: pffb
這個是百度雲提供的，目前需要ak驗證，大家可以自行研究一下