Code Monkey home page Code Monkey logo

youtube-realtime's Introduction

YouTube Realtime

This is a simple experiment which shows the current live subscriber count on YouTube for a user. The count displayed on YouTube is often incorrect because it doesn't update in real time. The count used on this experiment is taken directly from the API and hence is guaranteed to be accurate.

This page is super light and the follow up network requests are as minimal as possible.

You can directly bookmark the relevant page to directly jump to a specific user. Sharing features are built right into the web app.

YouTube Realtime Screenshot
YouTube Realtime showing YouTube Spotlight

Feel free to submit issues/pull request if you'd like to contribute.

I've been seeing a lot of copies of this project on the internet, please consider adding an attribution link if you are planning to deploy this project on your website. If you are a YouTuber, consider using a direct link for your channel instead of creating a new clone website. Thanks!

YouTube Realtime Screenshot
YouTube Realtime showing Justin Bieber

Features

  • Realtime Subscriber Count
  • Easily compare subscriber counts for any two channels
  • Aesthetically pleasing design and colors
  • Easy channel selection
  • Displays the video count of the user
  • Shows total video views of the user
  • Shows total comment count of the user
  • Easy Sharing built in
  • Embeds
  • Immersive UI
  • Simple custom URLs

Embeds

Embedding the counter on your website is a cool way to display the real time count of your channel on your own website. The feature is built right into it, and is available on the website itself. You just need to copy the embed code and paste it as HTML code on your own website. (Info here.)

YouTube Realtime Embed Small
YouTube Realtime Embed Large
YouTube Realtime Embed

Try it yourself!

License

YouTube Realtime Copyright (C) 2019 Akshat Mittal

You may freely modify the code for personal use. You are not allowed to redistribute the project without attribution and credits or prior permission. Commercial use without permission is prohibited.

This project uses a part of code from WrapPixel.

Disclaimer

The project forks and code by default redirects back to this repo. You can view the instructions to modify the code here.

Support

This project is supported by Metacrypt and Create My Token. They provide services such as the free ERC20 token generator, free BEP20 token generator and free Solana SPL Token Creator.

youtube-realtime's People

Contributors

akshatmittal avatar jfrenl 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

youtube-realtime's Issues

redirect to your website

Hello,

Your index.html automatically redirects to your website?
How can I solve this..?

Thanks :D!

Auto-refresh

Is it possible to add an auto refresh? Because the subscriber count seems not updated.

Dark Theme

A darker theme is needed for the website which is easy on eyes at night.

Ref: Twitter

0 Subs???

wtf
What is going on?

EDIT: Seems like there is no Sub count displayed on Youtube. However, there is a view count.

CSS property

In style.css it would be nice to do cursor:pointer attribute in #username id

Just a question.

How hard would it be to make this work for a channel, instead of the user.

IsEmbed error

Hello, my browser getting error on source code of your website:

jquery.min.js:2 jQuery.Deferred exception: isEmbed is not defined ReferenceError: isEmbed is not defined
at Object.prepare (/assets/js/script.js:4:61)
at HTMLDocument. (assets/js/script.js:11:352)
at j (https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.0/jquery.min.js:2:29999)
at k (https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.0/jquery.min.js:2:30313) undefined
r.Deferred.exceptionHook @ jquery.min.js:2
jquery.min.js:2 Uncaught ReferenceError: isEmbed is not defined
at Object.prepare (script.js:4)
at HTMLDocument. (script.js:11)
at j (jquery.min.js:2)
at k (jquery.min.js:2)

Stopped Working and Showing Coder's name instead of channel names

Hello,

I am using this web app and it seems like you want us to purchase this app from you to get it proper functioning.

issue 1: stopped working even after updating 22 API keys in key manager. Not sure why there are 22 keys and what are these for. check it is not functioning

issue 2: showing your name everywhere. It should show channel's name instead of your name.

Thanks,

JS Files and jQuery

I noticed that you have one long javascript file. This can get out of hand when new features are added and I suggest it to be split in separate files.

Also, I suggest using jQuery because this would shrink down your code significantly.

New website

How can I edit this repo and add data on new website because your website not updating views and subscribeer

stuck at 0 subs

So i put the api key into the keymanager.js but it still doesn't show the subscribers. Also if i click on a featured user (PewDiePie) it doesn't show page with his channel but i think it's something with the api key too.

Quota Limit in the API

Youtube gives a quota of only 10,000 units/per day! It's getting used in a short span of time - How to get more quota? (Should we create a new project and generate another API Key) Please help me As soon as possible

Not working

Can you please check what's wrong ?
I upload script, on script.js edit varbase and down link to your site edited to mine
http://furka.in

Its slow

YouTube vanity names

Hi Akshat,

Nice to see that channel ID's work now!

Do you by any chance see the possibility to also make your counter work with a YouTube channel name instead of of the channel username?

Example: A youtuber has the channelname 'FCroelie'. When I enter his channelname in the URL (youtube.com/fcroelie) it opens his channel because it is redirected to his YouTube ID channel URL (https://www.youtube.com/channel/UCg0G6cfC6FH4u9yW3y-LUZQ).

It does work to enter his channel ID in your application, but when I enter 'FCRoelie' it does not return any values but zero's.

Perhaps the code of this livecounter might help: http://livecounts.t15.org/?channel=fcroelie

Greetings,

Peter

Unrestricted API Key

You had forgotten to restrict this key.

AIzaSyCgCBendo5K3kPNEL9tO_TI4G8WAdp_hnM

I've wanted to warn you.

Firefox compatibility

Hi! I really like what you did with your youtube realtime counter project. It's nearly perfect!

I just noticed it doesn't work very well in Firefox. The channel name gets the value 'Loading..' and I can't get data from other channels unless I refresh.

Any idea why this is happening?

Greetings,

Peter

Livesubcount.com

Hey so when I was checking out your code I was checking out LiveSubCount.com's code out too, but they are leading to your site now... Why? I am guessing you told them to do that? I liked how there were two different Live Subscriber Count websites, what if some people don't like Livesubcount.com's style? Then they will go to your site. What if they don't like your sites syle? Then they will go to LiveSubCount.com. If you did make them go to your site, I think it would be better if there were two different ones. After all, yours is better than theirs. Theirs was just simple and friendly :) Just a thought. A lot of friends of mine were using both.

Nice work!

Just wanted to point that out. Very clean. Nicely designed code. Very wow ๐Ÿ‘

Feel free to immediately close this issue

https://akshatmittal.com/youtube-realtime/#!/undefined

Hi Akshat, amazing project. Absolutely loved it.

However is it down right now? I tried to see a few of my channels on it, but it keeps reverting back to the subject I put this issue as. The website serving this is down? Or migrated completely? It is not able to pick up the YT channel. Please help resolve.

Help with odometer

So, we have tried this open source. But everytime we start it up... The main Odometer does not work and is just set to 2,500,500. We have tried multiple ways of fixing it, but none of them worked. So I was wondering if you can help us out?

Embed View Count

I wish to embed view count on my website, but your project enables only subscriber count. How can I show view count. Thanks in advance

Copyright Statement

You have a copyright statement at the bottom of /index.html which says that no one can reproduce this web app without permission, but you have released it under the GNU GPL.

Please change it to show the appropriate terms.

On a side note, with this being a web app, if you have all the rights to this program, I suggest changing to the GNU AGPLv3 which would make all other versions respect the users' freedom as well, and if anyone redeployed this app with changes, you could get them.

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.