Nginx에 RTMP 모듈

목표이 x.264, 출력 HLS 라이브 스트림을 수신 . 그렇게되기 위해서, Nginx는 HLS로 라이브 스트림을 출력해야합니다.Nginx에 RTMP 모듈

내 파트너는 다음 Nginx에 파일을 설정하지만, 아무것도 (이 유래에서이 대답은 다음 이루어졌다 ->answer)가 발생하지 않았다

#user nobody; 
worker_processes 1; 

#error_log logs/error.log; 
#error_log logs/error.log notice; 
#error_log logs/error.log info; 

#pid  logs/nginx.pid; 


events { 
    worker_connections 1024; 
} 


http { 
    include  mime.types; 
    default_type application/octet-stream; 


    sendfile  on; 
    keepalive_timeout 65; 

    server { 
     listen  8080; 
     server_name localhost; 

     location/{ 
      root html; 
      index index.html index.htm; 
     } 

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

    location /stat.xsl { 
      # you can move stat.xsl to a different location 
      root /usr/build/nginx-rtmp-module; 
     } 

     # rtmp control 
     location /control { 
      rtmp_control all; 
     } 

     # Client (VLC etc.) can access HLS here. 
     location /hls { 
      # Serve HLS fragments 
      types { 
      application/vnd.apple.mpegurl m3u8; 
      video/mp2t ts; 
      } 
      root /tmp; 
      add_header Cache-Control no-cache; 
     } 

     error_page 500 502 503 504 /50x.html; 
     location = /50x.html { 
      root html; 
     } 

    } 

} 

rtmp { 
     server { 
       listen 1935; 
       chunk_size 4096; 

       application live { 
         live on; 
         record off; 
       } 

       application directo { 
         live on; 
         record off; 
       } 

       # You should send x.264/aac RTMP Stream via ffmpeg to this application 
       application hls { 
        allow play all; 
        live on; 
        hls on; 
        hls_path /tmp/hls; 
       } 
     } 
}

을 그리고 이것은 스트리밍 구성을 OBS 캡처입니다 :

PC는 잘 스트림을 볼 수 있지만 이동은 할 수 없습니다.

누구나 가질 수있는 의견에 감사드립니다.

출처

2016-08-04 Chayemor

우선, RTMP 옵션을 통해 인코더를 서버의 IP 주소로 지정해야합니다. 이것이 가장 먼저해야 할 일입니다. 나는 우분투 16.04 LTS를 통해 테스트를했다

# RTMP configuration 
rtmp { 
    server { 
    listen 1935; # Listen on standard RTMP port 
    chunk_size 4000; 

    # This application is to accept incoming stream 
    application live { 
     live on; # Allows live input 

     # Once receive stream, transcode for adaptive streaming 
     # This single ffmpeg command takes the input and transforms 
     # the source into 4 different streams with different bitrate 
     # and quality. P.S. The scaling done here respects the aspect 
     # ratio of the input. 
     exec ffmpeg -i rtmp://localhost/$app/$name -async 1 -vsync -1 
        -c:v libx264 -c:a libvo_aacenc -b:v 256k -b:a 32k -vf "scale=480:trunc(ow/a/2)*2" -tune zerolatency -preset veryfast -crf 23 -f flv rtmp://localhost/show/$name_low 
        -c:v libx264 -c:a libvo_aacenc -b:v 768k -b:a 96k -vf "scale=720:trunc(ow/a/2)*2" -tune zerolatency -preset veryfast -crf 23 -f flv rtmp://localhost/show/$name_mid 
        -c:v libx264 -c:a libvo_aacenc -b:v 1024k -b:a 128k -vf "scale=960:trunc(ow/a/2)*2" -tune zerolatency -preset veryfast -crf 23 -f flv rtmp://localhost/show/$name_high 
        -c:v libx264 -c:a libvo_aacenc -b:v 1920k -b:a 128k -vf "scale=1280:trunc(ow/a/2)*2" -tune zerolatency -preset veryfast -crf 23 -f flv rtmp://localhost/show/$name_hd720 
        -c copy -f flv rtmp://localhost/show/$name_src; 
    } 

    # This application is for splitting the stream into HLS fragments 
    application show { 
     live on; # Allows live input from above 
     hls on; # Enable HTTP Live Streaming 

     # Pointing this to an SSD is better as this involves lots of IO 
     hls_path /mnt/hls/; 

     # Instruct clients to adjust resolution according to bandwidth 
     hls_variant _low BANDWIDTH=288000; # Low bitrate, sub-SD resolution 
     hls_variant _mid BANDWIDTH=448000; # Medium bitrate, SD resolution 
     hls_variant _high BANDWIDTH=1152000; # High bitrate, higher-than-SD resolution 
     hls_variant _hd720 BANDWIDTH=2048000; # High bitrate, HD 720p resolution 
     hls_variant _src BANDWIDTH=4096000; # Source bitrate, source resolution 
    } 
} 
} 

