技術共有

nginx のインストールと構成ビデオサーバー - Windows

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

nginxをコンパイルしてインストールする

1. Perlをインストールする

インストールアドレス: https://strawberryperl.com、msi インストーラーを選択するだけです

2. Windows 用の sed をインストールする

ダウンロードアドレス: https://sourceforge.net/projects/gnuwin32/files/sed/ インストールプログラムの実行後、インストールパッケージの bin ディレクトリを環境変数に設定します。

3. Visual Studio 2022 コミュニティ バージョンをインストールする

4. からnginx は、以下の URL からダウンロードできます。バージョン 1.26.1 のソース コードをダウンロードし、ソース コード内に新しいディレクトリ objslib を作成します

nginx-http-flv-module をダウンロードします。https://github.com/winshining/nginx-http-flv-モジュール(バージョン1.2.10)

ダウンロード:https://github.com/PCRE2Project/pcre2/tags(バージョン10.2.39)

zlib をダウンロードします。https://github.com/madler/zlib(バージョン1.3.1)

openssl をダウンロードします。https://www.openssl.org/source/index.html(バージョン3.0.13)

nginx-http-flv-module、openssl、pcre、zlib をこのディレクトリにコピーして解凍します。

5. nginx コンパイルパラメータを表示する

nginx-1.26.1 のコンパイル済みバージョンをダウンロードし、nginx.exe -V を実行すると、次の結果が得られます。

configure arguments: --with-cc=cl --builddir=objs.msvc8 --with-debug --prefix= --conf-path=conf/nginx.conf --pid-path=logs/nginx.pid --http-log-path=logs/access.log --error-log-path=logs/error.log --sbin-path=nginx.exe --http-client-body-temp-path=temp/client_body_temp --http-proxy-temp-path=temp/proxy_temp --http-fastcgi-temp-path=temp/fastcgi_temp --http-scgi-temp-path=temp/scgi_temp --http-uwsgi-temp-path=temp/uwsgi_temp --with-cc-opt=-DFD_SETSIZE=1024 --with-pcre=objs.msvc8/lib/pcre2-10.39 --with-zlib=objs.msvc8/lib/zlib-1.3.1 --with-http_v2_module --with-http_realip_module --with-http_addition_module --with-http_sub_module --with-http_dav_module --with-http_stub_status_module --with-http_flv_module --with-http_mp4_module --with-http_gunzip_module --with-http_gzip_static_module --with-http_auth_request_module --with-http_random_index_module --with-http_secure_link_module --with-http_slice_module --with-mail --with-stream --with-stream_realip_module --with-stream_ssl_preread_module --with-openssl=objs.msvc8/lib/openssl-3.0.13 --with-openssl-opt='no-asm no-tests -D_WIN32_WINNT=0x0501' --with-http_ssl_module --with-mail_ssl_module --with-stream_ssl_module

いくつかのパラメータを変更します。

--with-pcre=objs/lib/pcre2-10.39 --with-zlib=objs/lib/zlib-1.3.1 --with-openssl=objs/lib/openssl-3.0.13 --add-module=objs/lib/nginx-http-flv-module-1.2.10

7、設定

MSYS2 または MINGW64 を実行し、nginx ソース コード nginx-release-1.26.1 を入力して、次のコマンドを実行します。

auto/configure --with-cc=cl --builddir=objs.msvc8 --with-debug --prefix= --conf-path=conf/nginx.conf --pid-path=logs/nginx.pid --http-log-path=logs/access.log --error-log-path=logs/error.log --sbin-path=nginx.exe --http-client-body-temp-path=temp/client_body_temp --http-proxy-temp-path=temp/proxy_temp --http-fastcgi-temp-path=temp/fastcgi_temp --http-scgi-temp-path=temp/scgi_temp --http-uwsgi-temp-path=temp/uwsgi_temp --with-cc-opt=-DFD_SETSIZE=1024 --with-http_v2_module --with-http_realip_module --with-http_addition_module --with-http_sub_module --with-http_dav_module --with-http_stub_status_module --with-http_mp4_module --with-http_gunzip_module --with-http_gzip_static_module --with-http_auth_request_module --with-http_random_index_module --with-http_secure_link_module --with-http_slice_module --with-mail --with-stream --with-stream_realip_module --with-stream_ssl_preread_module --with-openssl-opt='no-asm no-tests -D_WIN32_WINNT=0x0501' --with-http_ssl_module --with-mail_ssl_module --with-stream_ssl_module --with-pcre=objs/lib/pcre2-10.39 --with-zlib=objs/lib/zlib-1.3.1 --with-openssl=objs/lib/openssl-3.0.13 --add-module=objs/lib/nginx-http-flv-module-1.2.10

objs.msvc8/Makefile を変更し、3 行目を変更します。

CFLAGS =  -O2  -W4 -WX -nologo -MT -Zi -Fdobjs.msvc8/nginx.pdb -DFD_SETSIZE=1024 -DNO_SYS_TYPES_H

-WX を削除し、-MP を追加

CFLAGS =  -O2  -W4 -MP -nologo -MT -Zi -Fdobjs.msvc8/nginx.pdb -DFD_SETSIZE=1024 -DNO_SYS_TYPES_H

