[nginx-rtmp]ffmpeg+video-js的推流和拉流

晚上十点过了,匆匆做下笔记赶紧碎觉

一nginx-rtmp配置

安装好nginx-rtmp 修改配置如下
rtmp默认监听1035端口,同时监听80端口

worker_processes  1;

error_log  logs/error.log info;

events {
    worker_connections  1024;
}

rtmp_auto_push on;
rtmp {
    server {
        listen 1935;
		chunk_size 4096;
        application live {#直播模式
            live on;
        }
    }
}

http {
	include mime.types;
	default_type application/octet-stream;
	sendfile on;
	keepalive_timeout 65;	
	server {
		listen    80;
		server_name localhost;
        location / {
			root html;
            index live.html live.htm;
        }
	}
}

二 ffmpeg 推流和拉流

推流

在ffmpeg目录下推送 big.mp4到 本机rtmp地址
ffmpeg.exe -re -i big.mp4 -vcodec h264 -f flv rtmp://127.0.0.1/live/vedio

拉流

拉取本机rtmp地址的流
ffplay.exe -i rtmp://127.0.0.1/live/vedio

三 页面拉流

80端口访问的live.html如下
调用videojs来拉流,不支持拉取127.0.0.1本地流
有的浏览器屏蔽了flash需要手动打开flash输入

<a href=“https://get.adobe.com/cn/flashplayer/”; class=“flashLoadMsg”
target="_blank">启动FLASH播放器

<html>
<head>
	<title>Live</title>
	<meta charset="utf-8">
	 <link href="http://vjs.zencdn.net/5.5.3/video-js.css" rel="stylesheet">
	<script src="http://vjs.zencdn.net/ie8/1.1.1/videojs-ie8.min.js"></script>
	<script src="http://vjs.zencdn.net/5.5.3/video.js"></script>
</head>
<body >
<h2 >推流测试</h2>
	<video id="my-video" class="video-js" controls preload="auto" width=" 640" height="360" data-setup="{}">
		<source src="rtmp://192.168.0.105/live/vedio" type="rtmp/flv">
	</video>
	<a href="https://get.adobe.com/cn/flashplayer/"; class="flashLoadMsg" target="_blank">启动FLASH播放器</a>
</body>
</html>

ffmpeg 推流,打开网页

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
在Windows下一站式搭建ffmpeg推流nginx-http-flv-module直播拉流和flv.js播放环境可以按照以下步骤进行操作: 1. 首先,下载并安装FFmpeg。可以在官方网站(https://www.ffmpeg.org/)上找到适合你的操作系统的安装文件,然后按照指示进行安装。 2. 下载nginx服务器,并在安装目录下找到“conf/nginx.conf”文件,使用文本编辑器打开。编辑该文件,配置推流和拉流的相关设置。 3. 在“http”部分添加以下配置信息: ``` rtmp { server { listen 1935; application live { live on; allow publish all; allow play all; push rtmp://127.0.0.1/live/$name; } } } ``` 4. 在“server”部分添加以下配置信息: ``` location /live { flv; chunked_transfer_encoding on; root html; } ``` 5. 打开命令行,并定位到nginx安装目录的文件夹下运行:“start nginx”命令启动nginx服务器。 6. 下载并安装flv.js(https://github.com/Bilibili/flv.js)。 7. 在项目的HTML文件中引入flv.js库文件,并使用以下JavaScript代码播放视频: ``` if (flvjs.isSupported()) { var videoElement = document.getElementById('videoElement'); var flvPlayer = flvjs.createPlayer({ type: 'flv', url: 'http://localhost/live/stream.flv' }); flvPlayer.attachMediaElement(videoElement); flvPlayer.load(); flvPlayer.play(); } ``` 8. 访问网页并检查视频是否能够正常播放。 通过以上步骤,你可以在Windows系统下一站式搭建起FFmpeg推流nginx-http-flv-module直播拉流和flv.js播放环境,实现流媒体的推流拉流和播放功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

工农村贴膜小哥

我倒是要看看是那个憨憨在给我打

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值