Page tree
Skip to end of metadata
Go to start of metadata

Step-by-step guide for live-streaming in node red webpage dashboard

  1. Add template node
  2. Insert the IP address of the streaming source into an iframe HTML object
  3. Assign the template node to a UI group
  4. Deploy

 

  1. Template node

    Insert from dashboard category of node-red nodes the following node:

  2. iFrame

    Open template node in edit mode and insert the within an iframe HTML object the IP address used for video-streaming.

    Bellow an example for a PNI IP541 W wireless camera

    <iframe width="680" height="600" src="http://192.168.1.106:3333/live.htm" frameborder="0" allowfullscreen></iframe>

  3. Associate template to a UI element

    UI element should be of type group.

  4. Deploy

After node-red deployment:

 

 

Video streaming integration: 

  1. https://community.openenergymonitor.org/t/howto-insert-live-stream-video-rtsp-and-other-into-your-dashbords/2767
  2. https://groups.google.com/forum/#!topic/node-red/LqAciW6OHqo
  3. https://groups.google.com/forum/#!topic/node-red/SZg7Bi_l91I
  4. https://groups.google.com/forum/#!topic/node-red/BKkpONM07Dg
  5. https://www.ibm.com/developerworks/community/blogs/hickmat/entry/nodered_and_the_motion_activated_camera?lang=en
  6. https://developer.ibm.com/recipes/tutorials/displaying-image-from-raspberry-pi-in-nodered-ui-hosted-on-bluemix/
  7. https://flows.nodered.org/flow/ead7faa5335100998d52