mirror of
https://github.com/shaka-project/shaka-player.git
synced 2026-06-16 16:16:40 +03:00
Sandra Lokshina
758 lines
23 KiB
JavaScript
758 lines
23 KiB
JavaScript
/**
|
|
* @license
|
|
* Copyright 2016 Google Inc.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
describe('TtmlTextParser', function() {
|
|
/** @const */
|
|
var Cue = shaka.text.Cue;
|
|
|
|
it('supports no cues', function() {
|
|
verifyHelper([],
|
|
'<tt></tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
});
|
|
|
|
it('supports div with no cues but whitespace', function() {
|
|
verifyHelper(
|
|
[],
|
|
'<tt><body><div> \r\n </div></body></tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
});
|
|
|
|
it('supports xml:space', function() {
|
|
var ttBody = '\n' +
|
|
' <body>\n' +
|
|
' <p begin="01:02.03" end="01:02.05">\n' +
|
|
' <span> A B C </span>\n' +
|
|
' </p>\n' +
|
|
' </body>\n';
|
|
|
|
// When xml:space="default", ignore whitespace outside tags.
|
|
verifyHelper(
|
|
[
|
|
{start: 62.03, end: 62.05, payload: 'A B C'}
|
|
],
|
|
'<tt xml:space="default">' + ttBody + '</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
// When xml:space="preserve", take them into account.
|
|
verifyHelper(
|
|
[
|
|
{start: 62.03, end: 62.05, payload: '\n A B C \n '}
|
|
],
|
|
'<tt xml:space="preserve">' + ttBody + '</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
// The default value for xml:space is "default".
|
|
verifyHelper(
|
|
[
|
|
{start: 62.03, end: 62.05, payload: 'A B C'}
|
|
],
|
|
'<tt>' + ttBody + '</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
// Any other value is rejected as an error.
|
|
errorHelper(shaka.util.Error.Code.INVALID_XML,
|
|
'<tt xml:space="invalid">' + ttBody + '</tt>');
|
|
});
|
|
|
|
it('rejects invalid ttml', function() {
|
|
errorHelper(shaka.util.Error.Code.INVALID_XML, '<test></test>');
|
|
errorHelper(shaka.util.Error.Code.INVALID_XML, '');
|
|
});
|
|
|
|
it('rejects invalid time format', function() {
|
|
errorHelper(shaka.util.Error.Code.INVALID_TEXT_CUE,
|
|
'<tt><body><p begin="test" end="test"></p></body></tt>');
|
|
errorHelper(shaka.util.Error.Code.INVALID_TEXT_CUE,
|
|
'<tt><body><p begin="3.45" end="1a"></p></body></tt>');
|
|
});
|
|
|
|
it('supports colon formatted time', function() {
|
|
verifyHelper(
|
|
[
|
|
{start: 62.05, end: 3723.2, payload: 'Test'}
|
|
],
|
|
'<tt><body><p begin="01:02.05" ' +
|
|
'end="01:02:03.200">Test</p></body></tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
});
|
|
|
|
it('accounts for offset', function() {
|
|
verifyHelper(
|
|
[
|
|
{start: 69.05, end: 3730.2, payload: 'Test'}
|
|
],
|
|
'<tt><body><p begin="01:02.05" ' +
|
|
'end="01:02:03.200">Test</p></body></tt>',
|
|
{periodStart: 7, segmentStart: 0, segmentEnd: 0 });
|
|
});
|
|
|
|
it('supports time in 0.00h 0.00m 0.00s format', function() {
|
|
verifyHelper(
|
|
[
|
|
{start: 3567.03, end: 5402.3, payload: 'Test'}
|
|
],
|
|
'<tt><body><p begin="59.45m30ms" ' +
|
|
'end="1.5h2.3s">Test</p></body></tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
});
|
|
|
|
it('supports time with frame rate', function() {
|
|
verifyHelper(
|
|
[
|
|
{start: 615.5, end: 663, payload: 'Test'}
|
|
],
|
|
'<tt xmlns:ttp="ttml#parameter" ' +
|
|
'ttp:frameRate="30"> ' +
|
|
'<body>' +
|
|
'<p begin="00:10:15:15" end="00:11:02:30">Test</p>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
});
|
|
|
|
it('supports time with frame rate multiplier', function() {
|
|
verifyHelper(
|
|
[
|
|
{start: 615.5, end: 663, payload: 'Test'}
|
|
],
|
|
'<tt xmlns:ttp="ttml#parameter" ' +
|
|
'ttp:frameRate="60" ' +
|
|
'ttp:frameRateMultiplier="1 2"> ' +
|
|
'<body>' +
|
|
'<p begin="00:10:15:15" end="00:11:02:30">Test</p>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
});
|
|
|
|
it('supports time with subframes', function() {
|
|
verifyHelper(
|
|
[
|
|
{start: 615.517, end: 663, payload: 'Test'}
|
|
],
|
|
'<tt xmlns:ttp="ttml#parameter" ' +
|
|
'ttp:frameRate="30" ' +
|
|
'ttp:subFrameRate="2"> ' +
|
|
'<body>' +
|
|
'<p begin="00:10:15:15.1" end="00:11:02:29.2">Test</p>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
});
|
|
|
|
it('supports time in frame format', function() {
|
|
verifyHelper(
|
|
[
|
|
{start: 2.5, end: 10.01, payload: 'Test'}
|
|
],
|
|
'<tt xmlns:ttp="ttml#parameter" ' +
|
|
'ttp:frameRate="60" ' +
|
|
'ttp:frameRateMultiplier="1 2">' +
|
|
'<body>' +
|
|
'<p begin="75f" end="300.3f">Test</p>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
});
|
|
|
|
it('supports time in tick format', function() {
|
|
verifyHelper(
|
|
[
|
|
{start: 5, end: 6.02, payload: 'Test'}
|
|
],
|
|
'<tt xmlns:ttp="ttml#parameter" ' +
|
|
'ttp:frameRate="60" ' +
|
|
'ttp:tickRate="10">' +
|
|
'<body>' +
|
|
'<p begin="50t" end="60.2t">Test</p>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
});
|
|
|
|
it('supports time with duration', function() {
|
|
verifyHelper(
|
|
[
|
|
{start: 62.05, end: 67.05, payload: 'Test'}
|
|
],
|
|
'<tt><body><p begin="01:02.05" ' +
|
|
'dur="5s">Test</p></body></tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
});
|
|
|
|
it('parses alignment from textAlign attribute of a region', function() {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
start: 62.05,
|
|
end: 3723.2,
|
|
payload: 'Test',
|
|
lineAlign: Cue.textAlign.START
|
|
}
|
|
],
|
|
'<tt xmlns:tts="ttml#styling">' +
|
|
'<layout>' +
|
|
'<region xml:id="subtitleArea" tts:textAlign="start" />' +
|
|
'</layout>' +
|
|
'<body region="subtitleArea">' +
|
|
'<p begin="01:02.05" end="01:02:03.200">Test</p>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
});
|
|
|
|
it('parses alignment from <style> block with id on region', function() {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
start: 62.05,
|
|
end: 3723.2,
|
|
payload: 'Test',
|
|
lineAlign: Cue.textAlign.END
|
|
}
|
|
],
|
|
'<tt xmlns:tts="ttml#styling">' +
|
|
'<styling>' +
|
|
'<style xml:id="s1" tts:textAlign="end"/>' +
|
|
'</styling>' +
|
|
'<layout xmlns:tts="ttml#styling">' +
|
|
'<region xml:id="subtitleArea" style="s1" />' +
|
|
'</layout>' +
|
|
'<body region="subtitleArea">' +
|
|
'<p begin="01:02.05" end="01:02:03.200">Test</p>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
});
|
|
|
|
it('parses alignment from <style> block with id on p', function() {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
start: 62.05,
|
|
end: 3723.2,
|
|
payload: 'Test',
|
|
lineAlign: Cue.textAlign.END
|
|
}
|
|
],
|
|
'<tt xmlns:tts="ttml#styling">' +
|
|
'<styling>' +
|
|
'<style xml:id="s1" tts:textAlign="end"/>' +
|
|
'</styling>' +
|
|
'<layout xmlns:tts="ttml#styling">' +
|
|
'<region xml:id="subtitleArea" />' +
|
|
'</layout>' +
|
|
'<body region="subtitleArea">' +
|
|
'<p begin="01:02.05" end="01:02:03.200" style="s1">Test</p>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
});
|
|
|
|
it('supports size setting', function() {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
start: 62.05, end: 3723.2, payload: 'Test', size: 50}
|
|
],
|
|
'<tt xmlns:tts="ttml#styling">' +
|
|
'<layout>' +
|
|
'<region xml:id="subtitleArea" tts:extent="50% 16%" />' +
|
|
'</layout>' +
|
|
'<body region="subtitleArea">' +
|
|
'<p begin="01:02.05" end="01:02:03.200">Test</p>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
});
|
|
|
|
it('supports line and position settings for horizontal text',
|
|
function() {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
start: 62.05,
|
|
end: 3723.2,
|
|
payload: 'Test',
|
|
position: 50,
|
|
line: 16
|
|
}
|
|
],
|
|
'<tt xmlns:tts="ttml#styling">' +
|
|
'<layout>' +
|
|
'<region xml:id="subtitleArea" tts:origin="50% 16%"/>' +
|
|
'</layout>' +
|
|
'<body region="subtitleArea">' +
|
|
'<p begin="01:02.05" end="01:02:03.200">Test</p>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
verifyHelper(
|
|
[
|
|
{
|
|
start: 62.05,
|
|
end: 3723.2,
|
|
payload: 'Test',
|
|
position: 50,
|
|
line: 16
|
|
}
|
|
],
|
|
'<tt xmlns:tts="ttml#styling">' +
|
|
'<layout>' +
|
|
'<region xml:id="subtitleArea" tts:origin="50% 16%" ' +
|
|
'tts:writingMode="lrtb" />' +
|
|
'</layout>' +
|
|
'<body region="subtitleArea">' +
|
|
'<p begin="01:02.05" end="01:02:03.200">Test</p>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
verifyHelper(
|
|
[
|
|
{
|
|
start: 62.05,
|
|
end: 3723.2,
|
|
payload: 'Test',
|
|
position: 50,
|
|
line: 16
|
|
}
|
|
],
|
|
'<tt xmlns:tts="ttml#styling">' +
|
|
'<layout>' +
|
|
'<region xml:id="subtitleArea" tts:origin="50% 16%" ' +
|
|
'tts:writingMode="lr" />' +
|
|
'</layout>' +
|
|
'<body region="subtitleArea">' +
|
|
'<p begin="01:02.05" end="01:02:03.200">Test</p>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
});
|
|
|
|
it('supports line and position settings for vertical text',
|
|
function() {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
start: 62.05,
|
|
end: 3723.2,
|
|
payload: 'Test',
|
|
position: 16,
|
|
line: 50
|
|
}
|
|
],
|
|
'<tt xmlns:tts="ttml#styling">' +
|
|
'<layout>' +
|
|
'<region xml:id="subtitleArea" tts:origin="50% 16%" ' +
|
|
'tts:writingMode="tb" />' +
|
|
'</layout>' +
|
|
'<body region="subtitleArea">' +
|
|
'<p begin="01:02.05" end="01:02:03.200">Test</p>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
verifyHelper(
|
|
[
|
|
{
|
|
start: 62.05,
|
|
end: 3723.2,
|
|
payload: 'Test',
|
|
position: 16,
|
|
line: 50
|
|
}
|
|
],
|
|
'<tt xmlns:tts="ttml#styling">' +
|
|
'<layout>' +
|
|
'<region xml:id="subtitleArea" tts:origin="50% 16%" ' +
|
|
'tts:writingMode="tblr" />' +
|
|
'</layout>' +
|
|
'<body region="subtitleArea">' +
|
|
'<p begin="01:02.05" end="01:02:03.200">Test</p>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
verifyHelper(
|
|
[
|
|
{
|
|
start: 62.05,
|
|
end: 3723.2,
|
|
payload: 'Test',
|
|
position: 16,
|
|
line: 50
|
|
}
|
|
],
|
|
'<tt xmlns:tts="ttml#styling">' +
|
|
'<layout>' +
|
|
'<region xml:id="subtitleArea" tts:origin="50% 16%" ' +
|
|
'tts:writingMode="tbrl" />' +
|
|
'</layout>' +
|
|
'<body region="subtitleArea">' +
|
|
'<p begin="01:02.05" end="01:02:03.200">Test</p>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
});
|
|
|
|
it('supports writingDirection setting', function() {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
start: 62.05,
|
|
end: 3723.2,
|
|
payload: 'Test',
|
|
writingDirection: Cue.writingDirection.VERTICAL_LEFT_TO_RIGHT
|
|
}
|
|
],
|
|
'<tt xmlns:tts="ttml#styling">' +
|
|
'<layout>' +
|
|
'<region xml:id="subtitleArea" ' +
|
|
'tts:writingMode="tb" />' +
|
|
'</layout>' +
|
|
'<body region="subtitleArea">' +
|
|
'<p begin="01:02.05" end="01:02:03.200">Test</p>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
verifyHelper(
|
|
[
|
|
{
|
|
start: 62.05,
|
|
end: 3723.2,
|
|
payload: 'Test',
|
|
writingDirection: Cue.writingDirection.VERTICAL_RIGHT_TO_LEFT
|
|
}
|
|
],
|
|
'<tt xmlns:tts="ttml#styling">' +
|
|
'<layout>' +
|
|
'<region xml:id="subtitleArea" ' +
|
|
'tts:writingMode="tbrl" />' +
|
|
'</layout>' +
|
|
'<body region="subtitleArea">' +
|
|
'<p begin="01:02.05" end="01:02:03.200">Test</p>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
verifyHelper(
|
|
[
|
|
{
|
|
start: 62.05,
|
|
end: 3723.2,
|
|
payload: 'Test',
|
|
writingDirection: Cue.writingDirection.VERTICAL_LEFT_TO_RIGHT
|
|
}
|
|
],
|
|
'<tt xmlns:tts="ttml#styling">' +
|
|
'<layout>' +
|
|
'<region xml:id="subtitleArea" ' +
|
|
'tts:writingMode="tblr" />' +
|
|
'</layout>' +
|
|
'<body region="subtitleArea">' +
|
|
'<p begin="01:02.05" end="01:02:03.200">Test</p>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
verifyHelper(
|
|
[
|
|
{
|
|
start: 62.05,
|
|
end: 3723.2,
|
|
payload: 'Test',
|
|
writingDirection: Cue.writingDirection.HORIZONTAL_RIGHT_TO_LEFT
|
|
}
|
|
],
|
|
'<tt xmlns:tts="ttml#styling">' +
|
|
'<layout>' +
|
|
'<region xml:id="subtitleArea" ' +
|
|
'tts:direction="rtl" />' +
|
|
'</layout>' +
|
|
'<body region="subtitleArea">' +
|
|
'<p begin="01:02.05" end="01:02:03.200">Test</p>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
verifyHelper(
|
|
[
|
|
{
|
|
start: 62.05,
|
|
end: 3723.2,
|
|
payload: 'Test',
|
|
writingDirection: Cue.writingDirection.HORIZONTAL_LEFT_TO_RIGHT
|
|
}
|
|
],
|
|
'<tt xmlns:tts="ttml#styling">' +
|
|
'<layout>' +
|
|
'<region xml:id="subtitleArea" ' +
|
|
'tts:direction="rtl" tts:writingMode="lrtb"/>' +
|
|
'</layout>' +
|
|
'<body region="subtitleArea">' +
|
|
'<p begin="01:02.05" end="01:02:03.200">Test</p>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
});
|
|
|
|
it('disregards empty divs and ps', function() {
|
|
verifyHelper(
|
|
[
|
|
{start: 62.05, end: 3723.2, payload: 'Test'}
|
|
],
|
|
'<tt>' +
|
|
'<body>' +
|
|
'<div>' +
|
|
'<p begin="01:02.05" end="01:02:03.200">Test</p>' +
|
|
'</div>' +
|
|
'<div></div>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
verifyHelper(
|
|
[
|
|
{start: 62.05, end: 3723.2, payload: 'Test'}
|
|
],
|
|
'<tt>' +
|
|
'<body>' +
|
|
'<div>' +
|
|
'<p begin="01:02.05" end="01:02:03.200">Test</p>' +
|
|
'<p></p>' +
|
|
'</div>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
verifyHelper(
|
|
[],
|
|
'<tt>' +
|
|
'<body>' +
|
|
'<div>' +
|
|
'<p></p>' +
|
|
'</div>' +
|
|
'<div></div>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
});
|
|
|
|
it('inserts newline characters into <br> tags', function() {
|
|
verifyHelper(
|
|
[
|
|
{start: 62.05, end: 3723.2, payload: 'Line1\nLine2'}
|
|
],
|
|
'<tt><body><p begin="01:02.05" ' +
|
|
'end="01:02:03.200">Line1<br/>Line2</p></body></tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
verifyHelper(
|
|
[
|
|
{start: 62.05, end: 3723.2, payload: 'Line1\nLine2'}
|
|
],
|
|
'<tt><body><p begin="01:02.05" ' +
|
|
'end="01:02:03.200"><span>Line1<br/>Line2</span></p></body></tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
});
|
|
|
|
it('parses cue alignment from textAlign attribute', function() {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
start: 62.05,
|
|
end: 3723.2,
|
|
payload: 'Test',
|
|
lineAlign: Cue.lineAlign.START,
|
|
textAlign: Cue.textAlign.LEFT,
|
|
positionAlign: Cue.positionAlign.LEFT
|
|
}
|
|
],
|
|
'<tt xmlns:tts="ttml#styling">' +
|
|
'<styling>' +
|
|
'<style xml:id="s1" tts:textAlign="left"/>' +
|
|
'</styling>' +
|
|
'<layout xmlns:tts="ttml#styling">' +
|
|
'<region xml:id="subtitleArea" />' +
|
|
'</layout>' +
|
|
'<body region="subtitleArea">' +
|
|
'<p begin="01:02.05" end="01:02:03.200" style="s1">Test</p>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
});
|
|
|
|
it('parses text style information', function() {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
start: 62.05,
|
|
end: 3723.2,
|
|
payload: 'Test',
|
|
color: 'red',
|
|
backgroundColor: 'blue',
|
|
fontWeight: Cue.fontWeight.BOLD,
|
|
fontFamily: 'Times New Roman',
|
|
fontStyle: Cue.fontStyle.ITALIC,
|
|
lineHeight: '20px',
|
|
fontSize: '10em'
|
|
}
|
|
],
|
|
'<tt xmlns:tts="ttml#styling">' +
|
|
'<styling>' +
|
|
'<style xml:id="s1" tts:color="red" ' +
|
|
'tts:backgroundColor="blue" ' +
|
|
'tts:fontWeight="bold" ' +
|
|
'tts:fontFamily="Times New Roman" ' +
|
|
'tts:fontStyle="italic" ' +
|
|
'tts:lineHeight="20px" ' +
|
|
'tts:fontSize="10em"/>' +
|
|
'</styling>' +
|
|
'<layout xmlns:tts="ttml#styling">' +
|
|
'<region xml:id="subtitleArea" />' +
|
|
'</layout>' +
|
|
'<body region="subtitleArea">' +
|
|
'<p begin="01:02.05" end="01:02:03.200" style="s1">Test</p>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
});
|
|
|
|
it('parses wrapping option', function() {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
start: 62.05,
|
|
end: 3723.2,
|
|
payload: 'Test',
|
|
wrapLine: false
|
|
}
|
|
],
|
|
'<tt xmlns:tts="ttml#styling">' +
|
|
'<styling>' +
|
|
'<style xml:id="s1" tts:wrapOption="noWrap"/>' +
|
|
'</styling>' +
|
|
'<layout xmlns:tts="ttml#styling">' +
|
|
'<region xml:id="subtitleArea" />' +
|
|
'</layout>' +
|
|
'<body region="subtitleArea">' +
|
|
'<p begin="01:02.05" end="01:02:03.200" style="s1">Test</p>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
});
|
|
|
|
it('parses text decoration', function() {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
start: 62.05,
|
|
end: 3723.2,
|
|
payload: 'Test',
|
|
textDecoration: [Cue.textDecoration.UNDERLINE,
|
|
Cue.textDecoration.OVERLINE]
|
|
}
|
|
],
|
|
'<tt xmlns:tts="ttml#styling">' +
|
|
'<styling>' +
|
|
'<style xml:id="s1" tts:textDecoration="underline ' +
|
|
'overline lineThrough"/>' +
|
|
'<style xml:id="s2" tts:textDecoration="noLineThrough"/>' +
|
|
'</styling>' +
|
|
'<layout xmlns:tts="ttml#styling">' +
|
|
'<region xml:id="subtitleArea" style="s1"/>' +
|
|
'</layout>' +
|
|
'<body region="subtitleArea">' +
|
|
'<p begin="01:02.05" end="01:02:03.200" style="s2">Test</p>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
});
|
|
|
|
it('chooses style on element over style on region', function() {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
start: 62.05,
|
|
end: 3723.2,
|
|
payload: 'Test',
|
|
color: 'blue'
|
|
}
|
|
],
|
|
'<tt xmlns:tts="ttml#styling">' +
|
|
'<styling>' +
|
|
'<style xml:id="s1" tts:color="red"/>' +
|
|
'<style xml:id="s2" tts:color="blue"/>' +
|
|
'</styling>' +
|
|
'<layout xmlns:tts="ttml#styling">' +
|
|
'<region xml:id="subtitleArea" style="s1"/>' +
|
|
'</layout>' +
|
|
'<body region="subtitleArea">' +
|
|
'<p begin="01:02.05" end="01:02:03.200" style="s2">Test</p>' +
|
|
'</body>' +
|
|
'</tt>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0 });
|
|
});
|
|
|
|
|
|
/**
|
|
* @param {!Array} cues
|
|
* @param {string} text
|
|
* @param {shakaExtern.TextParser.TimeContext} time
|
|
*/
|
|
function verifyHelper(cues, text, time) {
|
|
var data = shaka.util.StringUtils.toUTF8(text);
|
|
var result = new shaka.text.TtmlTextParser().parseMedia(data, time);
|
|
var properties = ['textAlign', 'lineAlign', 'positionAlign', 'size',
|
|
'line', 'position', 'writingDirection', 'color',
|
|
'backgroundColor', 'fontWeight', 'fontFamily',
|
|
'wrapLine', 'lineHeight', 'fontStyle', 'fontSize'];
|
|
expect(result).toBeTruthy();
|
|
expect(result.length).toBe(cues.length);
|
|
for (var i = 0; i < cues.length; i++) {
|
|
expect(result[i].startTime).toBeCloseTo(cues[i].start, 3);
|
|
expect(result[i].endTime).toBeCloseTo(cues[i].end, 3);
|
|
expect(result[i].payload).toBe(cues[i].payload);
|
|
|
|
for (var j = 0; j < properties.length; j++) {
|
|
var property = properties[j];
|
|
// Workaround a bug in the compiler's externs.
|
|
// TODO: Remove when compiler is updated.
|
|
if (property in cues[i])
|
|
expect(/** @type {?} */ (result[i])[property])
|
|
.toBe(cues[i][property]);
|
|
}
|
|
|
|
if (cues[i].textDecoration) {
|
|
for (var j = 0; j < cues[i].textDecoration.length; j++) {
|
|
expect(/** @type {?} */ (result[i]).textDecoration[j])
|
|
.toBe(cues[i].textDecoration[j]);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @param {shaka.util.Error.Code} code
|
|
* @param {string} text
|
|
*/
|
|
function errorHelper(code, text) {
|
|
var error = new shaka.util.Error(
|
|
shaka.util.Error.Severity.CRITICAL, shaka.util.Error.Category.TEXT,
|
|
code);
|
|
var data = shaka.util.StringUtils.toUTF8(text);
|
|
try {
|
|
new shaka.text.TtmlTextParser().parseMedia(
|
|
data,
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
fail('Invalid TTML file supported');
|
|
} catch (e) {
|
|
shaka.test.Util.expectToEqualError(e, error);
|
|
}
|
|
}
|
|
});
|