FFmpeg+Nginx+VLC打造M3U8直播

打印 上一主题 下一主题

主题 1508|帖子 1508|积分 4524

一、视频直播的技术原理和架构方案
直播模子一般包罗三个模块:主播方、服务器端和播放端

主播放创造视频,加美颜、水印、殊效、收罗后推送给直播服务器
播放端:
直播服务器端:收集主播端的视频推流,将其放大后推送给全部观众端,这个是核心功能,还有运营级别的诉求:好比鉴权认证,视频连线和及时转码,自动鉴黄,多屏合一,以及云端录制储存功能,别的对于一恶搞主播端的推流视频,中间必要经过一些环节才气到达播放端,因此对中间的质量进行监控,以及根据这些监控进行智能调治,也是非常紧张的诉求,
二、实现头脑和步调
1、录制---》编码---》网络传输---》解码---》播放
怎样录制直播视频源:手机,ffmpeg
怎样上传直播视频(推到服务器)
怎样播放直播视频
直播间用户是怎样交互(送礼品/谈天室/弹幕)

2、怎样搭建一个完备的视频直播体系


3、搭建自己的直播平台
本次测试:
视频收罗与编码:ffmoeg
直播服务Rtmp/hlsRtmp/hls)Nginx+RTMP模块
播放:网页端Video.js(vlc)

服务器上针对nginx进行配置:

执行推流:

ffmpeg -re -i zhiboshipin.mp4 -c copy -f flv rtmp://192.168.1.35:1935/live1/test
注意,这个最后的"test",可以改为test1,test2,......,可以开无数的直播流,
然后在vlc下打开串流观看,地址:
rtmp://192.168.1.35:1935/live1/test
m3u8的观看地址:
http://192.168.1.35:8000/hls1/test.m3u8
这个8000是nginx的端口,
查看服务器上的文件,发现生成了很多ts文件:

分析一下test.m3u8文件,内里存储的是片段:

三、搭建Nginx直播服务器
服务器由 Nginx+RTMP构成,Nginx是http服务器,RTMP是附加啊啊啊啊啊啊模块,选择源码的方式安装,可以自定义安装模块

安装Nginx依靠,

apt-get install -y libpcre3 libpcre3-dev libssl-dev zlib1g-dev gcc wget unzip vim make curl

下载源码:
https://github.com/winshining/nginx-http-flv-module

中文文档:nginx-http-flv-module/README.CN.md at master · winshining/nginx-http-flv-module · GitHub
wget下载

解压
unzip master.zip


然后下载nginx自己源码,解压

编译安装

配置好之后,make makeinstall
要删除掉
Werror

四、配置rtmp服务器

启动Nginx,执行下令:
/usr/local/nginx/sbin/nginx


vod目次下的是点播功能,可以用rtmp协议播放网络文件



五、搭建FFmpeg,直播推流
下载并安装ffmpeg,
ffmpeg当地文件推流
  1. ffmpeg -re -i input.mp4 -vcodec libx264 -acode aac -f flv
复制代码
-re表现以正常的帧率推流,否则视频很快推完
rtmp://192.168.1.35:1935/hls1/test1
ffmpeg摄像头推流:
  1. ffmpeg -f dshow -i video="Integrated Camera" -vcodec libx264 -preset:v ultrafast -tune:vzerolatency -f flv rtmp://192.168.1.35/test
复制代码
六、搭建Videojs,实战网络直播
新建网页,使用第三方播放器( video.js),播放源为:http://192.168.1.35:8080/hls/test1.m3u8
  1. <p><em>Videojs播放直播.</em></p>
  2. <video id="myVideo"  class="video-js vjs-default-skin"   preload="auto" width="640" height="264" controls>
  3.        
  4.         <source src="http://192.168.1.35:8080/hls/test1.m3u8" type="application/x-mpegURL">
  5. </video>
  6. <script src="https://vjs.zencdn.net/7.20.3/video.min.js"></script>
  7.     <script>
  8.         const player = videojs('myVideo', {
  9.             html5: {
  10.                 hls: {
  11.                     overrideNative: true // 强制使用 video.js 的 HLS 处理
  12.                 }
  13.             }
  14.         });
  15.     </script>
  16. </body>
复制代码
配置 Nginx 以支持 HLS 直播流(.m3u8 和 .ts 文件)并解决跨域题目:
  1. # 在 http 或 server 块中定义 MIME 类型(确保支持 HLS)
  2. http {
  3.     include       mime.types;
  4.     default_type  application/octet-stream;
  5.     # 添加 HLS 的 MIME 类型(如果 mime.types 中未定义)
  6.     types {
  7.         application/vnd.apple.mpegurl m3u8;
  8.         video/mp2t ts;
  9.     }
  10.     # 其他全局配置...
  11. }
  12. server {
  13.     listen 80;
  14.     server_name your-domain.com;  # 替换为你的域名或 IP
  15.     # HLS 直播流文件路径(根据实际路径调整)
  16.     location /live {
  17.         # 允许跨域请求(CORS)
  18.         add_header 'Access-Control-Allow-Origin' '*' always;
  19.         add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS' always;
  20.         add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range' always;
  21.         add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range' always;
  22.         # 处理 OPTIONS 预检请求
  23.         if ($request_method = 'OPTIONS') {
  24.             add_header 'Access-Control-Max-Age' 1728000;
  25.             add_header 'Content-Type' 'text/plain; charset=utf-8';
  26.             add_header 'Content-Length' 0;
  27.             return 204;
  28.         }
  29.         # 禁止缓存(直播流需实时更新)
  30.         add_header 'Cache-Control' 'no-cache';
  31.         # 指定文件路径
  32.         alias /path/to/your/hls/files;  # 替换为实际存放 m3u8/ts 文件的目录
  33.         autoindex off;  # 禁止目录列表
  34.         # 启用高效文件传输(可选)
  35.         sendfile on;
  36.         tcp_nopush on;
  37.     }
  38. }
复制代码
开始当地推流
  1. ffmpeg -re -i input.mp4 -c copy -f flv rtmp://192.168.1.35:1935/live/test1
复制代码
如许就可以顺利在欣赏器观看直播了
七、M3U8的多码流自顺应
low.m3u8
mid.m3u8
high.m3u8



免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

干翻全岛蛙蛙

论坛元老
这个人很懒什么都没写!
快速回复 返回顶部 返回列表