š§° My Browser Extension: Chatting with YouTube Videos Made Easy
How I built a simple tool to extract YouTube transcripts with one click
Hey!
Honestly, I was disappointed.
Why?
In this newsletter, I wanted to show you how easy it is, in this age where AI is everywhere, to build your own tool.
But I didnāt manage to pull it off.
I mean, I did manage to build it for myself, but when it came to showing you the absolute easiest way to do it yourself, I hit a wall.
Youāre probably wondering what Iām talking about by now.
My learning process
Last weekend, I decided to simplify my own learning process.
Since I love learning via YouTube, Iāve gotten into the habit that, when a video really resonates with me, I go to the description at the end, look for the transcript (the text), select it, and copy it. Then I open up ChatGPT and type in this prompt:
āFrom the text below, please extract the action points for me.ā
I hit enter twice and paste in the video transcript.
Boom ā and it spits out the action points and handy tips that go with them.
I then copy those and save them in Notion (my note-taking app).
I donāt always use the same prompt (action points), but depending on the video, I ask whatever Iām curious about. Itās honestly like having a conversation with the videoās author š āWhat did you say was important forā¦ā and then you can keep the conversation going ā just about the video, or even ask it to find similar stuff, etc.
My tool?
So what would actually help me?
A browser extension that, when Iām on a YouTube video, lets me copy the transcript to my clipboard with a single click.
Alright, letās build thisā¦
I opened up Windsurf, which you probably know from previous editions of this newsletter ā itās an AI-first IDE for coding.
And I wrote:
Windsurf IDE
At first, I hit a snag, so I just took a screenshot and pasted it into Windsurfās chat window and hit Enter.
Screenshot (the problem)
It started fixing things, and after about a minute, it was done.
I tested it againā¦ š„š„
It works! šŖ
In about 5 minutes, I had a working browser extension.
Thinking about how to help you get started with building these tools as easily as possible
Hereās what I was thinking:
- Windsurf can be free, but the best models are paid.
- Cursor is the same, or even more expensive.
- There are two open-source options: Cline or Roo Code, both extensions for VS Code IDE.
- Cline is more beginner-friendly, but Iād still have to show you
- how to install VS Code
- then how to install the Cline extension
- and a bit of config to get good AI models workingā¦
Then I remembered Google. They just expanded their Firebase project with an online IDE called:
Firebase Studio ā it has access to the Gemini model, which recently joined the top ranks.
Perfect ā you just log in with your Gmail account, and I even made you a template, put it on Github, so you can add it to your Firebase Studio project with one click.
That part worked.
But thenā¦
Their Gemini is definitely not Gemini 2.5, and it doesnāt have the search capabilities to pull in extra knowledge from the web.
After many iterations, in the end, the extension didnāt work.
I could show you how to get Gemini 2.5 running inside your project, but given the issues some users have had recently with excessive usage, I donāt recommend it for now.
What did I decide?
Next time, Iāll show you how to set up a real IDE ā on your own computer, locally. Iāll help you configure it so it works the best and is the most user-friendly for you. Donāt worry, like Iāve said before: itās really not a big deal.
But so you donāt leave empty-handed, here are instructions for how you can install my browser extension for copying YouTube transcripts. So you can chat with YouTube videos too! š
Instructions
- Download the extension code to your computer by clicking this link: https://github.com/primus115/yt-to-text/archive/refs/heads/main.zip
- Unzip the file
- Open Chrome and type this in the address bar: chrome://extensions/
- Turn on āDeveloper modeā (toggle in the top right)
- Click āLoad unpackedā and select the (unzipped) folder
- Open an interesting YouTube video
- Click the extension icon
- Click āGet Transcriptā to fetch the transcript
- Click āCopy to Clipboardā to copy it
Installation
Go to your favorite video and run the extension
P.S.: Sometimes it throws an error:
Solution: just reload the page, click the extension icon again, and hit āGet Transcriptā.
Now, quickly open your favorite AI assistant, paste in the copied text, and start the conversationā¦
I built this browser extension because itās genuinely useful for me.
P.S.: There are quite a few Chrome extensions that sell really well. Some of them make tens of millions a year š¤Æ: https://www.youtube.com/watch?v=hFBVYw2ro-I
Let that be your motivation to learn something newā¦
And if you ever build something like that, let me know! š
This time, things didnāt go smoothly. But itās important you see that not everything is as easy as the āadsā make it look. Thatās also why Iām here ā to try things out before you do and report back.
Letās stay in touch!
Primož