将RTSP流式传输到HTML网站

问题描述 投票:1回答:2

我想将在RTSP中流式传输的IP摄像机显示在网页中。

我尝试了很多解决方案,比如使用VLC对流进行转码,但它们似乎都不够可靠,无法创建真正的Web服务。我正在考虑使用像flussonic或Red5这样的媒体服务器。但我不知道它是否会奏效。

这就是为什么我想知道在网页上显示RTSP流的最佳(和简单)解决方案的原因。

html5-video rtsp
2个回答
0
投票

尝试过“插件”之后的方法

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>

0
投票

您可以将VLC库集成到您的网站中,VLC将负责播放RTSP流所需的一切:https://wiki.videolan.org/index.php?title=HowTo_Integrate_VLC_plugin_in_your_webpage&action=edit&oldid=19150

© www.soinside.com 2019 - 2024. All rights reserved.