This CSS Backlight Effect is so damn cool!

[@Morgan_Davis]

Awesome. That video effect is like the Govee bias lighting on my LG TV that tracks what’s on the screen.

[@wlockuz4467]

Is this how KZbin implements its "Ambient mode"?

[@specy_]

No

[@JorgeGutierrez-kb7rw]

Really really nice, love the effect. Awesome video

[@mralextacy]

awesome effect and tutorial! would love to see more of these

[@jfftck]

This was the initial Firefox implementation of filter in CSS, so great to see this come full circle.

[@FlorinPop]

Love you too Wes! 💜

[@JaydevGrowexx]

Ohh man, its the same effect I see on youtube video player. Awesome

[@JimKernix]

I noticed that on YT videos a year or so ago - really cool

[@Mkvkuv]

I hate this effect on YT. I wish I can turn it off

[@pokefreak2112]

It looks cool but you probably don't want to do this on things that move, it absolutely destroys performance/power usage

[@keviincosmos]

Interesting. How to check performance?

[@chrizzzly_hh]

CSS Ambilight ;)

[@franciscofdez8334]

Wow, awesome! 🤯

[@taquanminhlong]

We can even make effects and filters with svg? No way 🤯

[@superepicproportions]

Subbed for that outro ❤

[@Eupolemos]

This IS really cool - thx

[@CodeCowboy64]

Thanks!

[@ryandotfurrer]

Damn, this is definitely my sick pick of the week

[@amirmeimari]

Huh I always wondered how youtube have this feature... the more you know...

[@WesBos]

Ohhh - Where does KZbin do this?

[@ytuser6276]

​@@WesBosthey've been doing that on both desktop and the apps as an opt-out feature called "ambient mode"

[@susilthapa4367]

​@@WesBos, changes the color around the video container based on video content, could you please make a video how they do that

[@PicSta]

@@WesBos Settings > Cinematic light

[@ste-fa-no]

KZbin does it through "canvas" though, but they might use something similar to create it (and I guess they would use a smaller version of the video instead, to prevent it from being heavy)

[@AdemolaOladipo]

And we wonder why Chrome is using 1gb RAM to display one web page?

[@WesBos]

We dont wonder that - we measure! 120mb ram to display this page, not a lot at all

[@kelindrawn]

woa! saved! thanks :D

[@brandonhamaguchi]

Nice, but performance-wise? Eg on a cheap Android.

[@WesBos]

depends what you are doing in the animation - no different than regular CSS transitions + animations.

[@specy_]

​@WesBos blur is really really really expensive to compute, for static things it's ok, but videos will be really heavy

[@JoelPeltonen]

Neat! Which browser was that? Or was it a Tauri window or something?

[@WesBos]

This is MS Edge

[@josephdburdick]

What editor is this where you have absolutely no UI title bar

[@OscarObians]

So cool!!

[@mattd5419]

WOW, you are a fucking wizard !!

[@Cuwubiq]

technically speaking this is not anything new, the ambilight effect has been there for so long, but still, showcasing this so well to a wider audience is also really nice, great one

[@hello_world_104]

Whoa Wes bos has own KZbin and a ton of subs. I just knew him as Scott's smart co person on syntax KZbin

[@WesBos]

🤣 Wes (better known as Scott's co-person)

[@hello_world_104]

@@WesBos and I just followed u on twitter and mark Zuckerberg follows you lol. You're all the cool kids co person

[@WesBos]

@@hello_world_104 ohh yah!

[@thatcoul]

Cool

[@jinanshmehta9859]

KZbin's ambient mode

[@Black1991Star]

I think this effect is very inefficient in terms of optimization. Especially if you add animation.

[@xinaesthetic]

Particularly with large blur radius.

[@sylensdrake9706]

Why do u think so? I mean it worked without a flaw on the vid.

[@pierwszywolnynick]

Cool