vlc播放器或者web实现rtmp拉流

本文介绍如何使用VLC播放器进行RTMP拉流,并通过video.js实现web端视频监控。从本地视频到摄像头推流,详细说明了配置过程及注意事项。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最简单的拉流莫过于接着第三方播放器了,我们可以利用VLC播放器实现rtmp拉流。

当安装完vlc播放器并且客户端已经在推流了(推流地址为rtmp://127.0.0.1:1935/live/123),我们打开vlc,在媒体中选中打开网络串流,然后输入拉流地址(拉流地址与推流地址一致)


13908708-929fad94e4a03262.png
vlc播放器

然后点击播放

13908708-ecf994f458ecb52b.png
拉流成功(本地视频)

好啦,华丽丽的实现了(现在本地视频推流模式)


13908708-b8006b52c3d966a3.png
拉流成功(视频监控)

如果把推流源换成摄像头,拉流也同样没问题(摄像头&MIC)


当然,我们要做的完全不知这些,我们最终的目的是实现在web上监控摄像头,为了实现这些,我们可以借助video.js(测试发现,并不是全部版本都可以实现,建议使用5.x.x版本,应为必须要使用到video-js.swf文件)

首先我们得下载video.js相关文件,然后引入到页面上,页面代码如下:


13908708-5142cbf78520eb18.png
页面代码

简简单单的代码,重点在于拉流地址必须与推流地址一致


远行程序,效果如下

13908708-556ccfd16cb07e3e.png
web效果

nice,web拉流华丽丽的实现了(现在本地视频推流模式)


13908708-05343b53680e9f27.png
web效果

如果把推流源换成摄像头,拉流也同样没问题(摄像头&MIC)


至此,Nginx服务器搭建、rtmp推流和rtmp拉流基本实现

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值