HenriAugusto / ytmd.github.io

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Youtube Markdown

This projects provides and easy way to create and share annotations in Youtube videos. It also provides an timeline of the video time tags so you can visualize it and jump around by clicking on where you wanna go.

It also aim to provide advanced playback functionality like looping specific parts of the video, volume fades and etc (Still to be implemented).

How to Use

Start by enter a Youtube video link in the text input in the bottom of the page. The video will load in the YouTube Embedded Player. In the main text area you can type your video annotations. You will see appear clickable playback controls that will let you easily and precisely jump around.

When you ready just copy and paste the URL and share! The video ID and your input data will be "embedded" in the URL (precisely, it will be in a URL query)

Syntax

All lines that do not contain time tags are considered sections (line this one)

00:00 Part A - Introduction
  00:00 What is this all about?
  00:35 Motivations
01:23 Part B - Argumentation
  01:23 First argument
  02:35 Second argument
    02:35 theory
    02:49 experiments
  03:12 Third argument
05:03.357 Part C - conclusion

The default format for the time tags is mm:ss. You can have a finer control of the video's playback using the format hh:mm:ss.fr where fr means fraction. So a fraction .5 would mean 500ms, .3 would mean 300ms, etc.

05:03.357 five minutes, three seconds and 357 ms
07:10.5 seven minutes, ten seconds and 500 ms (!!)

03:11:45 three hours, eleven minutes and 45 seconds
01:10:03.55 one hour, ten minutes, three seconds and 550 milliseconds.

The indentation of each line with a timetag will be used to create sections, subsections, subsubsections and etc and those will be reflected in the timeline.

Examples

Here are two examples where YTMD is used to easily navigate complex symphonic pieces by Beethoven and Stravinsky:

Beethoven's 1st Symphony

Stravinsky's Rite of Spring

About


Languages

Language:JavaScript 83.5%Language:CSS 9.1%Language:HTML 7.4%