Nginx را در اوبونتو تنظیم کنید تا ویدیوی زنده HLS را پخش کنید

HTTP Live Streaming (HLS) یک پروتکل ویدئویی بسیار مستحکم است که توسط اپل شرکت اپل اجرا شده است. HLS از معاملات HTTP استفاده می کند که فایروال ها ، پراکسی ها را عبور می دهد و با سهولت می توان از طریق CDN توزیع کرد. بنابراین ، این فن آوری قادر است به مخاطبان بسیار بزرگتر از RTP یا سایر پروتکل های مبتنی بر UDP برسد. امروزه بخش اعظم ویدیوی پخش آنلاین آنلاین توسط سیستمهای گران قیمت که از HLS استفاده می کنند ، میزبانی می شوند ، ام�� آنها به طور کلی گران هستند و به منابع سرور زیادی احتیاج دارند. در این آموزش نحوه تنظیم یک Ubuntu 14.04 VULTR VPS بسیار مقرون به صرفه برای انجام رویدادهای پخش مستقیم HLS با استفاده از تنها نرم افزار منبع باز به شما نشان داده خواهد شد.

اولین قدم خواندن و تنظیم سرور شما مطابق Vultr Doc " Setup Nginx-RTMP on Ubuntu 14.04 " است. دستورالعمل های موجود در آن آموزه برای مرحله تنظیم ، زمان نوشتن ، جامع ترین بود. یادآور می شوم که ممکن است بخواهید "nginx-1.7.5" را با "nginx-1.9.4" یا هر نسخه جدید Nginx موجود جایگزین کنید. پیشنهاد دیگر این است که Nginx را با ماژول وضعیت خرد پیرامون HTTP کامپایل کنید تا به خودتان این توانایی را بدهید که بعدا تعداد بازدید کنندگان HLS زنده را مشاهده کنید.

به جای جمع کردن با:

./configure --with-http_ssl_module  --add-module=../nginx-rtmp-module-master

از این رشته در روشی که در دکمه پیش نیاز مشخص شده است استفاده کنید:

./configure --with-http_ssl_module --with-http_stub_status_module --add-module=../nginx-rtmp-module-master

مثال در این آموزش ، جریانهای "زنده" و "موبایل" (بهینه سازی شده) ایجاد می کند و از ffmpeg (نصب شده در آموزش قبلی) برای تولید جریان HLS تنظیم شده با میزان بیت تنظیم شده استفاده می کند. این مثال همچنین نشان می دهد که چگونه می توان سرور را به طور خودکار جریانهای زنده خود را ضبط کرد و به شما امکان می دهد تا ضبط شده را به عنوان یک ویدیوی درخواستی (VOD) خدمات پخش مجدد پخش کنید.

ابتدا ساختارهای پوشه لازم برای نگهداری مانیفست های زنده و موبایل HLS و قطعات ویدیویی را ایجاد کنید:

sudo mkdir /HLS
sudo mkdir /HLS/live
sudo mkdir /HLS/mobile
sudo mkdir /video_recordings
sudo chmod -R 777 /video_recordings

اگر قبلاً این کار را نکرده اید ، احتمالاً فایروال خود را روشن کنید. در این صورت ، شما باید اجازه ورود به بنادر مورد استفاده Nginx و HLS را بدهید. اگر می خواهید فعلاً بدون دیوار آتش اجرا کنید ، بخش ufw زیر را نادیده بگیرید.

sudo ufw limit ssh
sudo ufw allow 80
sudo ufw allow 1935
sudo ufw enable

جریان HLS نیاز به پیکربندی قابل توجهی متفاوت از Nginx از پیکربندی RTMP در مقاله اول دارد. nginx.confپرونده خود را ویرایش کنید تا از موارد زیر ، "my-ip" و "my-stream-key" را با اطلاعات خود جایگزین کنید. شما می توانید از هر چیزی که می خواهید برای "کلید جریان من" استفاده کنید ، فقط یک کلمه است که برای شما بی نظیر و مفید است. ممکن است بخواهید ابتدا از فایل پیکربندی اصلی خود نسخه پشتیبان تهیه کنید ، سپس اطلاعات پیکربندی شده من را در ویرایشگر بچسبانید ، و همه چیز موجود را جایگزین کنید:

