An open API service indexing awesome lists of open source software.

https://github.com/girmantech/youtube-quality-meter

The chrome extension that shows like-to-view ratio beside Youtube videos.
https://github.com/girmantech/youtube-quality-meter

browser browser-extension chrome chrome-extension chrome-extensions reactjs youtube

Last synced: 3 months ago
JSON representation

The chrome extension that shows like-to-view ratio beside Youtube videos.

Awesome Lists containing this project

README

          

![Youtube quality meter cover image](https://github.com/user-attachments/assets/a5037243-4b13-46be-a59e-e5210e38000e)

# YouTube Quality Meter Chrome Extension

This Chrome extension enhances your YouTube viewing experience by displaying the like-to-view ratio directly on the video thumbnails. Built using React 18 and Webpack 5, this tool helps you filter out low-quality content by providing immediate insights into the community's reception of videos.



## Philosophy
With over 114 million active channels and millions of videos uploaded daily, finding genuinely engaging content is increasingly difficult. The challenge of finding quality content amidst the vast sea of videos is real. YouTube's recommendation algorithm often promotes content that doesn't necessarily align with quality or relevance.

> YouTube's recommendation algorithm is built to ~utilise~ waste your time. (No wonder they're pushing more and more shorts into your feed.) 

**The Solution:**
A simple yet effective metric —the like-to-view ratio—proved to be a reliable indicator of video quality. A video with a high ratio generally suggests that it is well-received and potentially more valuable. This Chrome extension was created to display this ratio beside each video thumbnail, allowing users to quickly assess content before committing time to watch.

## Features

- Displays the like-to-view ratio on every YouTube video thumbnail.
- Helps quickly identify high-quality content.
- Saves time by filtering out less engaging videos.

## Installation and Running

1. Ensure your [Node.js](https://nodejs.org/) version is >= **18**.
2. Clone this repository.
3. Run `npm install` to install the dependencies.
4. Run `npm start` to build the extension.
5. To load the extension in Chrome:
- Navigate to `chrome://extensions/`
- Enable `Developer mode`
- Click on `Load unpacked extension`
- Select the `build` folder from this repository.

## Usage

Once installed, simply browse YouTube as usual. The like-to-view ratios will be displayed right beside the video thumbnails, aiding in your video selection process.

## Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**. If you have a suggestion that would improve this, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

## License

Distributed under the MIT License. See `LICENSE` for more information.

## Acknowledgements

- This project is built on top of the [Chrome Extension Boilerplate using React 18 and Webpack 5](https://github.com/lxieyang/chrome-extension-boilerplate-react).
- [Chrome Extension Installation Guide](https://developer.chrome.com/docs/extensions/get-started/tutorial/hello-world)

## Contact

Email - [contact@girmantech.com](mailto:girish@girmantech.com)

Project Link: [Youtube Quality Meter](https://github.com/girmantech/Youtube-Quality-Meter)