在Centos6.5+Nginx+RTMP流媒體服務(直播、點播)一文中介紹了搭建點播服務的過程,按照conf中的配置,點播播放時可以支持兩種協議,一種rtmp,另外一種是http,剛開始不知道這兩種有什么區別,經過一番測試,有以下結果
-
rtmp vod(播放器不下載視頻文件)
rtmp://10.2.44.216/vod/flv:large.flv 不可拖動,需要使用其它工具插入關鍵幀,生成性的flv
-
http vod(播放器會下載視頻文件) 都可拖動
http://10.2.44.216:8080/vod/large.flv 播放一開始,直接下載整個文件
http://10.2.44.216:8080/vod/large.mp4 邊播放邊下載,貌似是播多少下載多少
測試頁面代碼
player.html
<html>
<head>
<script src="./jwplayer/jwplayer.js"></script>
<script>jwplayer.key="請輸入自己的jwplayer.key";</script>
</head>
<body>
<div>rtmp://10.2.44.216/vod/mp4:test_264.mp4</div>
<div id='my-video0'></div>
<script type='text/javascript'>
jwplayer('my-video0').setup({
file:'rtmp://10.2.44.216/vod/mp4:test_264.mp4'
});
</script>
<!-- <div>http://10.2.44.216:8080/hls/test.m3u8</div>
<div id='my-video'></div>
<script type='text/javascript'>
jwplayer('my-video').setup({
file:'http://10.2.44.216:8080/hls/flv:live.m3u8'
});
</script> -->
<div>rtmp://10.2.44.216/vod/mp4:large.mp4</div>
<div id='my-video'></div>
<script type='text/javascript'>
jwplayer('my-video').setup({
file:'rtmp://10.2.44.216/vod/mp4:large.mp4'
});
</script>
<div>rtmp://10.2.44.216/vod/flv:large.flv</div>
<div id='my-video-flv'></div>
<script type='text/javascript'>
jwplayer('my-video-flv').setup({
file:'rtmp://10.2.44.216/vod/flv:large.flv'
});
</script>
<div>rtmp://10.2.44.216/myapp/live</div>
<div id='my-video1'></div>
<script type='text/javascript'>
jwplayer('my-video1').setup({
file:'rtmp://10.2.44.216/myapp/live'
});
</script>
<div>http://10.2.44.216:8080/vod/large.flv</div>
<div id='my-video2'></div>
<script type='text/javascript'>
jwplayer('my-video2').setup({
file:'http://10.2.44.216:8080/vod/large.flv'
});
</script>
<div>http://10.2.44.216:8080/vod/large.mp4</div>
<div id='my-video3'></div>
<script type='text/javascript'>
jwplayer('my-video3').setup({
file:'http://10.2.44.216:8080/vod/large.mp4'
});
</script>
</body>
</html>
測試步驟
- 準備兩個視頻文件,放入/var/flvs/中,一個large.mp4,一個large.flv(通過ffmpeg轉碼生成)
- 將player.html放在Apache或者Nginx html目錄中,這里注意加載jwplayer.js路徑,保證其加載成功
- 在Chrome中打開player.html,打開控制臺,查看網絡加載狀態
測試
測試過程
rtmp://10.2.44.216/vod/mp4:large.mp4
rtmp://10.2.44.216/vod/flv:large.flv
點擊播放,立馬開始下載整個large.flv
http://10.2.44.216:8080/vod/large.flv
頁面load進來,就有一個large.mp4加載進來,但是只有幾M,播放開始之后,緩緩的變大
http://10.2.44.216:8080/vod/large.mp4