New Reference UI

[dsilhavy]

Is your feature request related to a problem? Please describe.
The current reference UI uses an outdated version of Angular and potentially other outdated libraries for instance for plotting the charts. Moreover, the code is hard to maintain as it basically is build on top of a single JavaScript file with 2.5k lines of code.

As part of the work on version 5.0.0 a rewritten reference UI should be implemented using up-to-date frameworks and libraries. Moreover, it would be good if the new UI automatically populates the settings and adds new settings options once introduced in Settings.js and index.d.ts. The existing functionalities should be kept.

[dsilhavy]

Also check how we can integrate the offline playback demo into the same UI. Currently we are maintaining two dedicated UIs which is not ideal.

[dsilhavy]

We might also provide preset configurations. For instance, a preset for LoL+ that changes the related parameters to the recommended settings.

[dsilhavy]

Consider using a different controlbar as well e.g. https://github.com/muxinc/media-chrome

[DanielHabenicht]

If you need support. I can also update our project to a newer Stencil version or integrate some functions to your new version.
As highlighted in my issue we addressed quite a few pain points.

[heff]

I'm happy to help on the media-chrome front for this. It. might also be worth bringing the <dash-video> project up to date if it's not anymore.

[DanielHabenicht]

I'm happy to help on the media-chrome front for this. It. might also be worth bringing the <dash-video> project up to date if it's not anymore.

I don't know for sure, but I think at the time we designed the new reference UI we also incorporated a revamp of the player, suitable for embedding or direct use in any major framework (angular, vuejs, react) based on stencil via webcomponents.