Inspiration

I was inspired by the sheer volume of content on YouTube. Often, I just need the key takeaways or a quick summary of a video's content without spending 10 minutes watching. The goal was to create a seamless, non-intrusive AI tool that integrates directly into the YouTube interface to provide instant, context-aware summaries, making content consumption faster and more efficient.

What it does

NeuraTube is a Chrome extension that injects a persistent, custom sidebar onto every YouTube watch page. When the user clicks "Summarize," the extension instantly generates a comprehensive summary using the Gemini 2.5 Flash API. The tool intelligently sources content, prioritizing description, then transcript, or finally, just the video title if no other text is available. All AI requests are routed through a secure Vercel serverless proxy to protect the API key.

How we built it

The project utilizes a Chrome Extension Frontend (HTML, CSS, JavaScript) that interacts with a secure Vercel Backend Proxy written in Node.js. The frontend uses a MutationObserver and intervals to flawlessly handle YouTube's Single-Page Application (SPA) navigation. The backend securely uses the Gemini 2.5 Flash API to process the video text and generate structured, bulleted summaries.

Challenges we ran into

The primary challenge was ensuring the sidebar remained injected and functional across YouTube's dynamic page transitions (SPA navigation), which was solved with a resilient MutationObserver on the page title. We also faced complexity in fetching clean transcript text and handling multiple API fallback scenarios (description $\rightarrow$ transcript $\rightarrow$ title only).

Accomplishments that we're proud of

I am most proud of the robust, production-ready architecture—the extension functions reliably on YouTube, and the API key is secured behind a fast Vercel proxy. I have also implemented clean formatting with a separator for the "title-only" disclaimer.

What we learned

We gained practical experience with advanced Chrome Extension lifecycle management, secure API key handling using a backend proxy, and precise CSS/JavaScript DOM injection techniques necessary for overriding complex platform layouts like YouTube's.

What's next for NeuraTube – AI Video Summarizer

  1. Implement a final, stable solution for narrow-screen layout compatibility to ensure the panel correctly moves below the video player.
  2. Explore full-length transcript retrieval for even richer summaries.
  3. Publish to the Chrome Web Store and explore a subscription model for monetization.

Built With

Share this project:

Updates