Nginx學(xué)習(xí)之配置RTMP模塊搭建推流服務(wù)-創(chuàng)新互聯(lián)

寫在開始

小程序升級實時音視頻錄制及播放能力,開放 Wi-Fi、NFC(HCE) 等硬件連接功能。同時提供按需加載、自定義組件和更多訪問層級等新特性,增強了第三方平臺的能力,以滿足日趨豐富的業(yè)務(wù)需求。

主要從事網(wǎng)頁設(shè)計、PC網(wǎng)站建設(shè)(電腦版網(wǎng)站建設(shè))、wap網(wǎng)站建設(shè)(手機版網(wǎng)站建設(shè))、響應(yīng)式網(wǎng)站建設(shè)、程序開發(fā)、微網(wǎng)站、小程序制作等,憑借多年來在互聯(lián)網(wǎng)的打拼,我們在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了豐富的成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計、網(wǎng)絡(luò)營銷經(jīng)驗,集策劃、開發(fā)、設(shè)計、營銷、管理等多方位專業(yè)化運作于一體,具備承接不同規(guī)模與類型的建設(shè)項目的能力。

為更高效地連接用戶與商家,小程序提供了實時音視頻錄制及播放組件。符合類目要求的小程序自助開通后,可自建或使用云服務(wù),實現(xiàn)單向、雙向甚至多向的音視頻功能,如在線授課、遠(yuǎn)程咨詢、視頻客服,以及多人會議等。

2017-12-26微信小程序推送了這樣一條消息,文檔,代碼也是簡單的一筆帶過,用戶需要自建或使用云服務(wù),實現(xiàn)單向、雙向甚至多向的音視頻功能。目前僅支持 flv, rtmp 格式。

本篇博客通過介紹使用nginx的rtmp模塊來使nginx服務(wù)支持rtmp協(xié)議,可以完成推流和播放的功能。

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

Linux (centos7),Nginx (openresty),nginx-rtmp-module

安裝

由于之前已經(jīng)安裝過了openresty,詳見博文。這里我們只需要安裝nginx-rtmp-module模塊即可。

下載并解壓模塊:

wget https://github.com/arut/nginx-rtmp-module/archive/master.zip
unzip  master.zip

停止原來的Nginx服務(wù):

nginx -s stop

配置并編輯:

./configure --add-module=/home/nginx-rtmp-module-master
make

復(fù)制Nginx:

## 路徑根據(jù)自己軟件路徑自行配置
cp /home/openresty/build/nginx-1.11.2/objs/nginx /usr/local/openresty/nginx/sbin

配置rtmp服務(wù):

rtmp {                #RTMP服務(wù)
    server {
       listen 1935;  #//服務(wù)端口
       chunk_size 4096;   #//數(shù)據(jù)傳輸塊的大小
       application vod {
           play /opt/video; #//視頻文件存放位置。
       }
       application live{ #直播
           live on;
       }
   }
}

檢查并啟動服務(wù):

nginx -t
nginx

播放

上傳一個視頻文件test.flv至/opt/video目錄。

