Nginx搭建直播服务器,并用rtmp,http-flv,hls三种模式拉流观看直播的流程

一、首先搭建直播服务器

环境widows,并且已经集成了 :nginx-http-flv-module模块

nginx.conf配置如下:

worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;
#error_log  logs/error.log  debug;

#pid        logs/nginx.pid;

events {
    worker_connections  1024;
}

# 添加RTMP服务
rtmp {
    server {
        listen 1935; # 监听端口

        chunk_size 4000;
        application live {
            live on;
	    gop_cache on;
	    hls on;
	    hls_path html/hls
        }
    }
}

# HTTP服务
http {
    include       mime.types;
    default_type  application/octet-stream;

    #access_log  logs/access.log  main;

    server {
        listen       8080; # 监听端口

	location /flv {
	    flv_live on;
	    chunked_transfer_encoding on;
	    add_header 'Access-Control-Allow-Origin' '*';
	    add_header 'Access-Control-Allow-Credentials' 'true';
	    add_header 'Access-Control-Allow-Methods' '*';
	    add_header "Access-Control-Allow-Headers" "Content-Type,Access-Token";
	    add_header 'Access-Control-Expose-Headers' '*';
	
	}
 
	location /stat.xsl {
            root html;
        }
		location /stat {
            rtmp_stat all;
            rtmp_stat_stylesheet stat.xsl;
        }
		location / {
            root html;
        }
    }
}

application live {

}

是指推流的目录在live,hls on是指开启切片,hls_path: html/hls是指切片直播的目录,手动创建,hls_fragment:3,每3秒创建一个切片

注意loaction /flv配置的是跨域

二、推流:

ffmpeg -re -i tuiliuceshi.mp4 -vcodec libx264 -acodec aac -f flv -y rtmp://127.0.0.1:1935/live/test1

三、播放

1、vlc播放:(有以下三种播放方式:)

**http-flv方式:**http://localhost:8080/flv?port=1935\&app=live\&stream=test1

Rtmp方式:rtmp://127.0.0.1:1935/live/test1

**Hls方式:**http://localhost:8080/hls/test1.m3u8

2、网页播放:

网页需要解决跨域问题,需要在nginx中配置:

location /flv {
	    flv_live on;
	    chunked_transfer_encoding on;
	    add_header 'Access-Control-Allow-Origin' '*';
	    add_header 'Access-Control-Allow-Credentials' 'true';
	    add_header 'Access-Control-Allow-Methods' '*';
	    add_header "Access-Control-Allow-Headers" "Content-Type,Access-Token";
	    add_header 'Access-Control-Expose-Headers' '*';
	
	}

我们这个nginx推流服务器的http地址是:http://localhost:8080

我们再开一个nginx服务器,

我们再开一个nginx,端口为:80,http://localhost/可直接访问:

在网页 flv.html中,引用到flv.js

https://cdn.bootcss.com/flv.js/1.3.3/flv.min.js
html 复制代码
<html>
	<head>
		<script src="https://cdn.bootcss.com/flv.js/1.3.3/flv.min.js">
		</script>
	</head>
	<body>
	  <video id = "videoElement" controls></video>
	  <script>
		if(flvjs.isSupported()){
			var videoElement = document.getElementById('videoElement')
			var flvPlayer = flvjs.createPlayer({
				type:'flv',
				url:'http//localhost:8080/flv?port=1935&app=live&stream=test1'
			})
			flvPlayer.attachMediaElement(videoElement)//将flv视频装载进来
			flvPlayer.load()//载入视频
			flvPlayer.play()//播放视频,如果不想自动播放,可以不要本行
		}

	  </script>
	</body>
</html>

这样就播放出来了视频

注意是两个nginx,一个是8080,负责直播推流,80的负责播放

ffmpeg检查摄像头、麦克风设备的命令:

ffmpeg -list_devices true -f dshow -i dummy

播放摄像头命令:

ffplay -f dshow -i video="Integrated Camera"

用ffmpeg推流的命令:

ffmpeg -f -dshow -i video="useb2.0 PC Camera" -vcodec libx264 -f flv -y rtmp://127.0.0.1:1935/live/test001
相关推荐
软件技术员18 分钟前
Let‘s Encrypt SSL证书:acmessl.cn申请免费3个月证书
服务器·网络协议·ssl
耗同学一米八31 分钟前
2024 年河北省职业院校技能大赛网络建设与运维赛项样题四
运维·网络
_半夏曲44 分钟前
node.js、nginx、iis、tomcat针对部署方面的简述
nginx·node.js·tomcat
一条晒干的咸魚1 小时前
【Web前端】创建我的第一个 Web 表单
服务器·前端·javascript·json·对象·表单
东华果汁哥1 小时前
【linux 免密登录】快速设置kafka01、kafka02、kafka03 三台机器免密登录
linux·运维·服务器
肖永威2 小时前
CentOS环境上离线安装python3及相关包
linux·运维·机器学习·centos
mengao12342 小时前
centos 服务器 docker 使用代理
服务器·docker·centos
布鲁格若门2 小时前
CentOS 7 桌面版安装 cuda 12.4
linux·运维·centos·cuda
Eternal-Student2 小时前
【docker 保存】将Docker镜像保存为一个离线的tar归档文件
运维·docker·容器
C-cat.2 小时前
Linux|进程程序替换
linux·服务器·microsoft