Create YouTube time tags with simple keyboard shortcuts

Latest Version

Version
1.6.2
Update
May 29, 2024
Size
361KiB
Developer
Category
Users
6,000+
Rating
4.62 ★
Manifest Version
3
Web Store Status
Languages Support
English
中文 (繁體)
See more
Permissions
Storage
Scripting
UnlimitedStorage
See more

TimeTags for YouTube Extension

TimeTags for Youtube is a tool designed to simplify the task of tagging specific moments in YouTube videos. Say goodbye to manually writing timestamps in a separate text editor. With yt-timetag, you can conveniently add and adjust tags within the YouTube interface using your keyboard. The extension provides precise and accurate timestamps, enhancing your experience when tagging longer videos.

# Usage

Browse to any YouTube video, click the icon of the extension in browser bar to activate it.

## Shortcuts

- [delete, backspace] remove tag (affects active tag)
- [left] backward 5 seconds (affects active tag)
- [alt+left] backward 1 second (affects active tag)
- [right] forward 5 seconds (affects active tag)
- [alt+right] forward 1 second (affects active tag)
- [space] play/pause
- [a] add a tag at current time
- [d] edit the description of active tag
- [esc] cancel active tag

Shortcuts won't work when YouTube's bulit-in shortcuts is active (which means your focus is currently on the video element).


# Changelog

## 1.6.2

- Fix: \"Reset to default\" button in shortcuts settings not working

## 1.6.1

- Fix: export as markdown doesn't work as expected

## 1.6.0

- Fix: mouse wheel behavior in tag/comment list
- Add \"Trash\" tab for temporarily holding removed tags
- Add options page
- Explorer
- Custom shortcuts
- Data import/export
- Standalone Explorer is also available at https://cloud.pymaster.tw/yt-timetag-explorer/

## 1.5.0

- Add \"CHAPTERS\" tab
- Fix: seek-to-time operation sometimes doesn't work

## 1.4.5

- Remove unnecessary site `permissions` specified for Firefox support in Chrome build

## 1.4.4

- Fix \"sync\" feature recent videos ordering bug
- Optimize sync compression performance (UX)
- Refine tag description display in different container widths

## 1.4.3

- Add `chrome.storage.local` as primary storage option
- \"Sync\" feature of Chrome
- Now syncs recently updated 100 videos only
- Compress `chrome.storage.sync` data to better utilize the quota (100kB max)
- Store video id, video title information for upcoming features

## 1.4.2

- Firefox support

## 1.4.0

- Export in Markdown format
- CommentList UI: add time tags in comments to your collection

## 1.3.2

- Fix youtube player retrieve issue

## 1.3.1
- Fix spacebar shortcut issue

## 1.3.0
- Fix time tag display issue
- Support Dark Mode

## 1.2.0
- Remove \"tabs\" permission
- Default to sync storage of Chrome
- Add shortcut for \"remove\"
- Update for new YouTube design component change

## 1.1.0
- Support new YouTube design
- Tag list will become scrollable when it feels overwhemled
- Add keyboard shortcut `d` for editing active tag description, due to `/` is already used by the new YouTube

## 1.0.0
Add \"import\" function.

## 0.0.1
First release.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "__MSG_extName__", "version": "1.6.2", "manifest_version": 3, "description": "__MSG_extDescription__", "icons": { "16": "images/icon-16.png", "128": "images/icon-128.png" }, "background": { "service_worker": "background.js" }, "options_ui": { "page": "options/index.html", "open_in_tab": true }, "sandbox": { "pages": [ "options/explorer.html" ] }, "content_scripts": [ { "matches": [ "*://*.youtube.com/*", "*://youtube.com/*", "*://youtu.be/*" ], "js": [ "ytapi.js" ], "run_at": "document_end", "all_frames": false, "world": "MAIN" } ], "action": { "default_icon": { "19": "images/icon-19.png", "38": "images/icon-38.png" }, "default_title": "__MSG_extName__" }, "permissions": [ "storage", "scripting", "unlimitedStorage" ], "host_permissions": [ "https://www.youtube.com/", "https://youtu.be/" ], "web_accessible_resources": [ { "resources": [ "contentscript.js.map", "*.png", "*.svg" ], "matches": [ "*://*.youtube.com/*", "*://youtube.com/*", "*://youtu.be/*" ] } ], "default_locale": "en", "content_security_policy": { "extension_pages": "script-src 'self'; object-src 'self'", "sandbox": "sandbox allow-scripts; script-src 'self' 'unsafe-inline' https://www.youtube.com" }}
Read more

