Hi, I have a template node to display video from uv4l Inside it the following code works: Now, I want to replace the fixed IP address inside src with the one obtain from hostIP node I placed the following code inside the template node:

thanks, i have found the solution: <iframe id="myFrame" width="640" height="480" src = ""></iframe> <script> (function(scope) { // watch msg object from Node-RED scope.$watch('msg', function(msg) { // new message received var x = document.getElementById('myFrame'); x…

where is the code ? :slight_smile:

it says: Sorry, new users can not upload attachments.

I'm new too but you can link to a gist or a paste text file or just past directly here as quote

[{"id":"3aa66755.4eb88","type":"ui_template","z":"17fd675a.21c6a9","group":"cab0f2f3.38805","name":"Display image","order":1,"width":"12","height":"12","format":"<script id=\"VScript\" type=\"text/javascript\">\n$('#VFrame').src = \"http://\"+ msg.payload +\"/stream\";\n</script>\n\n<iframe id=\"VFr…

How to code the template node to pass the IP address? (currently is hard-coded) [{"id":"17fd675a.21c6a9","type":"tab","label":"IoBees_00","disabled":false,"info":""},{"id":"3aa66755.4eb88","type":"ui_template","z":"17fd675a.21c6a9","group":"cab0f2f3.38805","name":"Display image","order":1,"width":"…

you need to put {{ }} around the variable like {{msg.payload}}

I did it now, still doesn't work <iframe id="VFrame" width="640" height="480" frameborder="0" src = ""> </iframe> <script id="VScript" type="text/javascript"> $('#VFrame').src = "http://"+ {{msg.payload}} +"/stream"; </script>

The following code works: (but has a hard-coded IP address) <iframe id="VFrame" width="640" height="480" frameborder="0" src = "http://192.168.1.8:8080/stream"> </iframe> I need to insert the IP address as it will be different for different RPi, so the value "192.168.1.8" has to be taken from host…

You can use an exec node with a command like ifconfig wlan0 |grep netmask |sed 's/.*inet $[^ ]*$.*/\1/'

Node-RED

Node-RED Forum

Passing msg.payload to template node

Dashboard

ukmoose 4 February 2019 07:40 5

.Please read the following post How to share code or flow json

Topic		Replies	Views
Pass IP address into template node Dashboard	2	581	6 February 2019
How to insert msg.payload in template UI? Dashboard	3	1125	13 October 2021
Refresh the template Dashboard	2	980	25 March 2021
Passing msg.payload into template node <script> General ui-template , uibuilder	4	250	31 October 2024
Python code reading msg.payload value in Template node General	3	1360	7 April 2021

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Passing msg.payload to template node

Related topics