搭建一個點播跟直播流媒體伺服器玩玩
阿新 • • 發佈:2020-10-19
> 現在抖音、快手等直播實在是太火了,因此對音視訊的開發非常感興趣,查閱了相關資料,使用Nginx搭建一個簡單的直播跟點播流媒體伺服器,能夠實時推流到伺服器,同時在網頁端播放直播的視訊。
## 先上效果
使用OBS軟體錄製電腦桌面操作**推流**到自己搭建的流媒體伺服器,然後在網頁**拉流**播放。當然也可以採集攝像頭、麥克風推流,或者推送本地視訊到流媒體伺服器。
![](https://i.loli.net/2020/10/18/yO24gYIdNUXD68m.gif)
## 搭建步驟
### Ubuntu18.04安裝nginx-flv模組擴充套件
這裡我是用虛擬機器安裝了Ubuntu18.04先下載nginx1.19.3的原始碼與nginx-http-flv-module的原始碼。
```
wget https://github.com/winshining/nginx-http-flv-module/archive/master.zip
wget http://nginx.org/download/nginx-1.19.3.tar.gz && tar -zxvf nginx-1.19.3.tar.gz
```
解壓下載的個原始碼進行編譯,這樣一個Nginx搭建的流媒體伺服器就好了。
```
cd nginx-1.19.3 #進入nginx原始碼目錄
./configure --add-module=../nginx-http-flv-module-master
vim objs/Makefile #刪除-Werror
make
make install
```
## 進行點播與直播配置
上面已經安裝好了nginx,編輯/usr/local/nginx/conf/nginx.conf進行相關配置。這裡直接貼出完整的配置。其中rtmp為開啟rtmp服務功能,並且為了能夠在網頁端播放開啟了hls。推流的rmtp流會轉換成hls協議的ts切片,儲存在伺服器上,nginx配置了location讓網頁能夠訪問切好的hls切片。
這裡解釋下rtmp是adobe的私有協議,必須使用flash播放。hls是蘋果開發的視訊傳輸協議使用http進行傳輸。ios跟android支撐的都很好,一般進行跨平臺直播使用hls協議比較常見。
```nginx
#user nobody;
worker_processes 1;
events {
worker_connections 1024;
}
rtmp { #RTMP服務
server {
listen 1935; #//服務埠
chunk_size 4096; #//資料傳輸塊的大小
application vod {
play /opt/video/vod; #//視訊檔案存放位置。
}
application live{
live on; #直播
hls on; #把直播伺服器改造成實時回發伺服器,視訊切片成ts
wait_key on; #對視訊切片進行保護
hls_path /opt/video/rtmp/hls; #ts切片存放位置
hls_fragment 10s; #切片大小
hls_playlist_length 60s; #回看的時間
hls_continuous on; #連續模式
hls_cleanup on; #對多餘切片進行刪除
hls_nested on; #巢狀模式
}
}
}
http {
include mime.types;
default_type application/octet-stream;
sendfile on;
keepalive_timeout 65;
server {
listen 80;
server_name localhost;
location /stat { #第二處新增的location欄位。
rtmp_stat all;
rtmp_stat_stylesheet stat.xsl;
}
location /stat.xsl { #第二處新增的location欄位。
root /usr/local/nginx-http-flv-module/;
}
location /hls {
types {
application/vnd.apple.mpegurl m3u8;
video/mp2t ts;
}
alias /opt/video/rtmp/hls;
add_header Cache-Control no-cache;
add_header Access-Control-Allow-Origin *;
}
location / {
root html;
index index.html index.htm;
}
}
```
## 進行測試
使用obs推流推送到rtmp://192.168.227.128/live串流金鑰隨便填寫即可。
![image-20201017125252531](https://i.loli.net/2020/10/17/htXIEPV4Nl3ODz8.png)
h5網頁端採用video.js進行播放直播流視訊,這裡的播放的地址是切好片的m3u8檔案地址,m3u8存放了每一個小切片的地址。
```html
```
上面的nginx配置還配置了本地視訊檔案點播配置,把視訊檔案放在/opt/video/vod位置,使用vlc填寫rtmp://192.168.227.128/vod/qlgame.mp4進行播放即可。
![image-20201018163103770](https://i.loli.net/2020/10/18/s5x14WuYrSeAqQp.png)
**以上搭建只是測試學習使用,實際音視訊開發涉及採集、編碼、推流、傳輸、拉流、解碼等等過程,每一個過程都設計許多知識。後面音視訊開發學習筆記,等我攢了一些筆記發出來互相學習。**