3-視頻傳輸,監控,直播方案-網頁端播放視頻流(RTMP,HLS,m3u8)


<p><iframe name="ifd" src="https://mnifdv.cn/resource/cnblogs/video_transmission" frameborder="0" scrolling="auto" width="100%" height="1500"></iframe></p>

 

說明

這節來看一下如何使用網頁端播放視頻流.

網頁端有各種寫好的插件來播放視頻,這里選擇 EasyPlayer.js

 

把EasyPlayer.js源碼放到服務器

 

 

1,上傳EasyPlayer.js壓縮包到網站根目錄(方式1);    下面還有個方式可以直接用git拉取,不需要自己上傳

 

 

 

解壓

 

 

 

 

 

 

 

 

2,使用git下載(方式2);

在網站根目錄點擊終端,然后輸入一下git地址,然后點擊回車

git clone git://github.com/tsingsee/EasyPlayer.js.git

 

 

 

 

測試

1.里面有個可以直接測試的 demo

 

2.在瀏覽器上輸入 http://自己服務器的IP地址/EasyPlayer.js/demo/html

我的等半分鍾以后才加載出來......

 

 

3.記得根據上一節的教程一直推着數據流哈(我這次就一直推這個字符串)

 

 

 

 

 

4.(先測試RTMP) 在播放地址對話框輸入自己的RTMP數據流地址

我的是 rtmp://116.62.178.48/hls/yang (這個根據自己的寫哈,不記得的看上一節那個VLC拉流軟件里面的地址是怎么寫的)

 

 

 

 

 

5.(測試m3u8) 在播放地址對話框輸入自己的 xxx.m3u8數據流路徑

我的是 http://116.62.178.48/hls/yang.m3u8 (這個根據自己的寫哈,不記得的看上一節那個VLC拉流軟件里面的地址是怎么寫的)

 

 

等啊等...................

 

 

其它

1.提供的例程一個是html的,另一個是加了vue的

 

 

2.引用其實挺簡單

 

 

 

3.其它EasyPlayer各種字段什么的,各種花里胡哨什么的---百度就好了.

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM