仪表板上的节点红色图像

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

我正在对来自相机的图像执行对象检测并将其存储在具有固定名称的目录中。每隔几秒,图像就会更新并以相同的名称存储在目录中。

我在 Mac 上运行 node-red。我想在我的 npm 仪表板上显示此图像,并在每次更新源图像时更新它。有办法做到这一点吗?

我尝试使用节点红色仪表板中的媒体节点,但它没有更新我的图像。 请帮忙。

dashboard node-red
2个回答
0
投票

我分两部分解决了问题:

  1. settings.js 文件中设置 httpStatic
  2. 在node-red中设置模板节点

设置httpStatic

  1. 转到文件夹~/.node-red并打开settings.js文件

  2. 在此文件中,取消注释以 httpStatic 开头的行,然后输入存储图像的目录/文件夹的路径。代码行将如下所示:

    httpStatic: 'Path to your folder',

  3. 重新启动节点 RED

这会将您提供的路径设置为 Node RED 的根目录,从中开始搜索您的文件

在 Node RED 中设置模板节点

  1. 引入模板节点并放入以下代码:
    <body>
    <script>
    setInterval(function(){
        $("#myimg").attr("src", "path to your image w.r.t. httpStatic?"+new 
         Date().getTime());
         },7000);
    </script>
    <div style="height:500px;">
    <p align='center' id="box">
        <img src="path to your image w.r.t. httpStatic" id="myimg">
    </p>
    </div>
    </body>
    

上面每 7 秒检查一次包含图像的目录,并在图像发生变化时更新图像。

注意:请务必提供相对于 httpStatic 中设置的根目录的图像路径

您可以根据需要更改分割大小、图像对齐方式以及更新时间间隔。


-1
投票

您能解释一下吗?我想做一些像你一样的东西,但我有一些麻烦

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