sudo cp /usr/local/nginx/conf/nginx.conf /usr/local/nginx/conf/nginx.conf.original
sudo nano /usr/local/nginx/conf/nginx.conf

nginx.conf جدید:

worker_processes  1;
error_log  logs/error.log debug;
events {
worker_connections  1024;
}
rtmp {
server {
listen 1935;
allow play all;

#creates our "live" full-resolution HLS videostream from our incoming encoder stream and tells where to put the HLS video manifest and video fragments
application live {
allow play all;
live on;
record all;
record_path /video_recordings;
record_unique on;
hls on;
hls_nested on;
hls_path /HLS/live;
hls_fragment 10s;

#creates the downsampled or "trans-rated" mobile video stream as a 400kbps, 480x360 sized video
exec ffmpeg -i rtmp://192.168.254.178:1935/$app/$name -acodec copy -c:v libx264 -preset veryfast -profile:v baseline -vsync cfr -s 480x360 -b:v 400k maxrate 400k -bufsize 400k -threads 0 -r 30 -f flv rtmp://192.168.254.178:1935/mobile/$;
}

#creates our "mobile" lower-resolution HLS videostream from the ffmpeg-created stream and tells where to put the HLS video manifest and video fragments
application mobile {
allow play all;
live on;
hls on;
hls_nested on;
hls_path /HLS/mobile;
hls_fragment 10s;
}

#allows you to play your recordings of your live streams using a URL like "rtmp://my-ip:1935/vod/filename.flv"
application vod {
play /video_recordings;
}
}
}


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

server {
listen 80;
server_name 192.168.254.178;

#creates the http-location for our full-resolution (desktop) HLS stream - "http://my-ip/live/my-stream-key/index.m3u8"      
location /live {
types {
application/vnd.apple.mpegurl m3u8;
}
alias /HLS/live;
add_header Cache-Control no-cache;
}

#creates the http-location for our mobile-device HLS stream - "http://my-ip/mobile/my-stream-key/index.m3u8"        
location /mobile {
types {
application/vnd.apple.mpegurl m3u8;
}
alias /HLS/mobile;
add_header Cache-Control no-cache;
}   

#allows us to see how stats on viewers on our Nginx site using a URL like: "http://my-ip/stats"     
location /stats {
stub_status;
}

#allows us to host some webpages which can show our videos: "http://my-ip/my-page.html"     
location / {
root   html;
index  index.html index.htm;
}   
}
}

Ctrl + X را فشار دهید تا خارج شوید. برای ذخیره تغییرات بگویید "بله".

در nginx.confصورت جستجوی موتور جستجوی مورد علاقه خود در مورد "دستورالعمل nginx-rtmp" ، می توانید دستورالعمل ها و نمونه هایی از متغیرهای ممکن در این پرونده را پیدا کنید. من چندین سال است که از nginx-rtmp با HLS استفاده می کنم ، بدون اینکه از دستورالعمل های "اجازه انتشار" و "انکار انتشار" استفاده کنم و صفر مواردی دیده ام که افراد از سرورهای ویدئویی من استفاده می کنند. بنابراین من آن دستورالعمل ها را در اینجا وارد نکردم. در صورت تمایل ، این بخشنامه ها را بخوانید و اضافه کنید.

پس از تغییر nginx.confپرونده ، برای استفاده از پیکربندی جدید ، باید Nginx را مجدداً راه اندازی کنید:

sudo service nginx restart

مراقب پیام های خطای Nginx باشید و خطاهایی را که ممکن است در اثر اشتباه غلط املایی ، مالکیت پوشه یا مشکلات مربوط به مجوزها ایجاد شده باشد ، مرتفع کنید. اگر پیام خطایی ندارید ، بنابراین برای ایجاد جریان رمزگذاری خود آماده هستید.

