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
相关推荐
心灵彼岸-诗和远方9 分钟前
DevOps业务价值流:架构设计最佳实践
运维·产品经理·devops
一只哒布刘14 分钟前
NFS服务器
运维·服务器
苹果醋31 小时前
Java8->Java19的初步探索
java·运维·spring boot·mysql·nginx
二十雨辰1 小时前
[linux]docker基础
linux·运维·docker
Jason-河山2 小时前
【自动化更新,让商品信息跳舞】——利用API返回值的幽默编程之旅
运维·自动化
雨雪飘零2 小时前
Windows系统使用OpenSSL生成自签名证书
nginx·证书·openssl
lihuhelihu2 小时前
第3章 CentOS系统管理
linux·运维·服务器·计算机网络·ubuntu·centos·云计算
哲讯智能科技2 小时前
SAP Business One市场价格解析
运维·sap·erp
山东布谷科技官方2 小时前
布谷直播源码部署服务器关于数据库配置的详细说明
运维·服务器·数据库·直播系统源码·直播源码·直播系统搭建·直播软件开发
One_Blanks2 小时前
渗透测试-Linux基础(1)
linux·运维·安全