我想将在RTSP中流式传输的IP摄像机显示在网页中。
我尝试了很多解决方案,比如使用VLC对流进行转码,但它们似乎都不够可靠,无法创建真正的Web服务。我正在考虑使用像flussonic或Red5这样的媒体服务器。但我不知道它是否会奏效。
这就是为什么我想知道在网页上显示RTSP流的最佳(和简单)解决方案的原因。
尝试过“插件”之后的方法
How can I display an RTSP video stream in a web page?
而“转换”的方式则表明了这一点
https://www.npmjs.com/package/html5_rtsp_player
我终于找到了一个使用这个插件的非常简单的解决方案,仅适用于Chrome,这对我的项目来说是好的。
https://www.videoexpertsgroup.com/vxg-chrome-plugin/
这就是html代码的样子
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script type="text/javascript" src="/assets/vxgplayer-1.8.31/vxgplayer-1.8.31.min.js"></script>
<link href="/assets/vxgplayer-1.8.31/vxgplayer-1.8.31.min.css" rel="stylesheet" />
</head>
<body>
<div class="vxgplayer"
id="vxg_media_player1"
width="640"
height="480"
url="rtsp://admin:[email protected]/defaultPrimary0?streamtype=u"
nmf-src="/assets/vxgplayer-1.8.31/pnacl/Release/media_player.nmf"
nmf-path="media_player.nmf"
useragent-prefix="MMP/3.0"
latency="10000"
autohide="2"
volume="0.7"
avsync
autostart
controls
mute
aspect-ratio
aspect-ratio-mode="1"
auto-reconnect
connection-timeout="5000"
connection-udp="0"
custom-digital-zoom></div>
</body>
</html>
您可以将VLC库集成到您的网站中,VLC将负责播放RTSP流所需的一切:https://wiki.videolan.org/index.php?title=HowTo_Integrate_VLC_plugin_in_your_webpage&action=edit&oldid=19150