Live data from Hacker News

Show HN: Winamp and other media players, rebuilt for the web with Web Components

player.style

11–20 of 65 posts

Re: Show HN: Winamp and other media players, rebuilt for the web with Web Components

#11

Web components are great. You all are doing awesome things with them at Mux!

One small bit of feedback: you should look into using adoptedStyleSheets. They're very well supported now, and give a nice perf boost for repeated elements. You can fall back to in the shadow root if the user's browser doesn't support them.

Re: Show HN: Winamp and other media players, rebuilt for the web with Web Components

#12
post #3

Thanks for the link and the work. I wonder what would be the other uses of web components. Practical case : at work we want to distribute a subsidies simulator. It's currently an iframe. What would be the advantages of distributing a web component instead of an iframe ?

Web components and iframes are not mutually exclusive. Web components off ease of use and page styles and events integration, iframes offer a much stronger encapsulation boundary. You can use a web component to host and load an iframe even. A few advantages of web components if you don't need the security boundary of iframes: - Web components can naturally resize to their content where iframes can't. - Some page styl…

Great points! We've talked about using iframes when we specifically don't want people to customize things, like single-video embeds.

Re: Show HN: Winamp and other media players, rebuilt for the web with Web Components

#13

Web components are great. You all are doing awesome things with them at Mux!

One small bit of feedback: you should look into using adoptedStyleSheets. They're very well supported now, and give a nice perf boost for repeated elements. You can fall back to in the shadow root if the user's browser doesn't support them.

Iiiinteresting. Some how I'd missed that so far. Thanks for the tip.

Re: Show HN: Winamp and other media players, rebuilt for the web with Web Components

#14
post #12

Earlier quoted context omitted.

Web components and iframes are not mutually exclusive. Web components off ease of use and page styles and events integration, iframes offer a much stronger encapsulation boundary. You can use a web component to host and load an iframe even. A few advantages of web components if you don't need the security boundary of iframes: - Web components can naturally resize to their content where iframes can't. - Some page styl…

Great points! We've talked about using iframes when we specifically don't want people to customize things, like single-video embeds.

You can set the CSS properties that you don't want to inherit, you shouldn't need an iframe.

Re: Show HN: Winamp and other media players, rebuilt for the web with Web Components

#15
post #4

An old version of Winamp will load very quickly and run very well on modest hardware. This webpage does not scroll smoothly on a 2019 Mac Book Pro and there's a long delay in loading the gratuitous, confusing video you have on the page. You have created a massive performance regression for no reason.

I totally agree that this is very heavy compared to the original player, but that's probably not the point... maybe it's just for fun... ;-)

Re: Show HN: Winamp and other media players, rebuilt for the web with Web Components

#16
post #12

Earlier quoted context omitted.

Great points! We've talked about using iframes when we specifically don't want people to customize things, like single-video embeds.

You can set the CSS properties that you don't want to inherit, you shouldn't need an iframe.

That's true. I think I still like the limits of an iframe as a design constraint, compared to web components where you have to explicitly make those decisions. But really what tips me into iframe land is when using a backend for the HTML page can unlock something you can't do otherwise.

Re: Show HN: Winamp and other media players, rebuilt for the web with Web Components

#17

Nicely done. I wish Peacock had used one of these during the Olympics / Paralympics, specifically one that has a visible chapter scrubber like these do. Watching a 6 hour stream with a dozen different matches meant not having any idea who was playing when. Hopefully they'll use one of these players next time around!

Thank you! One of the devs working on the Peacock player now helped build a lot of Media Chrome, so who knows what may come of that.

To give them some credit, I thought the multi-screen view they built across their players was pretty novel.

Re: Show HN: Winamp and other media players, rebuilt for the web with Web Components

#18
post #15
post #4

An old version of Winamp will load very quickly and run very well on modest hardware. This webpage does not scroll smoothly on a 2019 Mac Book Pro and there's a long delay in loading the gratuitous, confusing video you have on the page. You have created a massive performance regression for no reason.

I totally agree that this is very heavy compared to the original player, but that's probably not the point... maybe it's just for fun... ;-)

This was one where we almost didn't include it because it's pretty impractical, but...I still love it. Yes, 100% fun.

If people actually like it we should take a performance pass. In our defense, we at least switched out the original bmp files from the first pass we took at hacking this together.

Post reply on HN