برای ایجاد جریان باید یک رمزگذار ویدیو داشته باشید. من از OBS (Open Broadcaster Software) استفاده می کنم - که متن باز است و برای من خوب عمل می کند. راه حلهای دیگری نیز برای انتخاب وجود دارد که خارج از محدوده این آموزش است. من در مورد پیکربندی رمزگذار ویدیویی RTMP همه چیز را پوشش نمی دهم. همه آنها تقریباً به متغیرهای ورودی یکسانی احتیاج دارند. به منظور استفاده دقیق از nginx.confتنظیمات من و عملکرد خوب در بیشتر پخش کننده ها / مرورگرها / سیستم عامل ها ، باید تنظیمات کلیدی را وارد کنید.

1. رمزگذار-x264
2. بیت متغیر (نه CBR یا نرخ بیت ثابت) ، بالاترین کیفیت
3. حداکثر Bitrate-600kbps
4. صوتی-کدک-AAC
5. صوتی-قالب-44.1kzz
6. صدا-بیت-64kbps
7. URL FMS- "rtmp: // my-ip: 1935 / live"
8. کلید جریان - "کلید جریان من"
9. رزولوشن-640x480
10. FPS (فریم در ثانیه) -30
11. CFR (نرخ فریم ثابت) - بله
12. فاصله زمانی Keyframe - 2 ثانیه (یک صفحه کلید در هر 2 ثانیه)
13. x264 رمزگذاری پروفایل-پایه (ممکن است با اصلی کار کند — به پخش کننده استفاده شده بستگی دارد)
14. پردازنده x264 حاضر-بسیار سریع

توصیه می کنم رمزگذارهای مختلف را امتحان کنید و با آنها آزمایش کنید. ممکن است شما نسبت ابعاد گسترده ای را بخواهید- یا ممکن است دوربین شما (یا سایر پخش) مطالبه کند. اگر چنین است ، حتماً این اطلاعات را در رمزگذار خود و همچنین نسبت ابعاد ذکر شده در بخش exec-ffmpeg nginx.confپرونده ای که من تهیه کرده اید ، تغییر دهید. در غیر این صورت برخی از فیدهای ویدیویی احمقانه به دست می آورید.

پس از راه اندازی رمزگذار ، می توانید همه آن را تست کنید. رمزگذار را با وب کم یا نوعی از خوراکهای آزمایشی که روی آن کار می کنند شروع کنید. شما می توانید پخش خود را در این مرحله با پخش کننده VLC با استفاده از URL مانند:

http://my-ip/live/my-stream-key/index.m3u8
http://my-ip/mobile/my-stream-key/index.m3u8

اینها به ترتیب برای جریان اصلی فیلم و ویدیوی تلفن همراه شما هستند. بر این اساس کلید IP و جریان خود را جایگزین کنید.

بعد از پخش موفقیت آمیز اولین بار بررسی جریان (از طریق ssh یا ftp) که پخش مستقیم شما در /video_recordingsپوشه Vultr VPS شما ضبط شده است. همچنین می توانید این فایل ضبط شده را در VLC با URL مانند:

rtmp://my-ip/vod/filename.flv

آمار Nginx نیز موجود است (با Nginx stub_status). برای مشاهده آمار بازدید کننده / بازدید کننده ، دسترسی به:

http://my-ip/stats

برای مشاهده فیلم خود در صفحه وب به یک دستگاه پخش جاسازی شده نیاز دارید. تعداد زیادی بازیکن قابل تعویض وجود دارد که ویدیوی HLS را پخش می کنند. من چند سال است که از JW Player استفاده کرده ام ، اما نسخه رایگان HLS پخش نمی شود. Flowplayer و Bitdash توسط Bitmovin (در میان راه حل های دیگر) به اندازه کافی سخاوتمندانه هستند تا نسخه غیرتجاری بازیکنان خود را به صورت رایگان ارائه دهند که جریان HLS شما را در یک صفحه وب جاسازی کند. برای این مقاله ، من هر دو را امتحان کردم و پیدا کردم که هر دو با سرور ویدیویی مبتنی بر Vultr / Nginx کاملاً خوب کار کنند. من به طور خلاصه نشان خواهم داد که چگونه Flowplayer را با دستگاه تست شده خود شروع کردم.

