Introducing video over MQTT using the MediaSource API

397 views
Skip to first unread message

Dave Schere

unread,
Apr 24, 2017, 8:35:33 AM4/24/17
to MQTT
For those unfamiliar with the MediaSource extensions in HTML5 there is a way to take over network transport away from the browser and inject
MPEG4 or Webm formatted video directly into the video tag in HTML5. It is still not supported in Safari but to my knowledge they are the only holdout. 
I have proven that I can stream compressed binary video using MQTT and forward the binary chunks directly into the video tag with little javascript overhead.

Here is a demo on git hub:


Its a bit raw, but it demonstrates that high bitrate video can be streamed through the MQTT broker. I think a dedicated instance of an MQTT broker for video would be the way to go in order to isolate video traffic from command and control traffic.

I am now in the process of testing how this approach scales. If anyone has any recommendations for performance tweaks it would be greatly appreciated. 

Dave Schere

unread,
Apr 24, 2017, 8:45:27 AM4/24/17
to MQTT
For more information on MediaSource extensions:

Specification:
 https://www.w3.org/TR/media-source/


Small demo:


Reply all
Reply to author
Forward
0 new messages