Node.js 在web浏览器中嵌入IP摄像头_Node.js_Html_Rtsp_Rtmp_Ip Camera

Node.js 在web浏览器中嵌入IP摄像头

node.js html

Node.js 在web浏览器中嵌入IP摄像头,node.js,html,rtsp,rtmp,ip-camera,Node.js,Html,Rtsp,Rtmp,Ip Camera,我目前正在做一个智能家居项目，它连接传感器和其他东西。主服务器运行在Raspberry Pi上，并使用Node JS设计。在本地网络上，您可以访问系统网页，查看日志、用户和管理传感器我还想添加一个摄像头流媒体。我有一个IP摄像头，我想把它连接到同一个网络上，并能在网页上看到它。我不介意有一些延迟或延迟，而且我不需要访问家庭网络之外的服务我找了一点，但找不到任何简单的解决办法。我读过关于RTSP和RTMP协议的书，它们在这些情况下可能会有所帮助。我经常读到有一些插件可用，比如VLC和Quick

我目前正在做一个智能家居项目，它连接传感器和其他东西。主服务器运行在Raspberry Pi上，并使用Node JS设计。在本地网络上，您可以访问系统网页，查看日志、用户和管理传感器

我还想添加一个摄像头流媒体。我有一个IP摄像头，我想把它连接到同一个网络上，并能在网页上看到它。我不介意有一些延迟或延迟，而且我不需要访问家庭网络之外的服务

我找了一点，但找不到任何简单的解决办法。我读过关于RTSP和RTMP协议的书，它们在这些情况下可能会有所帮助。我经常读到有一些插件可用，比如VLC和QuickTime，但我更喜欢不需要它们的解决方案。显然，HTML5支持这一点，但我没能在这方面取得进展。浏览器支持不应该是个问题，因为我假装只使用Google Chrome和它的最新版本。因此，如果有任何插件易于集成并与Chrome兼容，那就好了

我还发现了一些类似的服务：

他们似乎提供一些免费服务，但我不确定这是否是最好的解决方案

那么，有人能帮助解决这个问题吗？如何轻松地将视频从IP摄像头传输到本地网络中的Web浏览器（即使存在延迟或延迟）

谢谢你，伊戈尔

IP摄像机流到哪里？似乎我没有找到流媒体服务器

您需要RTMP服务器，但RTMP服务器中内置了一些IP摄像头
ipcamlive是一种流媒体服务。但是你需要带宽来发送
您不会安装任何插件，但RTMP需要插件，即flash、vlc。您需要转换为HTTP协议。例如HLS、Mpeg-DASH
您可以使用nginx rtmp模块来转换它们

<img name="main" id="main" border="0" width="640" height="480" src="http://192.168.1.109:8080/videostream.cgi?loginuse=admin&amp;loginpas=">

<iframe src="http://ipcamlive.com/player/player.php?alias=mycameraalias" width="1280px" height="960px"/>

Stream = require('node-rtsp-stream')
stream = new Stream({
name: 'name',
streamUrl: 'rtsp://username:password@IP Address/h265/ch1/main/av_stream',
wsPort: 9999,
ffmpegOptions: { // options ffmpeg flags
  '-stats': '', // an option with no neccessary value uses a blank string
  '-r': 30 // options with required values specify the value after the key
}
})

sudo apt-get install ffmpeg

<!DOCTYPE html>
<html>
<head>
 <title>JSMpeg Stream Client</title>
 <style type="text/css">
    html, body {
        background-color: #111;
        text-align: center;
    }
  </style>

 </head>
 <body>
 <canvas id="video-canvas"></canvas>
 <script type="text/javascript" src="jsmpeg.min.js"></script>
 <script type="text/javascript">
 var canvas = document.getElementById('video-canvas');
 console.log(document.location.hostname);
    var url = 'ws://localhost:9999/';
    var player = new JSMpeg.Player(url, {canvas: canvas});
</script>
</body>
</html>


JSMpeg流客户端
html，正文{
背景色：#111；
文本对齐：居中；
}
var canvas=document.getElementById（'video-canvas'）；
console.log（document.location.hostname）；
var url='ws://localhost:9999/'；
var player=new JSMpeg.player（url，{canvas:canvas}）；