GithubHelp home page GithubHelp logo

elliotwaite / thumbnail-rating-bar-for-youtube Goto Github PK

View Code? Open in Web Editor NEW
249.0 249.0 17.0 10.37 MB

A Chrome and Firefox extension for YouTube that adds a rating bar (likes/dislikes ratio) to the bottom of every thumbnail.

Home Page: https://chrome.google.com/webstore/detail/youtube-thumbnail-rating/cmlddjbnoehmihdmfhaacemlpgfbpoeb

License: MIT License

JavaScript 81.17% CSS 8.08% HTML 9.42% Python 1.33%
browser-extension chrome-extension firefox-addon firefox-extension youtube

thumbnail-rating-bar-for-youtube's People

Contributors

eckynde avatar elliotwaite avatar glibg10b avatar jackymancs4 avatar xethlyx avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

thumbnail-rating-bar-for-youtube's Issues

Settings page is problematic

Hi Elliot, a few months ago I had the problem that when I open the settings page, it was blank. I never figured out why or how to fix it, so I just ignored for a while.

Now I've tried again and the settings page isn't blank, but the API section is missing:

options-popup

Any fix for this?

Feature Request - Score

Hey, I tried this as the other extension stopped working. I like your extension, just that the score is missing. The score is useful as it shows rating with respect to total no. of views.

Like/dislike percentage not visible on video page anymore

Hovering over the like/dislike bar below video no longer shows like/dislike percentage, but only "likes / dislikes", which is Youtube's default behavior without the extension. Seems like the default behavior is now somehow overriding the extension.

Extensions shows wrong ratings

Sometimes the extension gives a video the wrong rating, which is definitely not good since it could deter me from watching potential good videos in the future. These pictures should tell you what I mean.
image
image
As you can see, it gives the video a completely wrong rating, and when you actually click on the video, it shows the correct rating. Any thoughts on why it does this?

Addition: It seems this doesn't happen on searches, but I just did a quick search for the same video.

Settings menu refuses to open in Firefox

For some reason, the settings menu refuses to open. It stays stuck on a blank white screen:
d

I've tried uninstalling and reinstalling the extension, and I've restarted my computer a couple of times, but it still doesn't work. I also tried disabling every other extension to see if it'll do anything; it still won't work.

I decided to try installing the extension on an alternate profile, and it worked on that one. The menu just refuses to open on the main profile I want to use it on for some reason.

Features request

Hi,

Can you consider adding these features:

  • An option to show the total likes/dislikes at the bottom left corner of the thumbnail , e.g:
    👍26K 👎863
  • An option to hide the bar and numbers on hover (so we can see the thumbnail preview better)

Thanks.

Return Youtube Dislike extension support

A couple of weeks ago, a new open source browser extension was made that archives YouTube's like:dislike counts and applies user data to keep dislikes in use for those using the extension. If you have not heard about the extension yet, their official website is https://returnyoutubedislike.com/
I don't know how api, data, and coding actually works but if it is possible to use the like:dislike counts that this extension uses or possibly work in tandem with the extension then the thumbnail rating bar could continue to help its users. If this is not something that is possible then I apologize for wasting your time with this. Your extension meant a lot to me so thank you for making YouTube a better site to use over the past year. If this is it for Thumbnail Rating Bar then I will never forget this extension and the conveniences it brought to me. Thank you for everything.

Feature request

Option to display rating bar only for videos with a specific (user-set) dislikes number. (or ratio, like 3likes:1dislikes) (and vice versa). This way we can have better control on using our quotas (not neccesarily getting rating info for all of the thumbnails loaded on current page).

Pardon me since I'm not a coder, this idea just popped up in mind XD My suggestion might also be wrong in some way.

[Request+bug] colour-coded percentage rating - choose a colour of the font

Hi everyone,

I am very happy user of your addon for Chrome, thanks for this!

I would like to ask if this would be possible to add an option for "colour-coded percentage rating feature" which would allow us to select own colour of the font?

