Watch YouTube with Bilibili’s Live Danmaku: A Complete Guide to the B2Y Extension
Keywords: B2Y, YouTube danmaku, sync Bilibili comments, browser extension, cross-platform
Have you ever wished you could watch a 4 K YouTube upload and read the hilarious, fast-scrolling comments that only Bilibili provides?
The B2Y browser extension makes this possible. It quietly overlays real-time Bilibili danmaku on any YouTube video, so you keep the superior video quality while never losing the chat-like energy that makes Bilibili unique.
Below you will find everything you need—without jargon—to install, use, and even help improve B2Y. Nothing here goes beyond the official README; every detail, link, and instruction is taken directly from the project’s own documentation.
1. What B2Y Actually Does
Core Job | One-Sentence Explanation | Everyday Use Case |
---|---|---|
Auto-match comments | Opens a YouTube video, finds the matching Bilibili video, and loads its danmaku | Watch a popular creator’s new upload instantly |
Manual creator link | Paste a Bilibili space URL once; every future upload auto-syncs | Small creators or re-upload channels |
Built-in anime support | No setup needed for episodes on the official “哔哩哔哩动画” channel | Same-day simulcasts |
Time-axis shift | Slide or type seconds to line up comments perfectly | Different openings, recap lengths |
Visual tuning | Font size, opacity, speed, area, line spacing—your choice | Laptop, 4 K TV, or phone |
Filter & search | Hide keywords or jump to a specific comment’s timestamp | Rewatch famous lines |
Live refresh | Always pulls the newest comments when you open the video | Never miss late-night memes |
2. Pick Your Browser, Install in Minutes
B2Y is built with the WXT framework, so the same codebase runs on Chrome, Firefox, Edge, and Safari.
The authors strongly recommend the store version when possible; manual install is only a fallback.
2.1 One-Click Store Install (Recommended)
Browser | Store Link | Steps |
---|---|---|
Chrome / Chromium | Chrome Web Store | Click “Add to Chrome” → Confirm |
Edge | Same link as Chrome | Same steps |
Firefox | No store build yet | See manual install |
Safari | No store build yet | See manual install |
2.2 Manual Install (Fallback)
Use this only if the store is blocked or you are on Firefox/Safari.
A. Download the Correct File
-
Visit the project’s Release page. -
Download the zip that matches your browser: -
Chrome: B2Y-YouTube-Bilibili-Danmaku-vX.X.X-chrome.zip
-
Firefox: B2Y-YouTube-Bilibili-Danmaku-vX.X.X-firefox.zip
-
Edge: B2Y-YouTube-Bilibili-Danmaku-vX.X.X-edge.zip
-
Safari: B2Y-YouTube-Bilibili-Danmaku-vX.X.X-safari.zip
-
B. Load the Extension
Browser | Unzip? | Address Bar | Developer Switch | Load Step |
---|---|---|---|---|
Chrome | Yes | chrome://extensions/ |
Turn on “Developer mode” | “Load unpacked” → choose folder |
Edge | Yes | edge://extensions/ |
Turn on “Developer mode” | “Load unpacked” → choose folder |
Firefox | No (keep zip) | about:debugging → “This Firefox” |
None | “Load Temporary Add-on” → pick zip |
Safari | No (keep zip) | Develop → Allow Unsigned Extensions | None | “Add Extension” → pick zip |
⚠️ Notes
-
Firefox and Safari require you to re-load the extension after every browser restart. -
Manual installs do not auto-update; revisit the Release page for new builds.
3. First Run: Four Simple Steps
Prerequisites
-
You are logged in to your Bilibili account. -
The extension is installed.
-
Open the YouTube video
Example:https://www.youtube.com/watch?v=xxxxxxxx
-
Let it auto-match
-
If the creator is in the public database, danmaku appears in 1–2 seconds. -
If nothing shows, click the B2Y icon → follow the prompt to link the creator’s Bilibili space or paste the Bilibili URL.
-
-
Fix timing if needed
Click the extension icon → “Time-axis calibration”-
Drag the slider or type seconds (negative allowed). -
Changes apply instantly.
-
-
Tweak the look
Extension icon → “Display settings”-
Font size 12–36 px -
Opacity 0–100 % -
Speed 0.5×–3× -
Vertical spacing: compact / loose / custom -
Display area: top 1⁄3, middle, bottom 1⁄3, or full screen
-
4. Power-User Features
4.1 Link a Creator Once, Forget It Forever
Ideal when:
-
You follow a small creator whose videos are rarely auto-matched. -
A re-upload channel uses different titles.
Steps
-
Open any YouTube video from that creator. -
Click the B2Y icon → “Search & link creator” → paste the Bilibili space URL (example: https://space.bilibili.com/123456
). -
Future uploads from that channel will fetch danmaku automatically.
4.2 Built-In Anime Episodes
Conditions
-
The video is on the official “哔哩哔哩动画Anime Made By Bilibili” channel. -
The content is the main episode (not PV, recap, or clip).
When both are true, B2Y reads the BV ID and loads danmaku without any extra clicks.
5. Frequently Asked Questions
Q1. No danmaku appears at all
-
Make sure you are logged in to Bilibili. -
Check the extension pop-up; if it says “no match,” link the creator or supply the Bilibili URL manually. -
Verify the Bilibili source still has comments enabled.
Q2. Comments drift ahead or behind
-
Use the “Time-axis calibration” slider first. -
If only parts are off, the video may be censored or edited; manual adjustment is the only fix.
Q3. Firefox feels laggy
-
Version 1.1.2 replaced the animation engine; update to the latest release. -
Disable other heavy add-ons or switch to Chrome/Edge for the session.
Q4. Safari asks me to reload every time
-
Unsigned extensions are reset on restart; this is an Apple limitation. -
A future Mac App Store build may remove this step.
Q5. How do I hide certain words?
-
Extension icon → “Comment filter” → type the keyword (supports basic regex) → Save.
6. Contribute as a Developer
The project is fully open source and uses the WXT framework (a Vite-based tool for browser extensions). If you are comfortable with front-end work:
# clone
git clone https://github.com/ahaduoduoduo/bilibili-youtube-danmaku.git
cd bilibili-youtube-danmaku
# install
npm install
# start dev server (Chrome, hot-reload)
npm run dev
# package for release
npm run build && npm run zip
Folder overview
entrypoints/
├── background/ # service worker
├── content/ # injected into YouTube
└── popup/ # the small settings window
Ways to help
-
Add new creator matching rules. -
Improve timing algorithms. -
Fix browser-specific bugs.
7. Recent Changelog (Last Five Releases)
Date | Version | Highlights |
---|---|---|
2025-08-19 | 1.1.3 | Fixed flickering comments, better performance |
2025-08-18 | 1.1.2 | Web Animations API for Safari & Firefox parity |
2025-08-17 | 1.1.1 | Migrated to WXT, fixed z-index layering |
2025-08-08 | 1.1.0 | Smart creator search, manual time offset input |
2025-08-06 | 1.0.9 | Public match database, improved title matching |
8. Closing Thoughts
B2Y marries the best of two worlds: YouTube’s crisp, adaptive streaming and Bilibili’s decade-honed danmaku culture.
It is not flawless—Firefox and Safari still require manual loading, and niche creators need a one-time link—but for most viewers it removes the daily pain of choosing between quality and community.
If you run into an edge case, open an issue on GitHub. If the extension simply makes your day better, leave the repo a star; that single click is the clearest thank-you to the authors.
Enjoy the show, and happy scrolling.