Git Product home page Git Product logo

quiet-title's Introduction

Quiet Title

Quiet Title is a simple Chrome extension that replaces YouTube videos with their quieter / differently formatted versions. BECAUSE ALL CAPS EVERYWHERE IS ANNOYING!

Quiet Title as Chrome Extension Action

Installation

Either install via Chrome Store...

...or install manually by downloading this repository via the Download ZIP button on the right. Unzip it and place the folder somewhere you can find it, like your desktop. Next open up Chrome, go to the menu in the upper right, settings, then extensions. Check the Developer mode box in the upper right. Finally, click the Load unpacked extension... and navigate to the folder.

Usage

Click the icon in the Chrome toolbar to open the extension action. From here you can select any of the quieting options, which will then refresh your page if you're on YouTube.com (and keep your video progress, too!).

Formatting Examples

Formatting Result
original "The QUICK BROWN FOX jumped over the lazy dOG"
lower case "the quick brown fox jumped over the lazy dog"
Start case "The quick brown fox jumped over the lazy dog"
Title Case "The QUICK BROWN FOX Jumped Over the Lazy Dog"
camelCase "theQUICKBROWNFOXJumpedOverTheLazyDOG"
ALL CAPS "THE QUICK BROWN FOX JUMPED OVER THE LAZY DOG"

quiet-title's People

Stargazers

Stelios Daveas avatar Yllelder Bamir avatar avatar Josh Hawkins avatar

Watchers

James Cloos avatar avatar Josh Hawkins avatar

quiet-title's Issues

Add "Original Case" option

This option will effectively disable quiet title by not changing video title cases at all.

This would be useful for some videos where case matters, i.e., discerning videos about the video game League of Legends, commonly abbreviated LoL from videos where the author just intends to abbreviate laughing out loud.

No longer works in new UI

New UI for youtube (rolled out today for me) has different markup and no longer works with this extension. Will need to update selectors.

YouTube's Next Video Button is Misshapen

Using quiet-title adversely affects the skip / next button in YouTube.

Original With Quiet Title 0.X.X
image image

The button is still functional, but is sized awkwardly. Here is the code for this particular 'button' element:

<a class="ytp-next-button ytp-button" aria-disabled="false" data-duration="1:37:00" data-preview="https://i1.ytimg.com/vi/_VJifKTtHME/default.jpg" data-tooltip-text="Ultrawide Festival 2015 $10,000 DREAM SETUP - Live Build" href="https://www.youtube.com/watch?v=_VJifKTtHME" title="Next"><svg xmlns:xlink="http://www.w3.org/1999/xlink" height="100%" version="1.1" viewBox="0 0 36 36" width="100%"><use class="ytp-svg-shadow" xlink:href="#ytp-svg-29"></use><path class="ytp-svg-fill" d="m 12,24 20.5,18 12,12 v 24 z m 22,12 v 12 h 2 v 12 h -2 z" id="ytp-svg-29"></path></svg></a>

I assume this is caused by the selector found at line 80 of content.js in version 0.2.2. Have not investigated it yet, but the a[title] selector looks to be at fault here.

Feature request

I just discovered this extension, and I love it to death.
One minor feature would make it perfect in my eyes: the possibility to remove/replace exclamation marks.

Clicking a video link does not apply Quiet Title format when the new page loads

Ideally this extension would apply format to EACH YouTube page on page load. Why is this situation not working?

Repro steps:

  1. Go to YouTube.com
  2. Observe how titles are formatted properly
  3. Click a video
  4. Observe how titles are formatted improperly on new page
  5. However, refreshing the page now will properly format titles.

Why does clicking links on YouTube not reload the Chrome Extension?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.