Showing temperature and humidity data into a video feed from Axis camera. Data are fetched from temperature sensors, sent via CHESTER IoT Hub and displayed in video
List of supplies & Specification
About the project
At the request of our clients, we’ve created a micro-application that is able to download data from their specific products and automatically embeds them into live broadcasts. Another example is integration with IoT devices from the Hardwario company. The devices process data from a whole range of environmental sensors, making it possible to implement many IoT projects. Hardwario operates its own cloud, which makes it possible to access the measured values. That’s why it seemed to us like an interesting idea to directly display the data from these great sensors dynamically in the camera image, allowing camera owners to better orient themselves.
Why CHESTER IoT hub?
Thanks to its temperature range and durability against dust and water, the IoT Hub CHESTER is used in demanding outdoor projects in the field of agriculture, forestry, water management, and industry. The device communicates via LPWAN technologies such as NB-IoT or LoRaWAN even in places where a normal Internet connection is not available and works on batteries for several years.
Technical solutionWe’ve created a micro-application that runs in the CamScripter App, which downloads data from the Hardwario company’s application interface. This data is then displayed on the camera via the Custom Graphics widget. In this widget, values are embedded into the prepared graphics and then automatically updated every 60 seconds and during configuration changes.
“In this case, CamStreamer apps provide an overview of values directly in the video, which are important for specific projects, primarily in agriculture, forestry, water management, etc.,” Filip Hanek, Product Manager of CamStreamer explains. Thus, it can help in solutions from the Hardwario company (monitoring air quality in the Liberec Zoo, controlling undesirable temperatures and humidity as stress prevention for the animals; monitoring heat and humidity in cable boxes; in British forests, etc.) This integration will also be handy for situations where the camera covers an extensive area in which Chester IoT HUB devices collect data in various sites (e.g. data on ground soil moisture) and the camera owner wants to have data directly in the image for better orientation.
What do you need?
Sensor of your need
Axis network camera
- Use any compatible camera from Axis Communications with ARTPEC-5/6/7/8 processor
- The Axis camera portfolio can be found at axis.com
- Don’t forget to check the compatibility with CamStreamer apps
- MSRP $419 (AXIS P1135)
CHESTER IoT hub
The device communicates via LPWAN technologies such as NB-IoT or LoRaWAN even in places where a normal Internet connection is not available and works on batteries for several years.
- CamStreamer App is an In-camera app streams live video directly from Axis camera to YouTube, Facebook and many other streaming platforms. Easy setup via any browser, no additional HW is needed.
- CamOverlay App is an in-camera app that generates dynamic graphic overlays and displays them directly in Axis camera’s video stream
- CamScripter App allows to running of micro apps (Node.js script) inside the Axis camera fetch data from an external source
- MSRP $799
Tip: Get a free 30-day license on www. camstreamer.com. Try everything out before making a one-time purchase of the license.
How to set-up integration of IoT devices from
the Hardwario company
How can we display current data from IoT Hub CHESTER devices, which monitor physical values and are used in many fields? We’ve created more micro-applications that run in the CamScripter App and download relevant data. You’ll find out how below.
Steps to run it:
- Install the CamScripter App and CamOverlay App in your camera (you can do this via the upper bar in the CamStreamer App).
- Download the current Hardwario package at https://github.com/CamStreamer/CamScripterApp_packages_to_use/blob/master/hardwario.zip
- Import the Hardwario_CamOverlayApp_Custom_Ovelay.json. file to the CamOverlay App to the Custom Graphics service. Based on your resolution for broadcasting, select the 4k or FullHD option. Change the widget to fit your needs in Custom Graphics.
Tip: If the widget is modified in the CamOverlay App, either wait 60 seconds for it to be displayed or turn the micro-application off and then back on from the CamScripter App environment.
- Upload the file „hardwario.zip“ to the CamScripter App and press „Start“. Open the micro app via the settings icon.
- Insert your ID and token and select the unit system you want to use.
Each service in the CamOverlay App has its own ID, and the correct ID of the service in which data is to be displayed must be listed in the micro-application’s configuration.
- Set the service ID of Custom Graphics in the CamOverlay App.
- Now, check out the widget in the picture!