The green one is not really visible IMHO, please check screenshot attached,
2021-04-21_124847

also I think there is a bug with rating bar when we use a green+red bar, please look at the picture attached (zoomed), over the rating bar we have very thin red line as I marked on the photo, I need to say it is not present in every video, only for some of them (check photo above)
2021-04-21_131510

thanks

Question: Privacy implications of each person using their own YouTube (Google) API key

What are the privacy implications of each person using their own YouTube (Google) API key?

When everyone was sharing a few keys, if people were not logged in to Google, then I think the most Google could track was the calling IP address (and browser fingerprint, if not obscured). If the user used a different IP address, Google could no longer track them.

With people all using their own YouTube (Google) API keys, it seems like it will be trivial for Google to track people across IP addresses.

Is this correct? Is there anything that can be done to prevent it?

[Request] Like/dislike videos in the background

Hello I enjoy this extension. Is it possible you can make a version to automatically like/dislike videos using the Youtube API? Even when the tab is not open? Like when a new channel releases video I want to automatically like/dislike.

Like Percentage not shown when looking at the videos in a playlist

Image
It would be nice to be able to see the percentage for all videos in a playlist.
On a lesser priority, another useful feature could would be statistics for the playlist like mean and variance for the ratio of likes over dislikes. This would provide a general idea about the playlist

[Feature Request] Change thickness of video rating bar

Hello, after the addon "Ratings Preview for YouTube" got blocked, I am using this as an alternative. It works flawless but it is missing one feature. The like/dislike bar on videos themself is still really thin and I find it harder that way to see the differences. If that would be possible to implement I would love you.

Chrome 67.0.3396.99

It seems that version 0.0.8 is not working in Chrome 67.0.3396.99:

  • Icon looks gray in the menu
  • Extension reports no errors
  • There is no ratings bar in YouTube

Feature Request - Opacity

Please add the opacity adjustment features of the original extension. (So we can make the bar 70% opaque for example to see through a little)

Option to scale up the dislike bar as it's too small for most videos

Image
As you can see these videos have too high a like/dislike percentage and it's hard to differentiate between a 1% long dislike bar vs a 0.1% dislike bar. It would be nice to have a feature that would let us scale up the number of dislikes by a constant factor for all videos so it's easier to tell which one has a better ratio

Incorrect percentage on a video player page

The percentage of the rating bar below the video is always incorrect if a video has more than 1000 likes/dislikes (example is shown in the attachment). I assume that this issue exists because in the attachment 11 and 154 are separated and putting them together will probably solve this.
Снимок экрана 2021-08-01 в 08 16 14

[Feature request] Add a black and white option

YouTube changed its style in the last few days removing almost every blue of the website including the rating bar making it only black and white. An option to have the thumbnail rating bar in black instead of blue would be a fitting change I believe.

Custom Colors would also be an option I would appreciate.

Primary invidious API down, ratings no longer work for `invidious` api key option

First off - thanks for making this extension!

I was previously using the invidious api key to avoid needing to set up my own one, but noticed that rating bars stopped appearing recently. Looks like this is because the code in background.js hits invidio.us: https://github.com/elliotwaite/thumbnail-rating-bar-for-youtube/blob/master/extension/background.js#L17, which according to the project homepage is no longer active.

From the page, it also looks like there are a bunch of mirrors, although it's unclear who runs them. I'm not sure if there's a single canonical replacement, but I tried locally replacing that api call with one to invidious.xyz, and it appears to work:

