RJHsiao/developerStories-subtitles-en.vtt

## developerStories-subtitles-en.vtt
WEBVTT FILE

1
00:00:00.500 --> 00:00:02.000 D:vertical A:start
The Web is always changing

2
00:00:02.500 --> 00:00:04.300
and the way we access it is changing

3
00:00:05.000 --> 00:00:07.000
The source of that change is <c.highlight>you</c>

4
00:00:07.100 --> 00:00:11.000
Developers all around the world who are using our tools to create great new things

5
00:00:11.200 --> 00:00:13.200
and with so many tools, the sky is the limit

6
00:00:14.500 --> 00:00:16.500
But it cant happen without you and your ideas

7
00:00:17.500 --> 00:00:18.700
We want to know you better

8
00:00:18.700 --> 00:00:21.000
so we created a new place just for that

9
00:00:21.000 --> 00:00:22.000
to hear from <u>you</u>

10
00:00:22.500 --> 00:00:25.000
We want to hear what inspires you as a developer

11
00:00:25.500 --> 00:00:27.000
and how we can help.

12
00:00:27.000 --> 00:00:30.800
Here you can record a video, share stories with us and more

13
00:00:31.000 --> 00:00:34.000
Let us know what being a Google developer means to you

14
00:00:34.000 --> 00:00:38.200
and you can talk to us in person at Google Developer events all over the world.

15
00:00:38.500 --> 00:00:41.000
so we can learn how to support you better.

16
00:00:41.000 --> 00:00:44.600
Oh, btw, we also started rolling a new site for Google Developers

17
00:00:44.700 --> 00:00:49.400
Not just code but community, news, tools and other resources

18
00:00:49.400 --> 00:00:51.000
and cake

19
00:00:51.200 --> 00:00:54.000
Like any open source project it's a work in progress

20
00:00:54.100 --> 00:00:57.000
with your help it can be great

21
00:00:57.000 --> 00:01:00.000 L:12%
"<a href="http://developers.google.com/stories" target="_blank">developers.google.com/stories</a>"

21
00:01:00.500 --> 00:01:04.000
Change is important to the Web. Help us keep changing it together

## video.html
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset=utf-8 />
<title>File API</title>
<style>
</style>
</head>
<body>
<h1>Video & WebVTT</h1>
<video src="http://www.html5rocks.com/zh/tutorials/track/basics/treeOfLife/video/developerStories-en.webm" controls>
	<track kind="subtitles" label="English subtitles" src="developerStories-subtitles-en.vtt" srclang="en" default></track>
</video>
<p id="status"></p>
<script>
	window.onload = function () {
		var textTrack = document.querySelector("video").textTracks[0];
		console.log(textTrack);
		var cues = textTrack.cues;
		console.log(cues);
		var status = document.getElementById("status");
		for (cue in cues) {
			status.innerHTML += cue.id + ": " + cue.text + "</br>";
		}
	}
</script>
</body>
</html>
	WEBVTT FILE

	1
	00:00:00.500 --> 00:00:02.000 D:vertical A:start
	The Web is always changing

	2
	00:00:02.500 --> 00:00:04.300
	and the way we access it is changing

	3
	00:00:05.000 --> 00:00:07.000
	The source of that change is <c.highlight>you</c>

	4
	00:00:07.100 --> 00:00:11.000
	Developers all around the world who are using our tools to create great new things

	5
	00:00:11.200 --> 00:00:13.200
	and with so many tools, the sky is the limit

	6
	00:00:14.500 --> 00:00:16.500
	But it cant happen without you and your ideas

	7
	00:00:17.500 --> 00:00:18.700
	We want to know you better

	8
	00:00:18.700 --> 00:00:21.000
	so we created a new place just for that

	9
	00:00:21.000 --> 00:00:22.000
	to hear from <u>you</u>

	10
	00:00:22.500 --> 00:00:25.000
	We want to hear what inspires you as a developer

	11
	00:00:25.500 --> 00:00:27.000
	and how we can help.

	12
	00:00:27.000 --> 00:00:30.800
	Here you can record a video, share stories with us and more

	13
	00:00:31.000 --> 00:00:34.000
	Let us know what being a Google developer means to you

	14
	00:00:34.000 --> 00:00:38.200
	and you can talk to us in person at Google Developer events all over the world.

	15
	00:00:38.500 --> 00:00:41.000
	so we can learn how to support you better.

	16
	00:00:41.000 --> 00:00:44.600
	Oh, btw, we also started rolling a new site for Google Developers

	17
	00:00:44.700 --> 00:00:49.400
	Not just code but community, news, tools and other resources

	18
	00:00:49.400 --> 00:00:51.000
	and cake

	19
	00:00:51.200 --> 00:00:54.000
	Like any open source project it's a work in progress

	20
	00:00:54.100 --> 00:00:57.000
	with your help it can be great

	21
	00:00:57.000 --> 00:01:00.000 L:12%
	"<a href="http://developers.google.com/stories" target="_blank">developers.google.com/stories</a>"

	21
	00:01:00.500 --> 00:01:04.000
	Change is important to the Web. Help us keep changing it together
	<!DOCTYPE HTML>
	<html lang="en">
	<head>
	<meta charset=utf-8 />
	<title>File API</title>
	<style>
	</style>
	</head>
	<body>
	<h1>Video & WebVTT</h1>
	<video src="http://www.html5rocks.com/zh/tutorials/track/basics/treeOfLife/video/developerStories-en.webm" controls>
	<track kind="subtitles" label="English subtitles" src="developerStories-subtitles-en.vtt" srclang="en" default></track>
	</video>
	<p id="status"></p>
	<script>
	window.onload = function () {
	var textTrack = document.querySelector("video").textTracks[0];
	console.log(textTrack);
	var cues = textTrack.cues;
	console.log(cues);
	var status = document.getElementById("status");
	for (cue in cues) {
	status.innerHTML += cue.id + ": " + cue.text + "</br>";
	}
	}
	</script>
	</body>
	</html>