How to download and manually install TimeTags for YouTube extension for Chrome

Looking for a way to install TimeTags for YouTube extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install TimeTags for YouTube extensions manually, this article outlines two simple methods to effortlessly install TimeTags for YouTube extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download TimeTags for YouTube extension and manually install through Drag &Drop

If you ever need to manually install a TimeTags for YouTube extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the TimeTags for YouTube Extension by clicking the "Download CRX" button on the website.

Look for the TimeTags for YouTube extension you wish to install. Go to the website and download the TimeTags for YouTube extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for TimeTags for YouTube extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the TimeTags for YouTube extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download TimeTags for YouTube extension for Chrome and install in Developer Mode

This is another method to install TimeTags for YouTube extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the TimeTags for YouTube extension file

Select and download the TimeTags for YouTube extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the TimeTags for YouTube extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your TimeTags for YouTube extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the TimeTags for YouTube extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install TimeTags for YouTube extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Youtube Tags Extension · Productivity 6,000+ 337 ★ 45.16KiB

icon

YouTube Tags Extension · Productivity 6,000+ 314 ★ 55.28KiB

icon

YouTube Timestamps to Playlist Extension · Fun 6,000+ 2 ★ 375KiB

icon

Highlights for YouTube Extension · Fun 6,000+ 15 ★ 41.6KiB

icon

YouTube Time Labels Extension · Productivity 6,000+ 10 ★ 125KiB

icon

YouTube Features — Analytics and Tools Extension · Productivity 6,000+ 7 ★ 98.2KiB

icon

Youtube Timestamp Saver Extension · Productivity 6,000+ 16 ★ 55.04KiB

icon

Youtube Thumbnail Finder Extension · Productivity 6,000+ 22 ★ 26.35KiB

icon

Video Tag Viewer for YouTube Extension · Accessibility 6,000+ 1 ★ 7.08KiB

icon

YouTube Channel Grower Extension · Social & Communication 6,000+ 17 ★ 112KiB

icon

YouTube Timestamp Comments Extension · Accessibility 6,000+ 7 ★ 764KiB

icon

Live Video Plus Extension · Productivity 6,000+ 29 ★ 2.48MiB

icon

YouTube Timestamps Extension · Productivity 6,000+ 39 ★ 16.03KiB

icon

Youtube subscriptions Extension · Social & Communication 6,000+ 11 ★ 13.78KiB

icon

YouTube Expose Extension · Fun 6,000+ 3 ★ 31.57KiB

icon

youtubecheetsheet Extension · Productivity 6,000+ 1 ★ 27.89KiB

icon

YouTube Suggested Video SEO (Get More Views) Extension · Productivity 6,000+ 3 ★ 2.68MiB

icon

Youtube Categories Extension · Social & Communication 6,000+ 6 ★ 1.8MiB

icon

Tube Growth Extension · Social & Communication 6,000+ 14 ★ 1.81MiB

icon

Grow your YouTube with SEO | Tube Transcripts Extension · Social & Communication 6,000+ 3 ★ 268KiB

icon

Tubestamps Extension · Accessibility 6,000+ 47 ★ 157KiB

icon

Video Favorites Extension · Productivity 6,000+ 15 ★ 604KiB

icon

Smart Bookmarks for YouTube: Productivity Up Extension · Productivity 6,000+ 47 ★ 902KiB

icon

YouTube Tag Extractor Extension · Social & Communication 6,000+ 9 ★ 10.55KiB

User reviews

icon

Heath “rolltidehero” B. (ID: 00000016191e399c) Voted 1 ★ - Updated 08/14/2023 Doesn't work anymore as of August, 2023

icon

illu k (ID: 000000b958782f11) Voted 5 ★ - Updated 07/21/2023 can I have it stay on (and have a shrink option)

icon

Carlos Sicilia (ID: 0000003f758aaa91) Voted 5 ★ - Updated 04/13/2023 Is perfect.Also have keyboard shortcuts to expedite the creation of timestamp tags.

icon

Muhammad Saad Mansoor (ID: 000000ee360465cb) Voted 5 ★ - Updated 04/05/2023 wow. you are my inspiration on learning to code. to build your own software. to ease your life.

icon

five cour (ID: 00000086e349e9c2) Voted 5 ★ - Updated 09/15/2022 Great extension, helped me create timestamps for videos