最簡單的拉流莫過于接著第三方播放器了娃殖,我們可以利用VLC播放器實現(xiàn)rtmp拉流。
當(dāng)安裝完vlc播放器并且客戶端已經(jīng)在推流了(推流地址為rtmp://127.0.0.1:1935/live/123),我們打開vlc懦底,在媒體中選中打開網(wǎng)絡(luò)串流井佑,然后輸入拉流地址(拉流地址與推流地址一致)
vlc播放器
然后點擊播放
拉流成功(本地視頻)
好啦花枫,華麗麗的實現(xiàn)了(現(xiàn)在本地視頻推流模式)
拉流成功(視頻監(jiān)控)
如果把推流源換成攝像頭黍瞧,拉流也同樣沒問題(攝像頭&MIC)
當(dāng)然,我們要做的完全不知這些椎例,我們最終的目的是實現(xiàn)在web上監(jiān)控攝像頭挨决,為了實現(xiàn)這些,我們可以借助video.js(測試發(fā)現(xiàn)订歪,并不是全部版本都可以實現(xiàn)脖祈,建議使用5.x.x版本,應(yīng)為必須要使用到video-js.swf文件)
首先我們得下載video.js相關(guān)文件刷晋,然后引入到頁面上盖高,頁面代碼如下:
頁面代碼
簡簡單單的代碼,重點在于拉流地址必須與推流地址一致
遠(yuǎn)行程序眼虱,效果如下
web效果
nice喻奥,web拉流華麗麗的實現(xiàn)了(現(xiàn)在本地視頻推流模式)
web效果
如果把推流源換成攝像頭,拉流也同樣沒問題(攝像頭&MIC)
至此捏悬,Nginx服務(wù)器搭建撞蚕、rtmp推流和rtmp拉流基本實現(xiàn)