srt.js: A Video Augmentation Framework of JavaScript Embedded as Subtitle Information in YouTube




Document for Development is here

Please try to use “srt.js” according to the following procedure.

If “srt.js” for your video has already uploaded on YouTube as a subtitle file, please insert the eleven-character ID of your YouTube video in XXXXXXXXXXX part of the following URL,  and access it using your browser.

http://srtjs.azurewebsites.net/?v=XXXXXXXXXXX

If you want to make a mashup of another user’s video and your “srt.js,” you should first share your “srt.js” using Dropbox, GoogleDrive, or github, and obtain a URL, then access the following link.

https://srtjs.azurewebsites.net/?v=XXXXXXXXXXX&surl=https://dl.dropboxusercontent.com/u/9999999/example.srt.js

Usage Examples

Here you can try the demo video introduced above and other examples. If you have any browser, you can enjoy these examples without installing anything. If you are asked, “Are you really going to continue this?” please answer “OK.” If “srt.js” does not work well, please change the browser. Chrome is best for PC (windows/mac), and Firefox is best for smartphones.

Extended Expressions in Conjunction with Videos

· Original “Happy Birthday” Song in Your Own Name

If you type your name in the text box, your name is synthesized in the “Happy birthday dear XXX” part. PC chrome is better for operation check.

· Take Photos of Smiling Moments by Watching a Comedy Show Performed by Wacky, a Japanese Comedian

For children. Two photos are taken as “Before” and “After.” PC chrome is better for operation check. This utilizes “Eye Catcher” technique invented by Koji Tsukada.

· Mission Impossible:  “This browser is self-destructed in 5 seconds.”

Attention! The (tab of the) browser is force-closed around 2:50. Both PC and iPhone are good for operation check.

· Peek-a-boo!

This is an example operated together with webmo (an IoT motor). Please connect your smartphone to webmo. iPhone is good for operation check.

· Dating Agent Sample invented by Diverse Institute of Technology

This is an example operated together with webmo (an IoT motor). Please connect your smartphone to webmo. iPhone is good for operation check.

Control on Video Playback by User’s Inputting

· Navigate from Headline to the Original Contents of News by a Shake Gesture

Please try this on your smartphone. When you shake your smartphone, you can go back and forth between the headline and the detailed news. iPhone is good for operation check.

· Shop the Book  in Amazon.com Introduced in the “Biblio Battle” by a Shake Gesture

Please try this on your smartphone. When you shake your smartphone during the book introduction, you can move to the Amazon web site. iPhone is good for operation check.

· Exploration to Umeko Tsuda’s Graveyard (a participant’s work of a Hackathon)

You can control the video playback with GUI components genarated by srt.js. PC Chrome is better for operation check.

· Video Playback Only During Watching (Face Recognition Demo)

This is a work in progress. PC Chrome is better for operation check.

· Video Guidance Using GPS and Map API

This program is on the supposition that you use it by your smartphone at Takanodai Station of the Seibu Line. If you change “close=100” part in the URL to the smaller number, it can be precisely judged whether or not you really reach the checkpoint in tens of meters. If you use iPhone, the video is compulsory played in a full-screen mode.




サブページ (1): doc