将RTSP流式传输到HTML网站

我想在RTSP中将IP摄像机流式传输到网页中。将RTSP流式传输到HTML网站

我已经尝试了许多解决方案，例如使用VLC对流进行转码，但它们中没有一个似乎足以可靠地创建真正的Web服务。我正在考虑使用一些媒体服务器，如flussonic或Red5。但我不知道它是否会起作用。

这就是为什么我想知道什么是在网页上显示RTSP流的最好（也是最简单的）解决方案。

来源

2017-03-04 Arnaud Geotribu

尝试过的“插件”的方式在

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>

来源

2017-10-29 09:02:21

你能帮我回答几个问题吗？我知道这是旧的，但我现在正在经历这个。性能如何？并且，你是否曾经遇到这个错误：WebSocket连接到'ws：//127.0.0.1：8778 /'失败：连接建立错误：net :: ERR_CONNECTION_REFUSED – stevelacerda7

RTSP流不被HTML5浏览器直接支持。

使用插件是某些浏览器的有限解决方案，其余未使用的访问者将无法观看流。

要覆盖大多数浏览器和设备，应该将流传输为HTML5兼容格式，如HLS & DASH。

要将RTSP转换为HLS，您需要具有此类功能的流式服务器，例如Wowza Streaming Engine。为了更好的理解你可以测试这个RTSP to Web Demo，你可以在其中输入你的公共可访问的rtsp地址，并在HLS，MPEG DASH，RTMP（Flash）等网络上获取流。

来源

2017-10-29 10:13:58 TopReseller

将RTSP流式传输到HTML网站

回答

相关问题