Introducing video over MQTT using the MediaSource API

Skip to first unread message

Dave Schere

Apr 24, 2017, 8:35:33 AM4/24/17
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

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


Small demo:

Reply all
Reply to author
0 new messages