参考:http://www.cnblogs.com/cocoajin/p/4353767.html
sudo apt-get install build-essential libpcre3 libpcre3-dev libssl-dev
mkdir ~/nginx-rtmp
cd ~/nginx-rtmp
wget http://nginx.org/download/nginx-1.10.3.tar.gz
wget https://github.com/arut/nginx-rtmp-module/archive/v1.1.10.tar.gz
tar -zxvf nginx-1.10.3.tar.gz
tar -zxvf v1.1.10.tar.gz
cd nginx-1.10.3
./configure --with-http_ssl_module --add-module=../nginx-rtmp-module-1.1.10
make
sudo make install
sudo wget https://raw.github.com/JasonGiedymin/nginx-init-ubuntu/master/nginx -O /etc/init.d/nginx
sudo chmod +x /etc/init.d/nginx
sudo update-rc.d nginx defaults
sudo service nginx start
sudo service nginx stop
sudo add-apt-repository ppa:kirillshkrogalev/ffmpeg-next
sudo apt-get update
sudo apt-get install ffmpeg
打开 /usr/local/nginx/conf/nginx.conf
在末尾添加如下 配置
rtmp {
server {
listen 1936; # 1935已被占用
chunk_size 4096;
application live {
live on;
record off;
# 可以使用类似下面的语句转换视频格式为新的视频播放源
#exec ffmpeg -i rtmp://localhost/live/$name -threads 1 -c:v libx264 -profile:v baseline -b:v 350K -s 640x360 -f flv -c:a aac -ac 1 -strict -2 -b:a 56k rtmp://localhost/livep/$name;
}
application livep {
live on;
record off;
}
}
}
sudo service nginx restart
本测试中的obs-studio是自己从源码编译的,并且修改了图标等资源。
设置->串流->
串流类型->自定义流媒体服务器
URL rtmp://118.178.128.20:1936/live
流密钥:test01
本测试中的vlc是自己从源码编译的,并且修改了部分资源。
注意播放地址是:rtmp://118.178.128.20:1936/live/test01
不带文件名称后缀.m3u8
vlc下载地址:http://www.videolan.org/vlc/download-android.html
在网络地址输入:rtmp://118.178.128.20:1936/live/test01
播放效果如图:
sudo vim /usr/local/nginx/conf/nginx.conf
#在server里面加入如下内容
server {
listen 8080;
location /hls {
types {
application/vnd.apple.mpegurl m3u8;
video/mp2t ts;
}
root html;
expires -1;
}
location /stat {
rtmp_stat all;
rtmp_stat_stylesheet stat.xsl;
}
location /stat.xsl {
root /usr/local/nginx/html/;
}
location /control {
rtmp_control all;
}
}
# 在rtmp里加入对hls的支持
rtmp {
server {
listen 1936;
chunk_size 4096;
application live {
live on;
record off;
#exec ffmpeg -i rtmp://localhost/live/$name -threads 1 -c:v libx264 -profile:v baseline -b:v 350K -s 640x360 -f flv -c:a aac -ac 1 -strict -2 -b:a 56k rtmp://localhost/livep/$name;
}
application livep {
live on;
record off;
}
application hls {
live on;
hls on;
hls_path /usr/local/nginx/html/hls;
hls_fragment 5s;
}
}
使用hls方式推流
推流URL:rtmp://118.178.128.20:1936/hls
流密钥:test01
vlc地址栏输入:http://118.178.128.20:8080/hls/test01.m3u8
或者 rtmp://118.178.128.20:1936/hls/test01
可以直接播放。
用自己编译的chromium浏览器直接访问test01.m3u8可以正常播放。
http://118.178.128.20:8080/hls/test01.m3u8
小米note自带的浏览器不行。能正常显示,不能连续播放。
在服务端测试hls的html5播放方式,没有成功。
sudo vim /usr/local/nginx/html/html5.html
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>HLS Playertitle>
head>
<body>
<video poster="poster.png" height="720" width="1280" controls>
<source src="/hls/test01.m3u8" type="application/vnd.apple.mpegurl" />
<p class="warning">Your browser does not support HTML5 video.p>
video>
body>
html>
然后在android上面用浏览器打开 http://118.178.128.20:8080/html5.html
无法正常播放。
默认android或者苹果系统的浏览器可以播放。PC浏览器机会不支持hls方式。可以采用js库处理hls视频播放。jwplayer、flowplayer、HLSPlayer、video-js等库都可以处理。
把jwplayer的基本库文件上传到服务端/usr/local/nginx/html目录下。
jwplayer/jwplayer.flash.swf
jwplayer/jwplayer.html5.js
jwplayer/js
jwplayer/player-tools-license.txt
jwplayer/README.txt
编写使用jwplayer访问hls流的html文件。
sudo vim /usr/local/nginx/html/jwplayer.html
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>HLS Playertitle>
<script type="text/javascript" src="jwplayer/jwplayer.js">script>
head>
<body>
<div id="test01player">test01player....div>
<script type="text/javascript">
jwplayer("test01player").setup({
playlist: [{
sources: [{
file: 'rtmp://118.178.128.20:1936/hls/test01'
},{
file: 'http://118.178.128.20:8080/hls/test01.m3u8'
}]
}],
height: 360,
primary: "flash",
width: 640
});
script>
body>
html>
用pc客户端浏览器访问,IE能正常访问直播流。
可以看到直播时,右上角有JWPlayer透明字样,应该是非授权版本带的水印。
IE:
firefox:(不安装flash插件,无法播放,安装后可以)
android浏览器没有开启flash支持的,不能播放jwplayer.html页面。