rtsp 的海康威视的视频流如何在网页上显示，网上找的方法试了好多没一个成功的，前端用的 vue

因为浏览器不支持 rtsp 协议, 并且 rtsp 实时流一旦出现延迟或者掉帧，就会出现花屏。
一般都是 rtsp 转成 rtmp 或者 hls, dash 协议后，然后播放。因为 hls, dash 就是走 http 的。
除此以外，要直接播放 rtsp, 需要写一些专门的 rtsp wasm 等处理方法了。

可以内嵌 vlc 播放器，要求用户安装 vlc 和 vlc 浏览器插件（代码被拦截贴不上来）
flash 已经寄了，web 原生不支持 rtsp 的

服务端开个 rtsp -> webrtc 的服务转一下。

我之前做的海康的摄像头用的 isup 的 sdk ，取裸流然后 websocket 推给前端的，前端播放器能播放。

realplayer 插件年代的东西。flash 还活着的时候，早就都 rtmp 了。现在 H5 都是 hls 。rtsp 需要服务端解码。。。这种中古协议在 web 端早被淘汰了，却仍在监控等传统领域活的很好

服务端部署 zlmediakit ，转一道，生成的 flv ，webrtc 都可以在网页端中播放

大华好像开源了一个无差价播放 rtsp 的播放器，具体可以看看大华官网上的插件。

插件

淘宝买个 rtsp 转 rtmp/HLS 的推流器试试

监控领域的老古董， 唉 ，浏览器，你应该先搞清楚需求，带宽? 数量（要考虑性能的！ 特别是 16 个以上的）， 除了 rtsp -> webrtc 剩下的所有方案都有较高的延迟的（ 5- 10 秒延迟）， 转码方案也牵扯到服务器端的性能，
这个需求不好做真的..我反正没做的太成功，每个环节都容易掉链子

> 网上找得方法试了好多没一个成功的
我不知道你是怎么找的，又怎么试的

gooogle 搜 rtsp to webrtc
排第一的链接点进去，根据 README 的提示，几行命令就能看到 demo
偏偏帖子还有个 vue 的 tag, 这样很容易让我对 vue 用户产生刻板印象

海康的 SDK 里面有 demo 吧， 我记得用 nginx 代理一下，就很简单了

@PopRain 确实有 demo ，我们需要一页放 18 个，插件版不支持我们的 ui （插件的本质是一个 exe 文件悬浮在浏览器上面，我们需要在视频上定位文字），无插件版需要先登录并实例化，18 个实例和登录没法完成（ 18 个实例内存太高，其次海康不允许同设备登录同一服务器，iframe 也试过，性能很不好且有很多问题，不稳定也很卡），目前是使用摄像头的 rtsp 直接播放，但是浏览器不支持直接播放，github 和 gitee 上面找的使用 FFmpeg 转码，使用 jsmpeg 或者 flv.js 播放的也都没成功

gstreamer 或者 ffmpeg 转一下呢

@fengyenobug rtsp 别想用浏览器直接播放。想其它办法。

@mxT52CRuqR6o5 安装 vlc 和 vlc 插件的也已经尝试过了，网上说的只有老版 IE 支持，我试了一下老版 ie 也显示不出来

https://open-icc.dahuatech.com/wsplayer/ 大华集成方案的。他们的 ICC 会把 rtsp 转成 websocket 二进制推过来。播放器 UI 默认能开 25 路，也可以自定义。可以参考参考。但是人家是一套方案。海康未知。

@circleee 试下这个 服务端转码

ffmpeg-wasm 转换一下