This is a small Bookmarklet that extracts captions from a Youtube Video (if exists) and opens a panel on the right side of the page to display all the captions.
This project is inspired from the youtuber techlead (techlead youtube video) and created for personal needs.
medium article details { "baseUrl": <a URL that starts with https://www.youtube.com/api/timedtext>, "name": , "vssId": <describes the type and language of captions: English captions are ".en", auto-generated English captions are "a.en">, "languageCode": <"en" for English>, "kind": <"asr" for auto-generated, "standard" for normal>, "isTranslatable": <true|false> }
-For available languages https://www.youtube.com/api/timedtext?v={$videoID}&type=list
-And working versions http://video.google.com/timedtext?v={$videoID}&lang={$lang_code}&name={$name}
https://www.nicesnippets.com/blog/youtube-videos-download-source-code
Bookmarklet-wiki: A bookmarklet is a bookmark stored in a web browser that contains JavaScript commands that add new features to the browser. Bookmarklets are unobtrusive JavaScripts stored as the URL of a bookmark in a web browser or as a hyperlink on a web page. Bookmarklets are usually JavaScript programs. Regardless of whether bookmarklet utilities are stored as bookmarks or hyperlinks, they add one-click functions to a browser or web page. When clicked, a bookmarklet performs one of a wide variety of operations, such as running a search query or extracting data from a table. For example, clicking on a bookmarklet after selecting text on a webpage could run an Internet search on the selected text and display a search engine results page.
Example usage : Wiki Search Page (Drag to bookmark bar)
-
like subtitles
-
arrange them in groups and keep them on the screen until the next one is available.
-
use pauses between words to differentiate the sentences.
-
this can be used in youtube video as subtitles
-
@feature: organize into centances by using std or tree clustering method to combine each word into readable subtitle
-
@feature: divide web page into 2 and on the left open the subtitle
-
@feature: divide web page into 3: one left yuotube and 2 in the right. upper is the text and in the bottom is the translation of the subtitle.
-
@feature: signature to "@author" find a text handwriting and link to repository
-
Check auto google translate exmaple webapge (code) of this website
[ ] TODO: add close button click to small onscreen ads