Tempus allows you to manage and view YouTube comments with timestamps efficiently.
demo.mp4
- 🔖 View concentration of comments using opacity of displayed markers.
- ⌛ View comments containing a particular timestamp.
- ⏩ While playing the video, view comments with timestamps like a live chat replay.
- ⚙️ Customize the primary colour, block size of the markers.
Install and enable Tempus from the Chrome Web Store here!
To use Tempus, just make sure the extension has been installed and enabled in your browser. Then, you can head to any YouTube video, where the extension will collect timestamps from the comments and display them under the video progress bar.
The settings, which are accessible through the Tempus icon on the top-right of your browser, allow you to:
- 📏 Configure the block size of the marker
default: 1(value can range between 1 and 20 seconds) - 📊 Toggle HeatMap markers
default: enabled - ⏩ Toggle the comment live replay
default: disabled - 🖱️ Toggle the marker on-click comment view
default: enabled - 🎨 Configure the primary colour for markers
default: #ffb347
- Clone the repository.
- Create a new file
config.jsat the same level as thebackground.jsfile and add the following to it:
let config = {
// Replace [YOUR_API_KEY] with your YouTube API key.
"API_KEY": "[YOUR_API_KEY]"
};- Head to
chrome://extensionsand turn the developer mode on. - Click on
Load Unpackedand select the cloned repository. - Enjoy!
All contributions are welcome! You can add functionality, fix bugs, or make any other improvements. When you're done, submit a pull request!
You can use your own YouTube API key with Tempus.
- Sign into Google Cloud Console with your Google account and create a project.
- Go to the Enabled APIs page and select the project. Search for the YouTube Data v3 API and enable it.
- In the Credentials page, select the API Key option. Save and copy the secret key.
- Open the extension and paste in your key. Toggle on to use the key and refresh the tab.
The code is licensed under the MIT license.