HTML5 Video with JavaScripted synchronised captions: demo

If your browser has JavaScript enabled, synchronised captions will appear on the Video. Otherwise, a plaintext transcript with time markers will display below it.

This demonstration supplements the 360innovate blog post, and builds on work by Bruce Lawson, Philip Jägenstedt, and Daniel Davis. It reimplements their work as a jQuery plugin which aims to give front-end developers a consistent and easy to use API.

Transcript

Hi, my name's Dr Archimedes Einstein and I'm a Doctor of Science at the University of Science in a very famous town that you're too stupid to have heard of. Anyway, today we're going to talk about "synergies". A lot of people are worried about synergies, but I can tell you that statistics show there is no danger of increased cancer risk from synergies. However, it's better to be safe than sorry. I'm going to demonstrate how you how we can leverage a synergy.

First of all, I've got this banana This banana represents "Web 2.0" and look, I've written on it some "user-generated content" just to prove the point [LOL, WTF, You suck] I take my "Web 2.0" and I put it in an envelope marked "paradigm shift". OK. Very important, I put the envelope down and With a bit of "blue sky thinking" I "push the envelope" Then, I take my leverage mallet, and URGH! RGRRRRRARGRGGH!! EURGGGARRRRGGGRRGARGGAHAARRAGGHGRRAGAHAARGH!!!! ...and there we can see a synergy, leveraged.

字幕

こんにちは。科学大学の科学博士のアルキメデス・アインシュタインです。 大学は有名な町にあります。聞いたことないと思うけど… 今日は「シナージー」について講義してあげましょう。 シナージーのことを気にかけている人が多いようですが、 統計によると シナージーのせいで癌になるリスクは一切ありません。 しかし、念のため シナージーをどうやって「レバレッジ」するか説明させていただきます。

まず、バナナを用意します。 このバナナは「Web 2.0」を表しています。 それを示すために、いわゆるユーザのコメントを 例として書きました。 [LOL, WTF, You suck] 次は「Web 2.0」を封筒(エンベロープ)に入れます。 封筒の名前は「パラダイムシフト」です。 OK. 次が重要です。封筒をテーブルに置いて 「blue sky thinking」を利用しながら 「push the envelope」をします。 それからレバレッジのハンマーを使って オリャー! RGRRRRRARGRGGH!!(翻訳不可) EURGGGARRRRGGGRRGARGGAHAARRAGGHGRRAGAHAARGH!!!!(更に翻訳不可) そうするとシナジーのレバレッジがうまくできました。以上。