اگر می خواهید از جریان مستقیم HLS به هر روشی معمولی ، پایدار یا تجاری استفاده کنید ، من شما را ترغیب می کنم مجوز خود را از Flowplayer یا هر بازیکنی که تصمیم به استفاده از آن دارید خریداری کنید. بازیکنی دریافت خواهید کرد که محدودیت ، ویژگی های کمتری دارد و می تواند به سازمان شما علامت گذاری شود. شما همچنین پشتیبانی خواهید کرد - که می تواند بسیار مهم باشد. به غیر از Vultr VPS ، این تنها هزینه ای است که با این پروژه در ارتباط است.

قبل از انجام هر کار دیگری ، لازم است که از موارد محدودیت "دامنه متقابل" مراقبت کنید ، که در غیر این صورت توانایی شما برای جابجایی به یک صفحه وب / وب سایت را خاموش می کند. یک crossdomain.xmlپرونده را در nginx/htmlپوشه خود ایجاد کنید و دستورالعمل هایی را در آن قرار دهید تا داده ها بین دامنه ها جریان پیدا کنند:

sudo nano /usr/local/nginx/html/crossdomain.xml

ابتدا کپی کنید (از این صفحه) و سپس (راست کلیک کنید) در قسمت ویرایشگر نانو داده های XML زیر را وارد کنید:

<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
<allow-access-from domain="*"/>
</cross-domain-policy>

مطبوعات کلیدهای Ctrl + O برای نوشتن، و سپس کلیدهای Ctrl + X برای ذخیره فایل بر روی دیسک و خارج شوید.

من HTML5 (نسخه 6.0.3) از Flowplayer را گرفتم که هنگام از بین بردن تعدادی پرونده و یک پوشه به من داد. همه پرونده ها و پوشه ها را در زیر پوشه پوشه root Nginx / HTML که من آنرا "جریان بازی" نامگذاری کردم بارگذاری کردم. مسیر دقیق بود /usr/local/nginx/html/flowplayer.

برای آزمایش ویدیوی ما هنگام تعبیه در یک صفحه وب ، یک زن و شوهر از فایلهای HTML را در ریشه پوشه Nginx / HTML با استفاده از نانو ایجاد کنید و آنها را با مطالب زیر جمع کنید.

فایل:

sudo nano /usr/local/nginx/html/hls.html

کد HTML:

<!doctype html>
<head>
<link rel="stylesheet" href="#">
</head>

<body>
640x480 664kbps (live) Desktop Browsers<br>
<div style="width:640px;" class="flowplayer" data-swf="flowplayer/flowplayer.swf" data-ratio="0.75">
<video>
<source type="application/x-mpegurl" src="">
</video>
</div>
<br><br>
480x360 464kbps (mobile) Mobile Browsers <br>
<div style="width:480px;" class="flowplayer" data-swf="flowplayer/flowplayer.swf" data-ratio="0.75">
<video>
<source type="application/x-mpegurl" src="">
</video>
</div>
</body>

فایل:

sudo nano /usr/local/nginx/html/hls_progressive.html

کد HTML:

<!doctype html>
<head>
<link rel="stylesheet" href="#">
<style> .flowplayer { width: 640px; } </style>
</head>

<body>
<div class="flowplayer" data-swf="flowplayer/flowplayer.swf" data-ratio="0.75">
<video>
<source type="application/x-mpegurl" src=""> 
<source type="application/x-mpegurl" src="">
</video>
</div>
<br>
</body>

حتماً "my-ip" و "my-stream-key" را با داده های خود جایگزین کنید.

