Code Monkey home page Code Monkey logo

yt-timetag's Introduction

TimeTags for YouTube

Available on

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

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

Shortcut Action Apply to active tag
space Pause / Play
a Add a tag at current time
esc Unselect active tag
delete, backspace Remove active tag
left Backward 5 seconds
alt+left Backward 1 second
right Forward 5 seconds
alt+right Forward 1 second
d Edit description

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

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.

yt-timetag's People

Contributors

pc035860 avatar dependabot[bot] avatar

Stargazers

 avatar blok avatar  avatar Theodore Tollet avatar Hèlen Grives aka avatar Greggor's Joe avatar  avatar  avatar Sid Chang avatar Takehiro Ogura avatar ELI JOSEPH BRADLEY avatar Roohullah Afzali avatar Seth avatar Bernhard Mayr avatar Tareq Ab. Amawi avatar BathBall avatar  avatar Jinze Xue avatar  avatar Naoya Iwashita avatar KenCanDoIT avatar Lyndon Williams avatar  avatar Stefan Tesoi avatar tomasy avatar  avatar Utkarsh Dubey avatar  avatar Sven avatar  avatar Shiaupiau avatar

Watchers

 avatar James Cloos avatar Utkarsh Dubey avatar

yt-timetag's Issues

Markdown format mode stopped doing anything

I used to export timestamps with youtube links via markdown mode (export the text -> markdown format), but now all of a sudden it doesn't change anything.
Tested with Vivaldi and Firefox. Happened on 29.05.2024

EDIT: Actually, it does work, it just looks like this, but if I choose the copy option then it copies properly with timestamps.

testest

'a' keyboard shortcuts in non English layout

I write time tags in Russian. Shortcut English key 'a' doesn't work in Russian keyboard layout, naturally. I need to switch out of Russian layout or use a mouse. I discussed similar problem with another extension: avi12/youtube-speed-control#8. The developer solved similar issue. Shortcut 'd' is not problem for me, I don't use it.

Some help

@pc035860 hope this message finds you well. I'm reaching out because we're encountering issues with a particular extension, as discussed in this GitHub issue (sonigy/YCS#56) because since the latest update of Chrome, the extension no longer loads comments properly. However, I noticed that your extension fetches them correctly . We would greatly appreciate any assistance or guidance you could provide on accessing the Youtube API and fetching comments properly.

Have a nice day !.

Pressing spacebar doesn't pause/play the video

Since the new YouTube website has updated its keyboard shortcuts triggering mechanism from focus on the video to full page, the extension built-in shortcut "spacebar" will cause the video to be pause/play twice.

Removing the extension built-in shortcut "spacebar" will resolve the issue.

Default to "sync" storage

Set default chrome storage to "sync".

Will enable login-to-chrome users sync their settings between devices.

Remove "tabs" permission

It's not required for this extension to work. Also it will cause confusing permission hint message.

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.