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

[fengyenobug]

[mightybruce]

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

[mxT52CRuqR6o5]

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

[luckyscript]

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

[perbugwei]

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

[areless]

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

[ddch1997]

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

[abcgoodwei]

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

[abcgoodwei]

插件

[cat007]

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

[coala]

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

[ty29022]

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

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

[PopRain]

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

[fengyenobug]

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

[Shatyuka]

gstreamer 或者 ffmpeg 转一下呢

[thinkershare]

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

[fengyenobug]

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

[areless]

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

[circleee]

https://github.com/q191201771/lal

[circleee]

@circleee 试下这个 服务端转码

[wanguorui123]

ffmpeg-wasm 转换一下