http { 

# This optimizes the server for HLS fragment delivery 
sendfile off; 
tcp_nopush on; 
aio on; 
directio 512; 

# HTTP server required to serve the player and HLS fragments 
server { 
    listen 80; 

    location/{ 
     root /path/to/web_player/; 
    } 

    location /hls { 
     types { 
      application/vnd.apple.mpegurl m3u8; 
     } 

     root /mnt/; 
     add_header Cache-Control no-cache; # Prevent caching of HLS fragments 
     add_header Access-Control-Allow-Origin *; # Allow web player to access our playlist 
    } 
} 
}

출처

2017-06-21 20:38:54 superdianix

그리고 그 다음 지침 작동 : 그럼, 그 후 당신은 예를 들어, 당신은 단지 배치 구성 파일에 지시문을 추가해야

cd $HOME 
git clone https://github.com/arut/nginx-ts-module.git 
wget https://nginx.org/download/nginx-1.13.8.tar.gz 
git clone https://github.com/sergey-dryabzhinsky/nginx-rtmp-module.git 
sudo apt-get install build-essential libpcre3 libpcre3-dev libssl-dev 
tar -xf nginx-1.13.8.tar.gz 
cd nginx-1.13.8/ 
sudo apt update 
sudo apt install autoconf automake build-essential libpcre3 libpcre3-dev libssl-dev 
./configure --with-http_ssl_module --add-module=../nginx-rtmp-module --with-http_stub_status_module --add-module=../nginx-ts-module 
make 
sudo make install

cd /usr/local/nginx/conf/ 
sudo nano nginx.conf

컨퍼런스 파일 :

worker_processes auto; 
events { 
    worker_connections 1024; 
} 

# RTMP configuration 
rtmp { 
    server { 
     listen 1935; # Listen on standard RTMP port 
     chunk_size 4000; 

     application show { 
      live on; 
      # Turn on HLS 
      hls on; 
      hls_path /mnt/hls/; 
      hls_fragment 3; 
      hls_playlist_length 60; 
      # disable consuming the stream from nginx as rtmp 
      deny play all; 
    # Instruct clients to adjust resolution according to bandwidth 
      hls_variant _low BANDWIDTH=512000; # Low bitrate, sub-SD resolution 
      hls_variant _mid BANDWIDTH=1024000; # Medium bitrate, SD resolution 
      hls_variant _hd720 BANDWIDTH=2048000; # High bitrate, HD 720p resolution 
     } 

    } 
} 

