HLS Video Stream
Plays an HLS (.m3u8) stream — live or recorded. The stream URL is read from a configured data key, with an optional static fallback URL.
HLS Video Stream
Plays an HLS (.m3u8) stream — live or recorded. Typical glass-to-glass latency is 6–30 seconds, depending on segment length and player buffer. Uses hls.js on Chrome, Firefox, and Edge, and falls back to the browser’s native HLS engine on Safari.
Data Keys
- hlsStreamUrl (attribute) — the
.m3u8URL to play, for examplehttps://<host>/live/camera1/index.m3u8. The key name is up to you; any string attribute that resolves to an HLS URL works.
Settings
Fallback stream URL plays when the data key is empty. Autoplay, muted start, video controls, and back-buffer length are all configurable under the Video streaming settings group.
Share Your Widget with the Community
Built a custom widget? Export it as a JSON from ThingsBoard and publish it to the IoT Hub through a simple 4-step wizard (Upload, Listing, Readme, Review & Submit). Share it with thousands of ThingsBoard developers worldwide and get featured in the catalog.