# Media source extension video player for live streaming mp4

**URL:** <https://discourse.nodered.org/t/media-source-extension-video-player-for-live-streaming-mp4/31958>\
**Category:** Developing Nodes\
**Created:** [24 August 2020 15:35 UTC](https://discourse.nodered.org/t/media-source-extension-video-player-for-live-streaming-mp4/31958 "2020-08-24T15:35:50Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [25 August 2020 07:04 UTC](https://discourse.nodered.org/t/media-source-extension-video-player-for-live-streaming-mp4/31958/6 "2020-08-25T07:04:10Z")

</div>

> [@kevinGodell](#):
>
> The main advantage is that it is simple... Just (near) live video.

Ok. From what I remember - apart from the mp4 complexity itself of course - the main problem was to get my SVG drawing correctly on top of the video. When you look at the first screenshot in this [discussion](https://discourse.nodered.org/t/new-ui-camera-viewer-node-css-help-needed/12406), you will see exactly why I loved to have that so much!!

> [@kevinGodell](#):
>
> Are you saying that if i wire a server-side node to a UI node, that the data will be sent without me needing to create my own websocket or http server? If yes, then that is the info I am looking for. I need to get a hold of a hollowed out simplistic template of a UI node that can receive data via the msg.payload.

Yes it is out-of-the-box functionality. If you want to share your media source code, I can try to integrate it into my camera-viewer UI node. It is your call ...

> [@kevinGodell](#):
>
> My personal cctv system at my house uses [socket.io](http://socket.io) to deliver mp4 and jpeg for 14 cams.

That is so weird. I had severe problems when displaying multiple camera images at once. That is the reason why I developed the [node-red-contrib-multipart-stream-encoder](https://github.com/bartbutenaers/node-red-contrib-multipart-stream-encoder) node at the time being: when you pull data simultaneously for N camera's that works fine, but if you push it the whole dashboard became unresponsive...

The Node-RED dashboard also uses [socket.io](http://socket.io) as you can see [here](https://github.com/node-red/node-red-dashboard/blob/master/ui.js#L28) in the code. So that is good news I assume, because it should be able to work without getting unresponsive. Since it works outside of Node-RED, it might be useful that we start analyzing the problem... Because pushing allows us to keep the flows very simple, compared to pulling.

---

_[View the full topic](https://discourse.nodered.org/t/media-source-extension-video-player-for-live-streaming-mp4/31958)._