dash.js icon indicating copy to clipboard operation
dash.js copied to clipboard

New Reference UI

Open dsilhavy opened this issue 2 years ago • 6 comments

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 avatar Jul 13 '23 14:07 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 avatar Aug 07 '23 11:08 dsilhavy

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

dsilhavy avatar Aug 07 '23 11:08 dsilhavy

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

dsilhavy avatar Aug 08 '23 08:08 dsilhavy

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.

DanielHabenicht avatar Nov 16 '23 15:11 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.

heff avatar Nov 16 '23 18:11 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.

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.

DanielHabenicht avatar Nov 16 '23 20:11 DanielHabenicht