Inspiration

We want to enhance users' YouTube experience by giving them more control over how they want see the content.

What it does

YourTube adds functions such as gradual speed adjustment, mirroring functions, ability to toggle comments and recommended video visibility, and video rotation.

How we built it

HTML and CSS were used to design and customize the GUI of YourTube. Behind the scenes, we used JavaScript to process user input, inject JS into the webpages, and link our YourTube's files together.

Challenges we ran into

  • Linking JavaScript pages together
  • Learning the different parts that went into a Chrome extension
  • Injecting JavaScript into HTML
  • Working with the chrome.storage API

Accomplishments that we're proud of

  • Keyboard shortcuts for functions
  • Storing user preferences with chrome.storage API
  • Design of our user interface

What we learned

  • Git for version management
  • Interaction of HTML, CSS, JavaScript for extensions
  • How to parse HTML of webpages

What's next for YourTube

  • Get our request to host on the Chrome Web Store approved
  • Implement persistent dark mode and auto-play disabling features

Built With

Share this project:

Updates