imclab / tracksearch

Instant media search and navigation using the track element

Enter text to search Google I/O Chrome session transcripts.

Click on a result to view video.

A timed transcript file in VTT format for each Google I/O session is stored in the tracks folder. VTT files look like this (each item is called a cue):

WEBVTT
1
00:00:00.000 --> 00:00:03.820
2
00:00:03.820 --> 00:00:05.940
JUSTIN UBERTI: So what you all
think of the Google Glass
3
00:00:05.940 --> 00:00:07.247
Hangout this morning?
4
00:00:07.247 --> 00:00:10.110
[AUDIENCE CHEERING]
...

A dummy video and track element is created for each VTT file.

An entry in a WebSQL database is created for each cue of each track. Each database entry has the cue startTime, cue text, and YouTube video ID.

When text is entered in the query input element, the cue database is searched using a read query with LIKE, and results are displayed.

When a result is clicked, the src is set for the embedded YouTube player, with a start value corresponding to the start time of the cue.