Scope creep on the background-transparent proof of concept: German Glasses.
Put the window on top of German text and it overlays a mostly-working English translation.
PaddleOCR + Chrome Translator API, all client side and free. The web is incredible.
@__jesse_li that's interesting! is it playing the same video? also, are you using screenLeft/Top to determine the position of both windows? it looks really smooth.
Yeah, there must be better ways. I started with a pattern but then had trouble dealing with compression (in my test, Safari always gives 1x instead of Retina), and then decided that for a proof of concept, color finding will do 😂
I also thought about hiding it in the favicon, but browser compatibility would have been tough.
@codedgar_dev @jaibi_ai exactly, it creates the illusion of transparency by recording the outside of the browser and then projecting it when the window goes back to that position
more details https://t.co/ggREQSYnmh
Try it yourself: https://t.co/Zf77675JBb (you need to share the full screen the browser window is on)
Inspired by @mausmoto's ShaderGlass, I wanted something like that for the web!
Liquid Diamond is by @shuding of course, who got me into shaders recently.
This unlocks a lot. Faster onboarding for developer products. Delightful Marketplace integrations. Letting users own and pay for resources.
Try https://t.co/Jwx3vSrZaZ (which I used to generate this image). Sign in with Vercel and AI tokens will flow from your account!