8. コンパイル
VS 2022 の開発者コマンド プロンプトを開き、nginx ソース ディレクトリに入り、コマンド nmake を入力して Enter を押します。

コンパイルには 10 ～ 30 分かかります。完了したら、objs.msvc8 の下の nginx.exe を nginx ソース コード ディレクトリにコピーします。

新しいディレクトリ log、temp、html を作成します。

9.ffmpegをインストールする

ダウンロードしてインストールし、環境変数として ffmpeg bin ディレクトリを設定します。

nginxの設定

conf/nginx.confを変更する

  1. worker_processes 1;
  2.  
  3. events {
  4.     worker_connections 1024;
  5. }
  6.  
  7. http {
  8.     include mime.types;
  9.     default_type application/octet-stream;
  10.  
  11.     sendfile on;
  12.     keepalive_timeout 65;
  13.     
  14.     server {
  15.         listen 8553;
  16.         server_name localhost;
  17.         
  18.         location / {
  19.             root html;
  20.             index index.html index.htm;
  21.         }
  22.  
  23.         location /live {
  24.             flv_live on;
  25.             chunked_transfer_encoding on;
  26.             add_header 'Access-Control-Allow-Origin' '*';
  27.             add_header 'Access-Control-Allow-Credentials' 'true';
  28.             add_header 'Access-Control-Allow-Methods' '*';
  29.         }
  30.  
  31.         location /hls {
  32.             add_header 'Access-Control-Allow-Origin' '*';
  33.             types {
  34.                 application/vnd.apple.mpegurl m3u8;
  35.                 video/mp2t ts;
  36.             }
  37.             alias /test;
  38.             expires -1;
  39.         }
  40.  
  41.         location /stat {
  42.             rtmp_stat all;
  43.             rtmp_stat_stylesheet stat.xsl;
  44.         }
  45.  
  46.         location /stat.xsl {
  47.             root /usr/local/nginx/nginx-http-flv-module;
  48.         }
  49.     }
  50. }
  51.  
  52. rtmp {
  53.     server {
  54.         listen 1938; #nginx监听的rtmp推流/拉流端口
  55.         application myapp {
  56.             live on; #当推流时，rtmp路径中的app(rtmp中的一个概念)匹配myapp时，开始直播
  57.             meta off;
  58.             gop_cache on;
  59.             allow play all;
  60.             record off;
  61.             hls on;
  62.             hls_path /test;
  63.             hls_fragment 1s;
  64.         }
  65.     }
  66. }

ffmpeg プッシュ ストリーム (海康カメラ)

  1. ffmpeg -i rtsp://用户名:密码@ip:554/H.264/ch1/main/av_stream -c:v libx264 -an -f
  2. flv rtmp://127.0.0.1:1938/myapp/main

テスト

htmlファイル

  1. <html>
  2. <head>
  3.     <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  4.     <title>flv.js demo</title>
  5.     <style>
  6.         .mainContainer {
  7.             display: block;
  8.             width: 1024px;
  9.             margin-left: auto;
  10.             margin-right: auto;
  11.         }
  12.  
  13.         .urlInput {
  14.             display: block;
  15.             width: 100%;
  16.             margin-left: auto;
  17.             margin-right: auto;
  18.             margin-top: 8px;
  19.             margin-bottom: 8px;
  20.         }
  21.  
  22.         .centeredVideo {
  23.             display: block;
  24.             width: 100%;
  25.             height: 576px;
  26.             margin-left: auto;
  27.             margin-right: auto;
  28.             margin-bottom: auto;
  29.         }
  30.  
  31.         .controls {
  32.             display: block;
  33.             width: 100%;
  34.             text-align: center;
  35.             margin-left: auto;
  36.             margin-right: auto;
  37.         }
  38.     </style>
  39. </head>
  40.  
  41. <body>
  42.  
  43. <p class="mainContainer">
  44.     <video name="videoElement" id="videoElement" class="centeredVideo" controls muted autoplay width="1024"
  45.            height="576">
  46.         Your browser is too old which doesn't support HTML5 video.
  47.     </video>
  48. </p>
  49.  
  50. <script src="flv.min.js"></script>
  51.  
  52. <script>
  53.  
  54.     function start() {
  55.         if (flvjs.isSupported()) {
  56.             var videoElement = document.getElementById('videoElement');
  57.             var flvPlayer = flvjs.createPlayer({
  58.                 type: 'flv',
  59. 				url: 'http://ip:8553/live?port=1938&app=myapp&stream=main'
  60.             });
  61.             flvPlayer.attachMediaElement(videoElement);
  62.             flvPlayer.load();
  63.             flvPlayer.play();
  64.         }
  65.     }
  66.  
  67.     document.addEventListener('DOMContentLoaded', function () {
  68.         start();
  69.     });
  70. </script>
  71. </body>
  72.  
  73. </html>

flv.min.jsのダウンロードアドレス:http://flv.jnyzh.cn/flv.min.js

効果は次のとおりです。

個人プロフィール

彼は 30 年以上テクノロジーの研究に専念しており、java、linux、javascript、php、css などのさまざまな言語に堪能であり、オープンソース分野で多くの貢献を行っています。将来の参考のために技術開発におけるいくつかの問題を共有する開発者ドキュメント ステーション。

私の連絡先情報

郵便