[Skip to Content]
Turn Off the Lights lamp Icon for YouTube Turn Off the Lights™

Atmosphere Lighting around the HTML5 video player

Do you love also the TV experience with Ambilight (from the company Philips), that creates light effects around the television that correspond to the video content. But this is now also available for in your favorite web browser! This new feature generates light effects around the video frame that correspond to the online video content. And it shows the effect only when you click on the play button on that video player (example this on YouTube or on a HTML5 video from any website). In the Turn Off the Lights options page you can easily change the mix of colors. The Atmosphere Lighting feature can you choose between 'one solid', 'four solid' or the 'real colors' effect with the vivid mode.


One Backlighting Color on a YouTube Video

The one solid color effect is the best solution for making the video more enjoyable. Here in picture 1 you see the cyan blue atmosphere lighting effect around the YouTube video player. The effect is only visible when the video is playing, when you click on the pause button or the video is just ended. It slowly decreases the value of the spread and blur to the value zero. The smooth transition makes the lights glow go out, just like doing the lights self off in your bedroom. The enchantment you see here it's a lot's beautiful than the traditional YouTube videos.

Atmosphere Lighting - Fixed Color
Picture 1: YouTube Atmosphere Lighting - Fixed Backlighting color


Four Solid Colors on a YouTube Video

Sometime you want to make the video player more playful and beautiful, so here with this option you can choose self the four colors around the video player. And choose self between a wide of range of colors, from blue, green, yellow, red, pink, black and white. You can customize up to the four border of the video player. This works for YouTube videos and as well as regular HTML5 videos on the internet.

Real Colors on a YouTube Video

What is really amazing is to see the real colors of the video content self. And that is also possible thanks to this feature in the Turn Off the Lights browser extension. It's the only browser extension that have this amazing feature, and show it also correct to the user. So it's a unique feature where you are the first user on the front row, that help makes your YouTube video more enjoyable.

Atmosphere Lighting - Real Color
Picture 2: YouTube Atmosphere Lighting - Real colors effect in a nature video

Here's another example where you see the real colors from the video content self. This is a video from Google on the YouTube channel. See how the beautiful colors reach out the video player frame. This makes watching a video online so much enjoyable even if it's a shorter length of the video.

Atmosphere Lighting - Real Color
Picture 3: YouTube Atmosphere Lighting - Real colors effect in a Google video

Currently this feature work great on all the HTML5 and YouTube videos.
To see a real example of Atmosphere Lighting, turn the option on in the Turn Off the Lights options page. And go to this developer website:
http://www.leanbackplayer.com

You can get it also for your favorite videos on your computer, just get the Aurora Player from this website:
https://www.stefanvd.net


Enable the Atmosphere Lighting

Navigate to the Turn Off the Lights options page from the extension overview page, and than click on the link "Options". It's open automatic a new web page, when the page is finished with loading click on the tab "Visual Effects". And now on this page you can enable the atmosphere lighting feature in your browser.

Effects

The Atmosphere Lighting feature got three various options.

Atmosphere Lighting Option page
Turn Off the Lights options page - Atmosphere Lighting

A) A solid color

left of this option you can choose self the color you want to see around the whole video.

B) 4 chosen colors around the video

Below you you can choose self four own colors by the color picker.

C) Take the color from the video:

This option will detect the four colors from the video and show it around the video.

Blur

If set to a lower value the shadow will be sharp, the higher the number, the more blurred it will be.

Spread

Positive values increase the size of the shadow, negative values decrease the size.

Vivid Atmosphere Lighting for YouTube

When you enable the vivid effect in the Turn Off the Lights options page, all the YouTube (HTML5 Player) will show you are more beautiful and vivid effect. This increase you comfortability and joy to watch this video. It's like the colors coming outside the YouTube video screen.

Atmosphere Lighting Option page
Vivi Atmosphere Lighting effect for YouTube

Are you blows away of this amazing feature, we do. Test self the Atmosphere Lighting feature in the Turn Off the Lights extension or the Aurora Player app, it's available for all browsers. Download it now for your browser.

Note: Ambilight is a trademark of Philips. Use of this trademark is subject to Philips Permissions.