# 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:** 18

<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:** [1 September 2020 21:13 UTC](https://discourse.nodered.org/t/media-source-extension-video-player-for-live-streaming-mp4/31958/18 "2020-09-01T21:13:26Z")

</div>

Hey Kevin,

I have quickly create a _ **minimal** _ HLS player for the dashboard: [node-red-contrib-ui-mp4-player](https://github.com/bartbutenaers/node-red-contrib-ui-mp4-player/tree/master)

I have you added already as contributor in the package.json file and in the copyright headers of the js and html files. Will try to remind tomorrow that I also send you a Github invitation to cooperate.

You can install it directly from my Github account like this:

```auto
npm install bartbutenaers/node-red-contrib-ui-mp4-player

```

It contains a minimal config screen at the moment:

![mp4_player_config](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/4/e4574189e55ee540c40f3a3f18975a25d6f17552.gif)

- The source can be an _ **URL** _ (to fetch) or an input _ **msg** _ field (to push). Currently only the URL is implemented!!
- The _aspect ratio_ field doesn't work for some reason. Will need to look at that later ...

And when you open the dashboard, it will automatically start playing the _ **m3u8** _ link:

![mp4_player_dashboard](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/8/f8bfcbfff62d3fff570130e6da810417d0f9e513.gif)

Tomorrow evening I won't have much time, but then at least we have something to discuss and start testing.

Like always all 'constructive' feedback from anybody is very welcome!!

Have fun with HLS 😉

Bart

---

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