一、首先搭建直播服务器
环境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><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