korotaggertool

A tool to help with editing tags output by korotagger.

The intended use is to make it easier to adjust tags to be more accurate to the moment they're describing. You can seek to the timestamp that was recorded, seek around one second at a time (or by scrubbing on YouTube's player), and then save that new timestamp to the tag.

Once you're done, you can either copy out the output ready to paste into a YouTube comment (Note--not implemented: YT comment length limit), or click a button to download it as a .txt file. The filename is loaded from the video when it's loaded for the first time

If you paste the output of !tags from korotagger, the tool will also automatically load the video. Otherwise, you will need to paste the video URL into the box and click on "Load Video."

This tool may also be used for tagging streams live, but korotagger allows for collaborative tagging.

Currently only supports YouTube videos and stream VODs. YouTube livestreams seem to work too (and maybe even Premieres--though I don't really see the utility in those).

Libraries used/Dependencies

• YouTube Player iframe API
• ...that's it--it's pure vanilla JS.

Try it!

Try it for yourself at https://korotaggertool.entire.website/korotaggertool.html

Proposed features

• Convert korotagger output to YouTube comment format
• Convert YouTube comment format to korotagger output (allowing user to pass in a format string) This probably isn't very useful. Dropping.
• Implement tag editor with video embed that lets you test your modified tags
• This also includes autofilling the current timestamp, as well as editing the timestamp/text
• Implement a banned words sanity check. # (Basic one implemented)
• Ctrl/Cmd-Z and Ctrl/Cmd-Shift-Z for Undo/Redo
• Support Twitch VODs
• Support Twitch Streams
• Support offline video files (e.g. unarchived streams)

TODO list

• re-sort list when times are changed
• add delete button
• add button to sync tag with current time
• add undo button (implement naively--store a stack of past JSON's)
• add redo button
• figure out how best to do auto-save (add a timed job that autosaves to local storage)
• allow creating new tag at current time
• Allow importing YT comment format as well
• Implement a download button
• Allow disabling autosave (and changing autosave delay)
• Add a clear button
• Have some semblance of Responsive design so it works on more screens than just my MacBook Pro in fullscreen.
• Add a "Add new" button that creates a new tag at the current moment
• Maybe have some way of indicating which tag was the most recent.
• Come up with a new name for the tool, since the only relation to Korotagger is the ability to import tags from that tool.
• Instead of having buttons on each row that sync to the video time/seek around, have the number button be a "select" button and have the controls under the video player
• Fix bug where if you insert a new tag, the list jumps to the top (jumping to where the tag was added )
• When saving, check a timestamp and show a message if there's a newer save (to handle the case where the user has mulitple windows open at the same time)
• Implement multiple save files.
• Move loading tags and settings into modals