chef 3745 Posted December 1, 2019 Share Posted December 1, 2019 Hi, thanks for replying. I understand your information, but I didn't understand where to change it to "1" in the code. backdrop.style.backdropFilter = "saturate(0) blur(0px)"; With saturate 0 will give it a washout look backdrop.style.backdropFilter = "saturate(1) blur(0px)"; Will make the backdrop look normal backdrop.style.backdropFilter = "saturate(1.8) blur(0px)"; Will bring out the color substantially. 1 Link to comment Share on other sites More sharing options...
CarlosLima 148 Posted December 1, 2019 Share Posted December 1, 2019 thank you very much 1 Link to comment Share on other sites More sharing options...
arrbee99 1551 Posted December 1, 2019 Author Share Posted December 1, 2019 Well this should do what you want @@arrbee99 with css .overflowYScroll.withSectionTabs div.backgroundContainer.withBackdrop { background: rgba(0,0,0,.10); backdrop-filter: saturate(1.8) blur(1.5em) } .overflowYScroll div.backgroundContainer.withBackdrop { background: rgba(0,0,0,.10); } Might need to add the "-webkit-backdrop-filter" for other browsers as shown in post 7. So I should add this to the css I have, while keeping chefs other code, and they kind of work in conjunction with each other ? I tried doing that and changing say, blur in the above to 0 and nothing seemed to change. Link to comment Share on other sites More sharing options...
Happy2Play 8242 Posted December 1, 2019 Share Posted December 1, 2019 Well chefs code has to be done with every update, this css only only once. I would not use both as I would assume chefs script would override css (guessing). 1 Link to comment Share on other sites More sharing options...
arrbee99 1551 Posted December 1, 2019 Author Share Posted December 1, 2019 Well chefs code has to be done with every update, this css only only once. I would not use both as I would assume chefs script would override css (guessing). Ah ok, its an either/or thing. Thank you. I shall have another quick play. Link to comment Share on other sites More sharing options...
arrbee99 1551 Posted December 1, 2019 Author Share Posted December 1, 2019 Ah ok, its an either/or thing. Thank you. I shall have another quick play. Tried with just the Happy2play version enabled and adjusting blur does work now. Thanks again. On a general note, if you guys have had a play with the backdrops on the home page enabled, and then you go to a movie detail screen or something, do you find you get a quick view of the previous blurred image being shown (though its actually not blurred at all any more) on the movie details page before the proper movie details page appears ? Link to comment Share on other sites More sharing options...
CarlosLima 148 Posted December 1, 2019 Share Posted December 1, 2019 (edited) Found by four clients, an issue that forced me to remove the code entirely. When playing, the videos and subtitles were blurred. By testing, I confirmed the problem. Edited December 1, 2019 by CarlosLima Link to comment Share on other sites More sharing options...
arrbee99 1551 Posted December 1, 2019 Author Share Posted December 1, 2019 Just played 2 things fine in Chrome using the code in post #17, on same pc as server. No idea about subtitles though. 1 Link to comment Share on other sites More sharing options...
Happy2Play 8242 Posted December 1, 2019 Share Posted December 1, 2019 (edited) Tried with just the Happy2play version enabled and adjusting blur does work now. Thanks again. On a general note, if you guys have had a play with the backdrops on the home page enabled, and then you go to a movie detail screen or something, do you find you get a quick view of the previous blurred image being shown (though its actually not blurred at all any more) on the movie details page before the proper movie details page appears ? Pretty sure that is the ".backdropImageFadeIn" animation in the backdropcontainer backdropimages. If you disable them in the console you see a instant change right? Edited December 1, 2019 by Happy2Play Link to comment Share on other sites More sharing options...
CarlosLima 148 Posted December 1, 2019 Share Posted December 1, 2019 Just played 2 things fine in Chrome using the code in post #17, on same pc as server. No idea about subtitles though. Link to comment Share on other sites More sharing options...
CarlosLima 148 Posted December 1, 2019 Share Posted December 1, 2019 Thanks for the info, I will try CSS. Link to comment Share on other sites More sharing options...
Happy2Play 8242 Posted December 1, 2019 Share Posted December 1, 2019 Found by four clients, an issue that forced me to remove the code entirely. When playing, the videos and subtitles were blurred. By testing, I confirmed the problem. Was just going to say I didn't have any issue playing media with srt subtitles with my code. Link to comment Share on other sites More sharing options...
arrbee99 1551 Posted December 1, 2019 Author Share Posted December 1, 2019 Pretty sure that is the ".backdropImageFadeIn" animation in the backdropcontainer backdropimages. If you disable them in the console you see a instant change right? It might well be except I have no idea how to disable anything in Console. Link to comment Share on other sites More sharing options...
arrbee99 1551 Posted December 1, 2019 Author Share Posted December 1, 2019 Thanks for the info, I will try CSS. Good luck. Link to comment Share on other sites More sharing options...
CarlosLima 148 Posted December 1, 2019 Share Posted December 1, 2019 Was just going to say I didn't have any issue playing media with srt subtitles with my code. Link to comment Share on other sites More sharing options...
CarlosLima 148 Posted December 1, 2019 Share Posted December 1, 2019 Hi, the problem occurred with the other html code and not with your CSS. I will apply your code to test. Thank you Link to comment Share on other sites More sharing options...
Happy2Play 8242 Posted December 1, 2019 Share Posted December 1, 2019 It might well be except I have no idea how to disable anything in Console. Like this uncheck the code, then navigate to itemdetails. Link to comment Share on other sites More sharing options...
Happy2Play 8242 Posted December 1, 2019 Share Posted December 1, 2019 @@chef your script affects the video players also. Link to comment Share on other sites More sharing options...
chef 3745 Posted December 1, 2019 Share Posted December 1, 2019 Link to comment Share on other sites More sharing options...
Happy2Play 8242 Posted December 1, 2019 Share Posted December 1, 2019 Weird, are you saying that the JavaScript blurred the subtitles? I had subs enabled but the media was blurred also. Link to comment Share on other sites More sharing options...
chef 3745 Posted December 1, 2019 Share Posted December 1, 2019 (edited) Edited December 1, 2019 by chef Link to comment Share on other sites More sharing options...
chef 3745 Posted December 1, 2019 Share Posted December 1, 2019 (edited) I had subs enabled but the media was blurred also.Looks like maybe the backdrop container is always on top. Using background-filter would do that. Still very interesting. Edited December 1, 2019 by chef Link to comment Share on other sites More sharing options...
Happy2Play 8242 Posted December 1, 2019 Share Posted December 1, 2019 Looks like maybe the backdrop container is always on top. Using background-filter would do that. Still very interesting. I don't understand how it is being added to "class="backgroundContainer backgroundContainer-transparent"" though. But clearly removing your code resolves the issue. Link to comment Share on other sites More sharing options...
arrbee99 1551 Posted December 2, 2019 Author Share Posted December 2, 2019 Like this uncheck the code, then navigate to itemdetails. I've looked, but can't find anything under Elements that mentioned ImageFadeIn. Not sure if its worth bothering about. Link to comment Share on other sites More sharing options...
chef 3745 Posted December 2, 2019 Share Posted December 2, 2019 (edited) I don't understand how it is being added to "class="backgroundContainer backgroundContainer-transparent"" though. But clearly removing your code resolves the issue.Did you start playback from the home screen or library without first going to the itemdetails page? Because if the user press the play button from the card, then the effect wouldn't have been removed from backgroundContainer since the itemsDetails page wasn't viewed (which is the only time the effect is lifted). Maybe. Edited December 2, 2019 by chef Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now