摘要：極速搭建簡單直播流服務(wù)器開發(fā)環(huán)境需要安裝并啟動如果是自己使用搭建直播服務(wù)器，畢竟是接觸這個不到半天，還是有點復(fù)雜，編譯設(shè)置有點繁瑣。

  在嘗試使用webRTC實現(xiàn)webapp直播失敗后，轉(zhuǎn)移思路開始另外尋找可行的解決方案。在網(wǎng)頁上嘗試使用webRTC實現(xiàn)視頻的直播與看直播，在谷歌瀏覽器以及safari瀏覽器上測試是可行的。但是基于基座打包為webapp后不行，所以直播的話建議還是原生的好。HBuilder自帶的H5+有提供了原生的視頻播放和推流錄制上傳，但是需要有一個rtmp直播流服務(wù)器，用于測試和開發(fā)，這時就需要自建rtmp服務(wù)推流了。

極速搭建簡單RTMP直播流服務(wù)器

開發(fā)環(huán)境：macOS

需要安裝并啟動docker：?? Docker Community Edition for Mac

$ docker --version
Docker version 18.06.1-ce, build e68fc7a

$ docker-compose --version
docker-compose version 1.22.0, build f46880f

$ docker-machine --version
docker-machine version 0.15.0, build b48dc28d

  如果是自己使用nginx搭建rtmp直播服務(wù)器，畢竟是接觸這個不到半天，還是有點復(fù)雜，編譯設(shè)置有點繁瑣。好在docker上有大把別人編譯設(shè)置好的rtmp環(huán)境，所以先拿來玩著先，有空還是自己要來搞搞的。這里用到的是alfg/nginx-rtmp庫。

• Pull docker image and run:

docker pull alfg/nginx-rtmp
docker run -it -p 1935:1935 -p 8080:80 --rm alfg/nginx-rtmp

• Build and run container from source:

docker build -t nginx-rtmp .
docker run -it -p 1935:1935 -p 8080:80 --rm nginx-rtmp

直播推流地址 

rtmp://:1935/stream/$STREAM_NAME

播流地址

http://:8080/live/$STREAM_NAME.m3u8

使用OBS測試rtmp直播流服務(wù)器

下載安裝 OBS，在隨便網(wǎng)上找一條視頻在obs無限循環(huán)播放。obs=>設(shè)置=>流

開始推流

safari瀏覽器測試效果

RTMP直播流服務(wù)器簡單搭建成功，這個只是簡單的實現(xiàn)了 推流播流而已，測試發(fā)現(xiàn)直播有延遲大概10s左右。還需要調(diào)配像素以及貞?；蛘哒f使用成熟的第三方的推流地址與播流地址。

webapp（vue）移動端直播

新建一個vue 項目

livepusher.vue

videoplayer.vue

推流效果與播流效果

參考鏈接：

nginx-rtmp

http://ask.dcloud.net.cn/article/13416

https://imququ.com/post/html5-live-player-3.html

https://blog.csdn.net/yelin042/article/details/78133945