blob: b5a1c7a279d53808785cef3a3b90c20cf1a5d8cf [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src=../media-file.js></script>
<script src=../video-test.js></script>
<script>
numberOfTrackTests = 2;
function trackLoaded()
{
numberOfTracksLoaded++;
if (numberOfTracksLoaded == numberOfTrackTests) {
for (var i = 0; i <= numberOfTrackTests; ++i)
testTrack(i);
}
}
function testTrack(i)
{
findMediaElement();
var expected =
[
{
length : 4,
tests:
[
{
property : "line",
values : [100, 15, 'auto', 95],
},
{
property : "position",
values : ['auto', 40, 10, 'auto'],
},
{
property : "align",
values : ["start", "center", "center", "end"],
},
{
property : "vertical",
values : ["", "rl", "", "lr"],
},
],
},
{
length : 4,
tests:
[
{
property : "line",
values : [43, 'auto', 'auto', 'auto'],
},
{
property : "position",
values : [10, 50, 'auto', 90],
},
{
property : "align",
values : ["center", "end", "center", "center"],
},
{
property : "vertical",
values : ["", "", "", "lr"],
},
],
}
]
testCues(i, expected[i]);
allTestsEnded();
}
</script>
</head>
<body onload="enableAllTextTracks()">
<p>Tests WebVTT settings.</p>
<video>
<track src="captions-webvtt/tc013-settings.vtt" onload="trackLoaded()">
<track src="captions-webvtt/tc013-settings-bad-separation.vtt" onload="trackLoaded()">
</video>
</body>
</html>