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

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

極速搭建簡單RTMP直播流服務器

開發環境：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直播服務器，畢竟是接觸這個不到半天，還是有點復雜，編譯設置有點繁瑣。好在docker上有大把別人編譯設置好的rtmp環境，所以先拿來玩著先，有空還是自己要來搞搞的。這里用到的是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直播流服務器

下載安裝 OBS，在隨便網上找一條視頻在obs無限循環播放。obs=>設置=>流

開始推流

safari瀏覽器測試效果

RTMP直播流服務器簡單搭建成功，這個只是簡單的實現了 推流播流而已，測試發現直播有延遲大概10s左右。還需要調配像素以及貞。或者說使用成熟的第三方的推流地址與播流地址。

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