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

  1. Visit the project’s Release page.
  2. 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.
  1. Open the YouTube video
    Example: https://www.youtube.com/watch?v=xxxxxxxx

  2. 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.
  3. Fix timing if needed
    Click the extension icon → “Time-axis calibration”

    • Drag the slider or type seconds (negative allowed).
    • Changes apply instantly.
  4. 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

  1. Open any YouTube video from that creator.
  2. Click the B2Y icon → “Search & link creator” → paste the Bilibili space URL (example: https://space.bilibili.com/123456).
  3. 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.