http { 
    sendfile off; 
    tcp_nopush on; 
    #aio on; 
    directio 512; 
    default_type application/octet-stream; 

    server { 
     listen 8080; 

     location/{ 
      # Disable cache 
      add_header 'Cache-Control' 'no-cache'; 

      # CORS setup 
      add_header 'Access-Control-Allow-Origin' '*' always; 
      add_header 'Access-Control-Expose-Headers' 'Content-Length'; 

      # allow CORS preflight requests 
      if ($request_method = 'OPTIONS') { 
       add_header 'Access-Control-Allow-Origin' '*'; 
       add_header 'Access-Control-Max-Age' 1728000; 
       add_header 'Content-Type' 'text/plain charset=UTF-8'; 
       add_header 'Content-Length' 0; 
       return 204; 
      } 

      types { 
       application/dash+xml mpd; 
       application/vnd.apple.mpegurl m3u8; 
       video/mp2t ts; 
      } 
     location /stats { 
     stub_status; 
     } 


      root /mnt/; 
     }

그럼 당신은의 .conf 파일을 업데이트해야 6,

는 (먼저 죽일 후 다시 시작) 귀하의 nginx 서버를 시작하려면 :

sudo /usr/local/nginx/sbin/nginx -s stop 
sudo /usr/local/nginx/sbin/nginx

당신의 nginx 서버의 통계를 보려면 : 어디 서버의 공용 IP입니다. 같은 OBS 같은 인코더에서

http://<ip_of_your_nginx_server>:8080/stats

RTMP : /// 쇼/stream_hd720 는 최대 128kbps에서 2500kbps에서 1280 * 720 1 개 오디오 스테레오를 수행하는 ADRESS와의 nginx 서버에 스트림 당신이 VLC에 스트림을보고 싶다면

: 네트워크 스트림을 열고 그 붙여 넣기 :

http://<ip_of_your_nginx_server>:8080/hls/stream.m3u8

스트림이 표시되어야합니다.

당신이 당신의 시청자가 무료로 스트림을 볼 수있는 HLS 플레이어를 호스트 할 경우

sudo apt install screen

화면 세션에서 HTTP 서버를 넣어 :

screen -dmS httpSTREAM

액세스 화면에 :

screen -r httpSTREAM

그런 다음 서버를 시작

python -m SimpleHTTPServer 7788

HLS 플레이어를 사용하여 HTML 페이지를 만듭니다

touch player.html 
sudo nano player.html

및 붙여 넣기가 : 그런 다음에서 플레이어에 액세스

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 
    <title>CHAN.1</title> 

    <!-- Bootstrap --> 
    <!-- Latest compiled and minified CSS --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 

    <!-- Optional theme --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> 

    <!-- Latest compiled and minified JavaScript --> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 
    <!--[if lt IE 9]> 
     <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> 
     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 
    <![endif]--> 
    </head> 
<body> 

<h1>CHAN 2018 - STREAM.1</h1> 

<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script> 
<div class="well"> 
<div class="embed-responsive embed-responsive-16by9"> 
    <video id="video" width=720 class="video-js vjs-default-skin" controls></video> 
</div> 
</div> 
<script> 
    if(Hls.isSupported()) { 
    var video = document.getElementById('video'); 
    var hls = new Hls(); 
    hls.loadSource('http://163.172.128.64:8080/hls/stream.m3u8'); 
    hls.attachMedia(video); 
    hls.on(Hls.Events.MANIFEST_PARSED,function() { 
     video.play(); 
    }); 
} 
</script> 

<div id="footer"> 
     <font size="2">&nbsp;&copy; Ekla Ingenierie - 2018 <a href="http://www.ekla.tv">www.ekla.tv</a></font> 
</div> 

</body> 
</html> 
[email protected]:~$ cat player.html 
<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 
    <title>CHAN.1</title> 

    <!-- Bootstrap --> 
    <!-- Latest compiled and minified CSS --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 

    <!-- Optional theme --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> 

    <!-- Latest compiled and minified JavaScript --> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 
    <!--[if lt IE 9]> 
     <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> 
     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 
    <![endif]--> 
    </head> 
<body> 

<h1>My Stream</h1> 

<div class="well"> 
<div class="embed-responsive embed-responsive-16by9"> 
    <video id="video" width=720 class="video-js vjs-default-skin" controls></video> 
</div> 
</div> 
<script> 
    if(Hls.isSupported()) { 
    var video = document.getElementById('video'); 
    var hls = new Hls(); 
    hls.loadSource('http://<ip_of_your_nginx_server>:8080/hls/stream.m3u8'); 
    hls.attachMedia(video); 
    hls.on(Hls.Events.MANIFEST_PARSED,function() { 
     video.play(); 
    }); 
} 
</script> 

<div id="footer"> 
     <font size="2">&nbsp;&copy; MyStreaming - 2018</font> 
</div> 

</body> 
</html>

여러분의 필요에 올바른 IP hls.loadSource('http://<ip_of_your_nginx_server>:8080/hls/stream.m3u8');와 그 줄을 변경 크롬 브라우저 및 붙여 넣기 해당 링크 :

http://<ip_of_your_nginx_server>:7788/player.html

이제 완전한 스트리밍을 !!

출처

2018-01-08 08:34:13

Nginx에 RTMP 모듈

답변

관련 문제