Repolode
Submit
iceorange-dev

iceorange-dev/bilibili-ambilight

A browser extension and userscript that adds an ambient light glow around Bilibili video players, ported from Ambient light for YouTube.

View on GitHub
Stars
195
Forks
10
Open issues
0
Last commit
20 days ago

What is it?

Bilibili Ambilight draws a colored glow around the video on Bilibili pages, sampling the picture to tint the area beside the player. The same source builds into a Chrome, Edge or Firefox extension, or into a single userscript for managers such as Tampermonkey, Violentmonkey and Greasemonkey.

The project covers regular videos, multi-part videos, bangumi, playlists, festival and cheese pages, and works across the player's normal, widescreen, web fullscreen and fullscreen modes. It can automatically crop letterbox or pillarbox bars, switch the page to a dark theme, and make the header, comment area and side panels blend into the background. The interface is available in Traditional Chinese, Simplified Chinese, English, Japanese and Korean.

The project is an unofficial, independent port of Ambient light for YouTube, and its rendering engine is carried over from that project. DRM-protected bangumi content does not show the glow.

Key features

  • 01Adds an ambient glow around the Bilibili player in all standard display modes.
  • 02Ships as a browser extension for Chrome, Edge and Firefox, or as a single userscript.
  • 03Automatically removes letterbox or pillarbox bars, with keyboard shortcuts to toggle them.
  • 04Switches the page to a dark theme and can blend the header and side panels into the background.
  • 05Supports video, bangumi, playlist, festival and cheese pages.
  • 06Interface available in five languages, including Simplified Chinese.

Use cases

  • Watching long Bilibili videos or anime in a dimmer room with a softer screen glow.
  • Customizing the look of the Bilibili player and page with a dark theme.
  • Using Bilibili in a browser that supports userscripts without installing an extension.
  • Forking the project to publish a userscript version under your own namespace.

Quick start

  1. 1

    Install a userscript manager such as Tampermonkey, Violentmonkey, or Greasemonkey

  2. 2

    Open the Raw install URL from the README to install the userscript

  3. 3

    Refresh a Bilibili video page to see the ambient glow

Things to know

  • The userscript version has no toolbar icon or options page, so settings are managed through the userscript manager menu.
  • DRM-protected videos on Bilibili bangumi pages will not show the ambient light.
  • This is an unofficial third-party project, not affiliated with Bilibili or YouTube.

In collections

Chrome & browser extensions

Topics

#browser-extension#userscript#bilibili#ambilight#video#javascript#chrome-extension#firefox

FAQ

What is bilibili-ambilight?
A browser extension and userscript that adds an ambient light glow around Bilibili video players, ported from Ambient light for YouTube. Bilibili Ambilight draws a colored glow around the video on Bilibili pages, sampling the picture to tint the area beside the player. The same source builds into a Chrome, Edge or Firefox extension, or into a single userscript for managers such as Tampermonkey, Violentmonkey and Greasemonkey.
Is bilibili-ambilight free to use? What license does it have?
bilibili-ambilight is open source under the MIT license. Check the license terms before using it in commercial products.
Is bilibili-ambilight still maintained?
Actively maintained. The last commit to bilibili-ambilight was on Oct 19, 2026.
What can I use bilibili-ambilight for?
Watching long Bilibili videos or anime in a dimmer room with a softer screen glow. Customizing the look of the Bilibili player and page with a dark theme. Using Bilibili in a browser that supports userscripts without installing an extension. Forking the project to publish a userscript version under your own namespace.
How do I install bilibili-ambilight?
Install a userscript manager such as Tampermonkey, Violentmonkey, or Greasemonkey Open the Raw install URL from the README to install the userscript Refresh a Bilibili video page to see the ambient glow
Where can I get bilibili-ambilight?
The source code and installation instructions are on GitHub: https://github.com/iceorange-dev/bilibili-ambilight

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects