首页 > 代码库 > 【官方文档】Nginx模块Nginx-Rtmp-Module学习笔记(三)流式播放Live HLS视频

【官方文档】Nginx模块Nginx-Rtmp-Module学习笔记(三)流式播放Live HLS视频

  HTTP Live Streaming(HLS)是由Apple Inc.实施的非常强大的流视频协议.HLS使用穿过防火墙,代理的HTTP事务,并可以轻松地通过CDN进行分发。因此,该技术能够比RTP或其他基于UDP的协议达到更大的观众观众。今天在线直播的许多视频都是由使用HLS的昂贵系统进行托管,但它们通常很昂贵,需要大量的服务器资源。本教程将向您展示如何设置一个非常实惠的Ubuntu 14.04 VULTR VPS,只使用开源软件来进行HLS直播流事件。

  第一步是根据Vultr Doc“ Ubuntu 14.04上的安装Nginx-RTMP ”来读取和设置您的服务器该文档中的说明是编写时最为全面的设置阶段。我会提到你可能希望用“nginx-1.9.4”替换“nginx-1.7.5”或者任何最新版本的Nginx。另一个建议是使用HTTP存根状态模块编译Nginx,以便您能够监控您以后有多少现场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流需要与RTMP配置显着不同的Nginx配置。编辑您的nginx.conf文件以使用以下内容,将“my-ip”和“my-stream-key”替换为您的信息。您可以使用任何您想要的“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;
}   
}
}

nginx.conf如果您查询您喜欢的搜索引擎“nginx-rtmp指令”,您可以在此文件中找到清晰的说明和变量示例我已经使用nginx-rtmp与HLS几年了,而不使用“允许发布”和“拒绝发布”指令,我看到使用/入侵我的视频服务器的零个例子。所以我没有在这里列出这些指令。如果您愿意,请阅读并添加这些指令。

更改nginx.conf文件后,您必须重新启动Nginx才能使用新的配置:

sudo service nginx restart

仔细观察任何Nginx错误消息,并解决由拼写错误,文件夹所有权或权限问题引起的任何错误。如果您没有错误消息,则可以创建编码流。

您必须拥有一个视频编码器才能创建流。我使用OBS(开放广播软件) - 这是开源的,对我来说很好。还有其他解决方案可供选择,这些不在本教程的范围之内。我不会涵盖有关配置RTMP视频编码器的所有内容。他们都需要大致相同的输入变量。您需要输入的关键设置才能使用我的精确nginx.conf配置,并在大多数播放器/浏览器/平台上运行良好,具体如下:

  1. Encoder-x264
  2. 可变比特率(不是CBR或恒定比特率),质量最高
  3. 最大比特率 - 600kbps
  4. 音频编解码器AAC
  5. 音频格式-44.1khz
  6. 音频比特率-64kbps
  7. FMS URL-“rtmp:// my-ip:1935 / live”
  8. Stream Key-“my-stream-key”
  9. 分辨率640x480
  10. FPS(每秒帧数)-30
  11. CFR(恒定帧速率) - 是的
  12. 关键帧间隔-2秒(每2秒一个关键帧)
  13. x264编码配置文件基线(可能与主要配合使用取决于使用的播放器)
  14. x264 CPU现在非常快

我建议尝试不同的编码器和试验。您可能需要宽阔的比例 - 或者您的相机(或其他广播)材料可能需要它。如果是这样,请确保在编码器中更改此信息以及nginx.conf我提供文件的exec-ffmpeg部分中列出的宽高比否则你会得到一些愚蠢的视频Feed。

您的编码器设置完成后,您可以全部进行测试。启动编码器与您的网络摄像头或其上运行的某种测试饲料。此时,您可以使用VLC播放器使用以下URL:

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

这些分别用于您的主要和移动视频流。相应地替换您的IP和流密钥。

在您成功播放您的第一个流检查(通过ssh或ftp)后,您的直播广播录制在/video_recordingsVultr VPS上文件夹中。您还可以尝试使用以下URL在VLC中播放录制的文件:

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

也可以使用Nginx统计信息(使用Nginx stub_status)。要查看访客/观众统计资料,请访问:

http://my-ip/stats

为了在网页上观看您的视频,您需要一个可嵌入的播放器。有许多嵌入式播放器可以播放HLS视频。我已经使用JW Player了好几年了,但免费版本不会播放HLS。Bitmovin的Flowplayer和Bitdash(除其他解决方案之外)足以提供免费的非商业版本的播放器,这将使您的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将文件保存到磁盘并退出。

我抓住了Flowplayer的HTML5(6.0.3版本),它在解压缩时给了我一些文件和一个文件夹。我将所有文件和文件夹上传到我命名为“flowplayer”的Nginx / HTML根文件夹的子文件夹中。确切的路径是/usr/local/nginx/html/flowplayer

为了在嵌入网页时测试我们的视频,请使用nano在Nginx / HTML文件夹的根目录中创建几个HTML文件,然后填入以下内容。

文件1:

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>

文件2

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="http://www.mamicode.com/#"教程软件剥离了路径。您必须填写该src=""部分的URL - 分别由教程软件剥离,http://my-ip/live/my-stream-key/index.m3u8http://my-ip/mobile/my-stream-key/index.m3u8分别使用您还必须src在头jquery-1.11.2.min.js头中添加脚本标记flowplayer.min.js标签被教程软件剥离。通过查看example htmlFlowplayer套件附带文件,您可以找到如何打造这些标签

启动编码器与您的网络摄像头或其上运行的某种测试饲料。您可以使用以下网址在浏览器中查看广播:

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

第一页简单地显示每个流 - 主要和流动平台。您将能够启动他们并查看它们。您会注意到移动平台流的尺寸较小。这些步骤只是为了确保所有的运行。

第二页显示单个流。但它的设置方式称为“渐进式流”。这意味着,当观众播放视频时,如果观众连接可以维持,则服务器和播放器都会尝试向观众提供高比特率,高质量的流。如果它们的连接不良,并且无法维持连接,则它会降低到显示低带宽(低至200 kbps)的低位速率(移动)流。如果您希望,您可以使用ffmpeg创建更多毕业的渐进流,并使用我的示例进行配置。

我已经在一个核心的1GB Vultr VPS上测试了这个配置,我发现使用单个直播流,加上用ffmpeg创建的跨级流动流,cpu的使用率不到35%,它只消耗了100MB的我的1GB的ram。现在这是一个非常有效的设置。

如果您打算流式传输像素尺寸大于SD的视频,那么您可能会发现您必须使用更强大的VPS。我很好奇,并将我的主流运行到1280x960像素和2Mbps,为事物增加了负担。但VPS仍然使用50%的CPU和内存使用量保持在100MB。我添加了十几个浏览器/浏览器,VPS上的负载几乎没有差别,只有使用的带宽上升。我确定用ffmpeg创建额外的流量流将继续在系统上增加负载。

我已经在50到100个并发用户的生产环境中使用了这种类型的服务器,发现随着观众连接的增加,资源的使用率上升了很少。试验它。但是,我认为大多数用户将会喜欢使用单核1GB VPS。享受您的新的HLS流服务器!

 

 

文档:https://www.vultr.com/docs/setup-nginx-on-ubuntu-to-stream-live-hls-video

【官方文档】Nginx模块Nginx-Rtmp-Module学习笔记(三)流式播放Live HLS视频