HTML 无插件播放 RTSP 流媒体解决方案

最新推荐文章于 2022-09-21 17:11:46 发布

墨痕丶

最新推荐文章于 2022-09-21 17:11:46 发布

阅读量1.4k

点赞数

文章标签： nodejs ffmpeg rtsp html javascript

本文链接：https://blog.csdn.net/zahirah11/article/details/112836878

版权

本文介绍了在Win10环境下，利用Node.js和FFmpeg实现HTML5无插件播放RTSP流媒体的解决方案。尽管存在8-10秒的延迟，适用于对延迟不敏感的场景。首先确保安装了Node.js和FFmpeg，接着部署后端代码，运行并调整RTSP地址。前端借助flv.js库建立WebSocket连接，经过短暂等待即可呈现画面。测试前需验证RTSP地址的可用性。

摘要由CSDN通过智能技术生成

测试平台为 win10，测试效果延迟较大，在八到十秒左右，对于延迟要求不高的可以尝试使用。

环境准备：

node
安装 ffmpeg 多媒体处理工具，官网链接
谷歌浏览器

后端代码：

const WebSocket = require("ws");
const webSocketStream = require("websocket-stream/stream");
const ffmpeg = require("fluent-ffmpeg");

ffmpeg.setFfmpegPath(
  "D:/software/ffmpeg-20200821-412d63f-win64-static/bin/ffmpeg"
);

const wsserver = new WebSocket.Server({
    port: 65533 });

wsserver.on("connection", (ws) => {
   
  const stream = webSocketStream(ws);

  ffmpeg("rtsp://admin:HikVSCRWJ@192.168.0.174:554")
    .