下載一個VLC media player,工具欄-媒體-打開網(wǎng)絡(luò)串流-網(wǎng)絡(luò),然后偶輸入網(wǎng)絡(luò)URL(rtmp://ip:port/vod/test.flv),點擊播放。

Nginx學(xué)習(xí)之配置RTMP模塊搭建推流服務(wù)

回看

實時回看視頻服務(wù)器的配置:

events {
    use epoll;# 選擇epoll模型可以達(dá)到最佳的IO性能
    worker_connections  1024;
}

rtmp {                #RTMP服務(wù)
    server {
       listen 1935;  #//服務(wù)端口
       chunk_size 4096;   #//數(shù)據(jù)傳輸塊的大小
       application vod {
           play /opt/video; #//視頻文件存放位置。
       }
       application live{ #直播
           live on;
           hls on; #這個參數(shù)把直播服務(wù)器改造成實時回放服務(wù)器。
           wait_key on; #對視頻切片進行保護,這樣就不會產(chǎn)生馬賽克了。
           hls_path /opt/video/hls; #切片視頻文件存放位置。
           hls_fragment  600s;     #設(shè)置HLS片段長度。
           hls_playlist_length 10m;  #設(shè)置HLS播放列表長度,這里設(shè)置的是10分鐘。
           hls_continuous on; #連續(xù)模式。
           hls_cleanup on;    #對多余的切片進行刪除。
           hls_nested on;     #嵌套模式。
       }
   }
}

HTTP服務(wù):

server {
        listen       80;
        server_name  rtmp.52itstyle.com;

        location /stat {
          rtmp_stat all;
           rtmp_stat_stylesheet stat.xsl;
        }

        location /stat.xsl {
            root /home/nginx-rtmp-module-master/;
        }

        location / {
            root   html;
            index  index.html index.htm;
        }
        location /live {  #這里也是需要添加的字段。
            types {  
               application/vnd.apple.mpegurl m3u8;  
               video/mp2t ts;  
            }
            alias /opt/video/hls;
            expires -1;
            add_header Cache-Control no-cache; 
            add_header Access-Control-Allow-Origin *;
        }  
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

微信推流

<live-pusher webviewId="push" url="rtmp://ip:port/live/itstyle" 
    mode="HD" 
    autopush ="true"
    bindstatechange="statechange" 
    beauty = "10"
    whiteness="10"
     />

手機打開小程序頁面,進行視頻推流服務(wù),稍后我們會在/opt/video/hls/itstyle 目錄下發(fā)現(xiàn)一些ts文件和index.m3u8文件。

注意 url中的itstyle可以隨便定義,相當(dāng)于一個房間標(biāo)識。

PC推流

PC 直播是在 PC(windows/mac)上借助安裝的推流軟件 OBS(推薦)或者 XSplit 向RTMP視頻云的推流地址,推送經(jīng)過壓縮編碼現(xiàn)場活動、教學(xué)、投影或者游戲等畫面,同時觀眾可以通過和推流地址相對應(yīng)的播放地址收看實時畫面。

Nginx學(xué)習(xí)之配置RTMP模塊搭建推流服務(wù)

PC 直播流程非常簡單,主要步驟:

  • 通過RTMP自定義一個推流地址,解決往哪推流的問題;
  • 采用第三方的推流軟件,設(shè)置推流音視頻源以及編碼參數(shù),解決推什么內(nèi)容的問題;
  • 觀眾就可以使用我們提供的 RTMP DEMO 通過設(shè)置播放地址即可進行觀看,解決內(nèi)容觸達(dá)到觀眾那里的問題。

Nginx學(xué)習(xí)之配置RTMP模塊搭建推流服務(wù)

推薦閱讀:第三方推流工具使用指南

Web播放

xiaozhibo.html:

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">
        <title>小直播</title>
        <meta name="keywords" content="">
        <meta name="description" content="小直播——直播分享">
        <meta name="format-detection" content="telephone=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="msapplication-tap-highlight" content="no">
        <script src="http://imgcache.qq.com/open/qcloud/video/vcplayer/TcPlayer-2.2.1.js" charset="utf-8"></script>
    </head>
    <body>
        <div id="id_test_video" ></div>
        <script type="text/javascript">
           var player =  new TcPlayer('id_test_video', {
                "m3u8": "http://rtmp.52itstyle.com/live/itstyle002/index.m3u8",
                "autoplay" : true,//iOS下safari瀏覽器,以及大部分移動端瀏覽器是不開放視頻自動播放這個能力的
                "coverpic" : "https://blog.52itstyle.com/usr/uploads/2017/12/2652725976.jpg",
                "width" :  '480',//視頻的顯示寬度,請盡量使用視頻分辨率寬度
                "height" : '320'//視頻的顯示高度,請盡量使用視頻分辨率高度
            });
        </script>
    </body>
</html>

跨域問題crossdomain.xml放置在網(wǎng)站根目錄:

<cross-domain-policy>
  <allow-access-from domain="*.qq.com" secure="false"/>
</cross-domain-policy>

測試訪問地址:http://rtmp.52itstyle.com/xiaozhibo.html

參考文檔:

http://www.cnblogs.com/zx-admin/p/5783523.html

https://cloud.tencent.com/document/product/267

https://github.com/arut/nginx-rtmp-module/wiki/Directives#rtmp

作者: 小柒

出處: https://blog.52itstyle.com

分享是快樂的,也見證了個人成長歷程,文章大多都是工作經(jīng)驗總結(jié)以及平時學(xué)習(xí)積累,基于自身認(rèn)知不足之處在所難免,也請大家指正,共同進步。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

文章名稱:Nginx學(xué)習(xí)之配置RTMP模塊搭建推流服務(wù)-創(chuàng)新互聯(lián)
本文鏈接:http://bm7419.com/article40/dposho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站排名企業(yè)網(wǎng)站制作、網(wǎng)站制作網(wǎng)站營銷、虛擬主機外貿(mào)建站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站建設(shè)