YouTube Live Likes, Views, Comments Counter
Lightweight youtube live counter usable in OBS Studio and Streamlabs as browser source
Configure OBS Studio Widget
This tool requires your own YouTube API key due to quota limits. Add it in the field above to generate your OBS browser URL. Need help? Get API key or style the widget.
YouTube Live Counter Features
π Track YouTube Live Likes & Views
Monitor live YouTube likes π & views π in real-time for your streams. Stay updated with an accurate counter to engage your audience with the latest stats. Perfect for streamers and content creators!
π Seamless OBS Integration
Easily show YouTube Live stats like likes & views π₯ on your OBS stream without any hassle. Stream smoothly and engage your viewers with real-time metrics right on the screen.
β‘ Instant YouTube Stats Updates
Get instant updates π for YouTube live likes π and views π as they happen. Keep your viewers engaged with up-to-the-minute stats and enhance real-time interaction during your live streams!
π₯ How to Get a FREE YouTube API Key (Step-by-Step Guide)
Are you looking for a FREE YouTube API Key to integrate with OBS Studio or other streaming tools? In this quick and professional guide, Iβll walk you through the exact steps to generate your own API key in just minutes! β
π Use your API key at: yt.obscountdown.com to enhance your YouTube streaming experience!
π Steps Covered:
- βοΈ Accessing Google Cloud Console
- βοΈ Enabling the YouTube Data API v3
- βοΈ Creating and managing API credentials
- βοΈ Securing your API key for safe use
πΉ How to Get a Free YouTube API Key
Follow these steps to generate your API key from Google:
- π Go to Google Cloud Console.
- π Sign in with your Google account.
- π Click on "Select a Project" (top menu) and create a new project.
- π Enter a project name and click "Create".
- π Navigate to "APIs & Services" > "Library".
- π Search for YouTube Data API v3 and select it.
- β Click the "Enable" button.
- βοΈ Go to "APIs & Services" > "Credentials" in the left menu.
- β Click on "Create Credentials" and select "API key".
- π Google will generate an API key. Copy it and paste it into your application.
- π (Optional) Click "Edit API key" to set usage restrictions for security.
π― Once done, your API key is ready for use in OBS Studio and other tools!
π¨ How to Customize Each Element in OBS Studio with CSS
You can fully customize the appearance of your YouTube counter widget in OBS Studio using Custom CSS. Each icon, label, and odometer value has a unique id
and class
to give you complete styling freedom.
π Available Selectors
#icon-viewers
- the icon before the βViewersβ label#label-viewers
- the text label βViewersβ#value-viewers
- the odometer number for viewers#icon-views
,#label-views
,#value-views
- for total views#icon-likes
,#label-likes
,#value-likes
- for likes#icon-comments
,#label-comments
,#value-comments
- for comments
ποΈ Example Custom CSS
/* Make the viewers icon red */
#icon-viewers i {
color: red;
}
/* Change the font and size of the viewers label */
#label-viewers {
font-family: 'Arial Black', sans-serif;
font-size: 18px;
color: #ffcc00;
}
/* Make the viewer count bold and larger */
#value-viewers {
font-size: 36px;
font-weight: bold;
color: #00ffcc;
}
/* Hide comments section */
.stat-comments {
display: none;
}
π₯ How to Apply in OBS
- Add the widget to OBS as a Browser Source.
- Right-click the source > Properties.
- Scroll down to Custom CSS.
- Paste your custom styles there and click βOKβ.
π§ͺ Experiment with shadows, animations, fonts, and colors it's your stream, your style!