获取web摄像头视频,并在网页上展示(ffmpeg+rstp+node)|| #网页无插件播放RTSP流媒体#

零、原理

1、使用ffmpeg工具拉流、解码转码、推流
2、使用node向前端发送数据帧
3、前端页面引入jsmpeg.js,将接收的数据帧,实时的在canvas中绘制成画面

一、下载相关组件

1、下载node
2、下载ffmpeg
3、下载node-rtsp-stream
需要的软件已上传到百度云:

需要的软件压缩包(百度云)
解压码:qwer

二、安装

参考:网页无插件播放RTSP流媒体

三、设置环境变量

1、node环境变量是安装好后自动生成的,所以不用设置了
2、ffmpeg的环境变量设置在 其bin目录下

最后的样式为:
在这里插入图片描述

四、配置node,安装node-rtsp-stream组件

1、根据node的环境变量,找到node目录,cmd运行,输入下面的代码:

 npm install node-rtsp-stream
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值