TimeTags for YouTube

Create YouTube time tags with simple keyboard shortcuts

What is TimeTags for YouTube?

TimeTags for YouTube is a Chrome extension developed by Chih-Hsuan Fan, and its main feature is "Create YouTube time tags with simple keyboard shortcuts".

Extension Screenshots

screenshot
screenshot
screenshot

Download TimeTags for YouTube Extension CRX File

Download TimeTags for YouTube extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        We all know that YouTube has a feature that you can tag(bookmark) any specific time of the current video with a video timestamp format like `11:25` in comments.

I found that when you try to create lots of tags for a longer-duration video, it's pretty annoying to write down the tag manually (in text editors like notepad). You have to switch back and forth between different apps. And it's even more annoying when you try to ensure the tagged time is accurate and precise.

So I created this extension to help me solve the problem. Now I can pretty much use just keyboard to add and adjust tags right in the YouTube interface.

Feedbacks are welcome.


# 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] pause/play
- [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).

## Storage

Tags are currently saved locally in your computer.

## Export/Import

To export, click on the "printer" icon.

Results will be copied to your clipboard, in the format:

```
{tag 1} {description 1}
{tag 2} {description 2}
.
.
{tag N} {description N}
```
To import, click on the button next to "add" button.

Import shares the exact same format with export.

# Changelog

## 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.                    

Extension Basic Information

Name TimeTags for YouTube TimeTags for YouTube
ID hpbmedimnlknflpbgfbllklgelbnelef
Official URL https://chromewebstore.google.com/detail/timetags-for-youtube/hpbmedimnlknflpbgfbllklgelbnelef
Description Create YouTube time tags with simple keyboard shortcuts
File Size 162 KB
Installation Count 6,498
Current Version 1.5.0
Last Updated 2022-05-20
Publish Date 2020-05-17
Rating 4.60/5 Total 45 Ratings
Developer Chih-Hsuan Fan
Email [email protected]
Payment Type free
Extension Website https://github.com/pc035860/yt-timetag
Help Page URL https://github.com/pc035860/yt-timetag/issues
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "TimeTags for YouTube",
    "version": "1.5.0",
    "manifest_version": 2,
    "description": "Create YouTube time tags with simple keyboard shortcuts",
    "icons": {
        "16": "images\/icon-16.png",
        "128": "images\/icon-128.png"
    },
    "background": {
        "scripts": [
            "background.js"
        ],
        "persistent": false
    },
    "content_scripts": [
        {
            "matches": [
                "*:\/\/*.youtube.com\/*",
                "*:\/\/youtube.com\/*",
                "*:\/\/youtu.be\/*"
            ],
            "js": [
                "ytapi.js"
            ],
            "run_at": "document_end",
            "all_frames": false
        }
    ],
    "browser_action": {
        "default_icon": {
            "19": "images\/icon-19.png",
            "38": "images\/icon-38.png"
        },
        "default_title": "TimeTags for YouTube"
    },
    "permissions": [
        "storage",
        "https:\/\/www.youtube.com\/",
        "https:\/\/youtu.be\/"
    ],
    "web_accessible_resources": [
        "contentscript.js.map",
        "*.png"
    ],
    "browser_specific_settings": {
        "gecko": {
            "id": "[email protected]",
            "strict_min_version": "78.0"
        }
    }
}