Nginx-rtmp、FFmpeg实现直播效果并在web页面播放

本文详细介绍了在Windows10环境下,通过FFmpeg转换视频为流媒体格式,结合Nginx-rtmp模块进行发布,最终在网页上使用video标签展示直播内容的全过程。涉及到的步骤包括FFmpeg的下载与环境配置、Nginx-rtmp的安装及配置、web播放代码的编写和启动流程。注意需要创建用于存储处理材料的文件夹,并按顺序启动nginx、web页面和ffmpeg。
摘要由CSDN通过智能技术生成

本文参考链接:https://blog.csdn.net/u011424614/article/details/113420000

在这里插入图片描述

前情提示:本文使用的是windows10系统

主要流程讲解

1.本文选择的路线是 视频文件–>FFmpeg–>nginx–>web播放
2.FFmpeg是一个强大的视频编辑软件,基本干视频,音频的多多少少都会用到这个软件。本文中FFmpeg的作用是将视频整成视频流的形式。
3.nginx的作用主要是将FFmpeg的视频流进行发布,供web进行访问。
4.web访问我选择了video标签,参考文章中还出现了一种div形式的,也是很好的。

第一步:下载FFmpeg

百度链接:https://pan.baidu.com/s/1isTdobOaDEcQXcNAs_f9fw 提取码:0ohe
官网:https://ffmpeg.org/download.html
安装教程就是解压完了然后配置一下环境变量就行了。path里面配到bin目录

在这里插入图片描述

第二步:安装nginx

这个更简单,下载完了解压一下,然后把rtmp的放在nginx的总目录下就行了,主要是配置文件的书写。
nginx百度链接:https://pan.baidu.com/s/1V9kcE8KmD8JdlI-fvXe0bQ 提取码:z70m
nginx官网下载:https://nginx.org/en/download.html

rtmp模块github下载:https://github.com/illuspas/nginx-rtmp-win32/tree/master
rtmp模块百度下载:https://pan.baidu.com/s/1gP165PFQOm4POgJFeT8jBw 提取码:4psx

nginx解压,把rtmp模块放在他的总目录下,下面是截图
在这里插入图片描述
在conf目录下新建一个nginx-rtmp.conf文件,把下面这段代码复制进去
下文中的注意事项,要建好 C://m3u8//liveC://m3u8//show 这两个文件夹,视频被直播时是会被处理的,这两个就是处理时需要用来存储处理材料的文件夹。当然,名字和位置你可以自己定义。

worker_processes  1;
events {
   
    worker_connections  1024;
}
# # RTMP configuration
rtmp {
   
    server {
   
        listen 1935; # Listen on standard RTMP port
        chunk_size 4000;

        application livetv {
   
            live on;
            # Turn on HLS
            hls on;
            hls_path C://m3u8//live;
            hls_fragment 3;
            hls_playlist_length 60;
            # disable consuming the stream from nginx as rtmp
            deny play all;
        }
		
		application file {
   
            live on;
            # Turn on HLS
            hls on;
            hls_path C
  • 2
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值