diff --git a/extension/background.js b/extension/background.js
index afb3c12..5e008a5 100644
--- a/extension/background.js
+++ b/extension/background.js
@@ -14,7 +14,7 @@ chrome.runtime.onMessage.addListener(
       let promises = []
       if (youtubeApiKey === 'invidious') {
         for (let videoId of message.videoIds) {
-          let promise = fetch(`https://invidio.us/api/v1/videos/${videoId}?fields=likeCount,dislikeCount`)
+          let promise = fetch(`https://invidious.xyz/api/v1/videos/${videoId}?fields=likeCount,dislikeCount`)
             .then(response => response.json())
             .then(data => {
               combined_data.items.push({

If this seems like a suitable fix, I'm happy to create a PR with this diff - but wanted to check here in case someone with more knowledge about these mirrors has a better idea.

suddenly stopped working

google reworked their whole api setting up site and the instructions to get api key are outdated

Bar doesn't show up on videos you've watched

The rating bar doesn't show up if the red bar indicating you've seen the video is already there, which the old extension got around by moving that bar to the top. This is the bar that I'm talking about.
image

[Request] mobile version

I know this is probably out of scope of the extension. But could you or somebody please make a mobile version of this? For iOS it could be a Cydia tweak, for Android maybe try to get it on YouTube Vanced.

Once Firefox supports non-persistent background scripts, use them.

Firefox does not currently support non-persistent background scripts, but when it does, we should use them.

Browser support for non-persistent background scripts can be monitored here: https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/background

Once Firefox supports them, remove the extra build steps for the Firefox build here: https://github.com/elliotwaite/thumbnail-rating-bar-for-youtube/blob/master/tools/build_packages.py#L43

Odysee

Hello, can you make it work with odysee.com or make a version for it? I would really appreciate it. Thanks in any case for all your great work in this extension.

Local storage of statistics for later reuse

Would it be possible to permanently store all fetched video statistics to local storage? So once Youtube hides this data we could still use what we saved locally. At some point, we could even share among each other our locally fetched statistics so that we capture as much data as possible before it disappears.

I am primarily interested in "saving" likes/dislikes about tech videos/tutorials and I am sure many others here have similar interests. So we could really benefit from preserving statistics of this kind of videos.

Thank you for this amazing extension!

[Requests] Llike bar in current video, and progress bar in suggested

Hello, I'd like to request, if it's possible, for the extension to show the rating bar in the current video, since it's no longer visible. It's visible on thumbnails so I hope it's possible.

Another request is to show the red progress bar on suggested videos -I already watched- on the right side of the current video. It used to appear there until a few days ago.

Thanks!

Error in manifest file

If you go to about:debugging in Firefox, this extension causes the following warning/error:

Reading manifest: Error processing background.persistent: Event pages are not currently supported. This will run as a persistent background page.

Does this warrant an update?

feature request: ADD option to show my own like status

would show only my own like/disklike status:
either 👍 or 👎 or N/A (or ? or 0 or similar) for unrated

use case:

Helps me avoid watching videos I've dislikeda

use case:

Youtube sucks at saving Watched status across different devices and browsers and even across time, but 100% of the time seems to keep the Like status, so I use it as a replacement to Watched status + I think its more informative too

"Likes-to-Views" option

Latest version 1.6.2 removed "Likes-to-Views" option. It's a pity, cause this is not dependent on dislikes. There was a great script Youtube Video Ratings Bar with Power Meter, which implemented the same "Likes-to-Views" bar and called it Power Meter. It was shown along with Likes/Dislikes in a very convenient way. Animating ratings bar is also a good idea to borrow.
Formula for this Power Meter was different from yours. You can check it at the end of Code section.

YouTube Data API v3 not available

I followed the described steps to create the API Key, but I got stuck at the step "open the "Select APIs" dropdown menu and check the "YouTube Data API v3" checkbox."

No such API exist in the dropdown. Maybe they updated it or something, and it got removed, or I did something wrong.

Nevertheless, at the same time, I choose "Don't restrict key (This key can call any API)" and the extension doesn't work with the resulting key. So maybe I did something wrong before...

Not working in Firefox 60.3.0esr (32-bit)

After installation of this add-on the red progress bar of all videos on Youtube moved to the top of thumbnails, but nothing appeared instead of, hovering mouse above the bottoms of thumbnails doesn't help - nothing changes. I tried changing this add-on's settings and disabled all other youtube related add-ons - nothing helped.

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.