Project Info
Our inspiration for developing YouDub came from a unique blend of experiences within our diverse team. With three members having Hindi as their mother tongue and one member being an English speaker, a casual conversation revealed an interesting challenge. Our English-speaking teammate shared his fondness for math tutorials taught by Indian educators, who often explain concepts in an incredibly straightforward way. However, these videos were mostly in Hindi, which meant he had to rely on subtitles to follow along. This sparked the idea: What if we could create a Chrome extension that adds voice-overs to YouTube videos, allowing viewers to hear a dubbed version of the content in their preferred language? Not only would this help break language barriers, but it would also assist students who struggle with videos where the accent is hard to understand, the pace is too fast, or the explanation style is unclear. By providing customizable voice-overs, YouDub enhances accessibility, making it easier for users to engage with educational content. What We Learned Throughout this journey, we learned a lot. On the technical side, we gained expertise in designing and building a Chrome extension, integrating APIs, and refining our use of Git for collaborative development. Beyond the code, we learned the value of teamwork, developed stronger friendships, and discovered fascinating things about each other’s perspectives and working styles. Stack and Functionality YouDub is built using JavaScript, HTML, and CSS. We leveraged ElevenLabs API, first feeding transcription data from YouTube videos into Google Cloud API's translate feature, and then into Eleven’s voice models, generating synchronized audio in the user’s chosen voice. This opens up various use cases, such as replacing the voice of a content creator whose delivery might be off-putting, or translating and dubbing tutorial videos, allowing users to immerse themselves in the content without relying on subtitles. The result is a more engaging experience and access to a broader range of content on YouTube. Challenges We Faced Building YouDub wasn’t without its challenges. One of the biggest hurdles was defining the exact scope of what we wanted to achieve. YouTube’s frequent updates to its site security also presented difficulties, causing multiple console errors that required extensive debugging. Additionally, the demanding pace of development, especially during CalHacks, pushed us out of our comfort zones, requiring long hours and constant problem-solving. Conclusion &
What's next
The experience was incredibly rewarding. We leave CalHacks not only with a functioning product but also with a sense of pride and accomplishment in what we’ve achieved. In the end, YouDub empowers users to engage with YouTube content in new and exciting ways, breaking language barriers and enhancing the viewing experience for people around the globe. With our extension in review to be publicly available on the Chrome Web Store, our product will soon be available to users around the world!
Setup
- 'git clone https://github.com/rondawgx3/YouDub_public' in your terminal
- Copy
config.sample.jstoconfig.js - Replace the placeholder API keys in
config.jswith your actual API keys from ElevenLabs and Google Cloud - Go to chrome://extensions/ and click on 'load unpacked'
- Drag and drop the YouDub_public folder and pin your new extension!
- Go to a YouTube video and click 'Enable Alternative Audio'!
- Enjoy :)
Analysis
View
Metric
- 2
Figures cover GitHub contributors during the hackathon window. A co-authored commit counts in full for each author, so per-member totals add up to more than the whole-team figures.
Technology
- HTMLIn code
- JavaScriptIn code
- CSSClaimed
2 of 3 appear in the indexed code. 1 claimed on Devpost could not be matched to code, which may simply mean the tool leaves no trace in the repository.
AI coding agents
No AI coding agent signals were found in this repository.
Detected from committed agent config files and commit authorship. Absence of a signal is not proof an agent was unused.
Codebase size
Source size
21 KB
Source files
6
Counts recognized source files only; vendored directories, binaries and lockfiles are excluded, so this is smaller than the repository on disk.
Repository
ronaldmcinnes/YouDub_public
9 files · 41 KB · @ 87f1f92
Structure
Interface
1 file · 11%Screens, components and styles rendered to the user.
Application logic
5 files · 56%Domain rules, services and shared utilities.
Supporting
Layers are inferred from where files sit in the tree, not from reading the code. A project that names its directories unconventionally will read oddly here — open the file browser to check anything the diagram implies.
Languages
- JavaScript82%
- HTML16%
- Markdown2%
Share of indexed source by file size. Binary and vendored files are excluded.
This project’s features have not been analysed yet.
Export this project's context (description, README, evidence, key source files) to chat with an AI agent elsewhere.