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

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

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

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

需要安裝并啟動(dòng)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ù)器，畢竟是接觸這個(gè)不到半天，還是有點(diǎn)復(fù)雜，編譯設(shè)置有點(diǎn)繁瑣。好在docker上有大把別人編譯設(shè)置好的rtmp環(huán)境，所以先拿來(lái)玩著先，有空還是自己要來(lái)搞搞的。這里用到的是alfg/nginx-rtmp庫(kù)。

• 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測(cè)試rtmp直播流服務(wù)器

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

開(kāi)始推流

safari瀏覽器測(cè)試效果

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

webapp（vue）移動(dòng)端直播

新建一個(gè)vue 項(xiàng)目

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