ffmpeg+nginx+rtmp+web实现视频直播网站

最新推荐文章于 2024-02-26 21:42:56 发布

yuyuefan002

最新推荐文章于 2024-02-26 21:42:56 发布

阅读量3.7w

点赞数 22

分类专栏： TX1

本文链接：https://blog.csdn.net/sha1996118/article/details/79717471

版权

TX1 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

项目简介：视频直播网站由三个部分构成：1.推流端 2.服务器 3.拉流端。在该项目中，推流端用ffmpeg完成，服务器由NGINX+RTMP模块完成，拉流端使用videojs完成。

一、开发环境简介：

推流端：系统：UBUNTU 16.04 工具：ffmpeg

服务器：系统: UBUNTU 16.04 工具：NGINX+RTMP

拉流端：系统：WINDOWS 10 工具：PHPSTORM

二、构建服务器

服务器由NGINX+RTMP构成。NGINX是HTTP服务器，RTMP是附加模块。

其中NGINX我选择的是用源码编译方式进行安装，因为这种方式可以自定义安装指定的模块以及最新版本。

首先配置各项依赖库。

1.安装gcc g++依赖库

sudo apt-get install build-essential
sudo apt-get install libtool

2.安装pcre依赖库

sudo apt-get update
sudo apt-get install libpcre3 libpcre3-dev

3.安装zlib依赖库

sudo apt-get install zlib1g-dev

4.安装SSL依赖库

sudo apt-get install openssl libssl-dev

5.安装NGINX

#下载NGINX（到HOME目录）
wget http://nginx.org/download/nginx-1.13.10.tar.gz
#解压
tar -zxvf nginx-1.13.10.tar.gz
#下载RTMP（到HOME目录）
git clone https://github.com/arut/nginx-rtmp-module.git
#进入NGINX解压目录
cd nginx-1.13.10
#配置
./configure --prefix=/usr/local/nginx --add-module=~/nginx-rtmp-module --with-http_ssl_module
#编译
make
#安装
sudo make install
#打开nginx配置文件
cd /usr/local/nginx/conf/
sudo gedit nginx.conf
#下拉至文档末尾，添加RTMP服务
rtmp {  
  
    server {  
  
        listen 2018;  #服务端口，避开重要端口即可   
  
        application live {  
        	live on;
    	}  
        application hls_alic{
		live on;
		hls  on;
		hls_path /tmp/hls;
	}
}  
#不要关闭文档，回到http服务配置处，按以下样式对其修改,最后保存并退出
http {  
    include       mime.types;  
  
    default_type  application/octet-stream;  
  
    sendfile        on;  
  
    keepalive_timeout  65;  
  
    server {  
  
        listen       80;  
  
        server_name  localhost;  
    	location /stat {        
            	rtmp_stat all;  
            	rtmp_stat_stylesheet stat.xsl;  
  	}  
  
    	location /stat.xsl {    
        root /usr/local/nginx/nginx-rtmp-module/;  
    	}  
  
        location / {  
            root   html;  
            index  index.html index.htm;  
        }  
  
        error_page   404		/404.html 
        location = /50x.html {  
            root   html;  
        }  
    }  
}  
#开启nginx服务
cd /usr/local/nginx/sbin
sudo ./nginx
#如要查看NGINX服务是否开启，请打开浏览器并输入localhost，如果看到nginx页面即为成功，或使用以下代码
ps -ef|grep nginx

三、配置推流端

简易的推流端使用ffmpeg即可完成。

1. 安装ffmpeg（如果你是16.04以上版本，直接安装就行sudo apt-get install ffmpeg）

sudo add-apt-repository ppa:kirillshkrogalev/ffmpeg-next  
sudoapt-get update
sudo apt-get install ffmpeg

2.启用ffmpeg进行推流

ffmpeg -f video4linux2-framerate 25 -video_size 640*480 -i /dev/video0 -f flv rtmp://192.168.1.107:2018/live

如果推流成功，代表RTMP服务配置成功

参数备注：

-f：视频格式，video4linux2代表摄像头

-video_size：输入流的分辨率，随意填。

-i:输入流视频格式

-f:输出流视频格式

没有参数的内容就是输出流地址

四、配置拉流端

如果你想直接测试能否拉流，推荐使用VLC（www.videolan.org/），这是一个兼容各平台的工具。

1.下载并安装完成后，打开VLC-右键视频栏-打开媒体-打开网络

2.在URL栏内输入服务器所在地址，不要漏掉端口号，并点击播放。

如果你想要在网页中播放该视频，请新建一个html5文档，我使用的是phpstorm（http://www.jetbrains.com/phpstorm/）进行编辑。注册时可以使用edu邮箱，可以获得一年使用权。

1. 新建一个工程并新建一个html5文件。

2. 复制以下代码并用浏览器浏览，注意开启flashplayer

<html>
<head>
    <title>Live</title>
    <meta charset="utf-8">
    <link href="http://vjs.zencdn.net/5.5.3/video-js.css" rel="stylesheet">
    <!-- If you'd like to support IE8 -->
    <script src="http://vjs.zencdn.net/ie8/1.1.1/videojs-ie8.min.js"></script>
    <script src="http://vjs.zencdn.net/5.5.3/video.js"></script>
</head>
<body>
<video id="my-video" class="video-js" controls preload="auto" width="640" height="300"
       poster="http://ppt.downhot.com/d/file/p/2014/08/12/9d92575b4962a981bd9af247ef142449.jpg" data-setup="{}">
    <source src="rtmp://192.168.1.107:2018/live/" type="rtmp/flv">
    </p>
</video>

</body>
</html>

注：转载前请通知本人。

yuyuefan002

关注

22
点赞
踩
154

收藏

觉得还不错? 一键收藏
13
评论
ffmpeg+nginx+rtmp+web实现视频直播网站

项目简介：视频直播网站由三个部分构成：1.推流端 2.服务器 3.拉流端。在该项目中，推流端用ffmpeg完成，服务器由NGINX+RTMP模块完成，拉流端使用videojs完成。一、开发环境简介：推流端：系统：UBUNTU 16.04 工具：ffmpeg服务器：系统: UBUNTU 16.04 工具：NGINX+RTMP拉流端：系统：WINDOWS 10 工具：PHPSTORM二、构建服...
复制链接

扫一扫