ImaginarySense / Imaginary-Teleprompter

Easy to use, free software, teleprompter app.
http://imaginary.tech/teleprompter
GNU General Public License v3.0
268 stars 54 forks source link

Blur the text except in the highlight line in the middle? #19

Closed zenny closed 6 years ago

zenny commented 6 years ago

Is there a way to blur the text outside the highlight to make it look like in https://upload.wikimedia.org/wikipedia/en/c/cc/Children_of_men.jpg?

Thanks!

Cheers, /z

Cuperino commented 6 years ago

Hello again Zenny,

We've considered to add this feature since the early days of Teleprompter. Given limitations in CSS' compositing capabilities there's no way for us to add this feature without clever hacks that would affect performance intensely. I looked up to see if there's a new way to add this feature today (since the web standards are always evolving) and found this:

https://drafts.fxtf.org/filter-effects-2/#BackdropFilterProperty

A draft stage CSS instruction that would allow compositing CSS filters unto the current element and the ones behind it. This is exactly the functionality we need to add this feature in a logical and efficient way, without rewriting mayor portions of the code.

If we were to add this feature we would advice users to use it with care, since talents could benefit from having a sharp image to read in their peripheral vision. Nevertheless, it would surely help talents that have trouble staying within the focus area to not drift apart from it.

Thank you for the request. I'll keep an eye on the plausible addition to CSS. Were it or an equivalent instruction become supported by Chrome, Firefox and Safari, we'll incorporate this feature into Teleprompter immediately.

In the meantime, I'll close the ticket and reopen it when the feature can finally be implemented.