شما باید مسیر flowplayer/skin/functional.cssعلامت "#" را در صفحه سبک جایگزین کنید href="#". نرم افزار آموزش مسیر را از بین می برد. شما باید src=""بخشی از URL را پر کنید - این به ترتیب توسط نرم افزار آموزش ، استفاده http://my-ip/live/my-stream-key/index.m3u8و استفاده از آن حذف می http://my-ip/mobile/my-stream-key/index.m3u8شود. همچنین باید srcبرچسب های اسکریپت را در سر و برای هر دو jquery-1.11.2.min.jsو برای آن اضافه کنید flowplayer.min.js. برچسب ها توسط نرم افزار آموزش حذف می شوند. می توانید با نگاه کردن به example htmlپرونده موجود در مجموعه Flowplayer ، چگونگی ساخت این برچسب ها را بیابید .

رمزگذار را با وب کم یا نوعی از خوراکهای آزمایشی که روی آن کار می کنند شروع کنید. با استفاده از آدرس های زیر می توانید پخش خود را در یک مرورگر مشاهده کنید:

http://my-ip/hls.html
http://my-ip/hls_progressive.html

صفحه اول به سادگی هرکدام از جریان های شما را نشان می دهد - اصلی و یک سکوی موبایل. شما قادر خواهید بود تا هر دو را شروع کنید و آنها را مشاهده کنید. متوجه خواهید شد که جریان پلتفرم موبایل از نظر اندازه کوچکتر است. این مراحل فقط برای اطمینان از همه چیز در حال اجراست.

صفحه دوم یک جریان واحد را نشان می دهد. اما به روشی تنظیم شده است که به آن "جریان مترقی" گفته می شود. معنای این بدان معناست که وقتی یک بیننده ویدیو را پخش می کند ، سرور و پخش کننده سعی می کنند اگر اتصال بینندگان بتوانند آن را حفظ کنند ، جریان با کیفیت و بیتی با کیفیت بالا را به بیننده ارائه می دهند. اگر اتصال آنها ضعیف باشد و نتواند اتصال را حفظ کند ، برای نشان دادن جریان بیت پایین (موبایل) که از پهنای باند 200 کیلوبیت بر ثانیه پایین تر است ، پایین می آییم. اگر می خواهید ، می توانید جریانهای فارغ التحصیل تر و مترقی با ffmpeg ایجاد کرده و آنها را با استفاده از مثال من پیکربندی کنید.

من این پیکربندی را روی یک هسته اصلی ، 1 گیگابایت Vultr VPS آزمایش کرده ام و دریافتم که با یک جریان زنده منفرد ، به علاوه جریان همراه با ترانس امتیاز که با ffmpeg ایجاد می کند ، استفاده از cpu کمتر از 35٪ بود و فقط 100MB مصرف کرده بود قوچ 1 گیگابایتی من اکنون این مجموعه بسیار کارآمد است.

اگر می خواهید ویدئویی را پخش کنید که در ابعاد پیکسل بسیار بزرگتر از SD باشد ، ممکن است متوجه شوید که باید از یک VPS قدرتمندتر استفاده کنید. من در مورد این مورد کنجکاو بودم و جریان اصلی خود را تا 1280x960 پیکسل و 2Mbps اجرا کردم - بار اضافی را روی چیزها قرار می دهم. اما VPS هنوز تنها از 50٪ CPU استفاده می کرد و حافظه نیز در 100MB باقی مانده است. من دوازده بیننده / مرورگر اضافه کردم و تقریباً هیچ تفاوتی در بارگذاری VPS ایجاد نکرد- فقط پهنای باند استفاده شده بالا رفت. من مطمئن هستم که ایجاد جریانهای اضافی دارای امتیاز با ffmpeg می تواند بار اضافی را بر روی سیستم قرار دهد.

من از این نوع سرورها در محیط های تولید با 50 تا 100 کاربر همزمان استفاده کرده ام و فهمیدم که با افزایش اتصالات بیننده میزان استفاده از منابع بسیار کم شده است. با آن آزمایش کنید. اما فکر می کنم بیشتر کاربران با استفاده از یک VPS تک هسته ای و 1 گیگابایتی خوشحال می شوند. از سرور جدید جریان HLS خود لذت ببرید!