mirror of
https://github.com/shaka-project/shaka-player.git
synced 2026-06-18 16:36:56 +03:00
bcupac
1032 lines
30 KiB
JavaScript
1032 lines
30 KiB
JavaScript
/*! @license
|
|
* Shaka Player
|
|
* Copyright 2016 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
goog.require('shaka.log');
|
|
goog.require('shaka.test.Util');
|
|
goog.require('shaka.text.Cue');
|
|
goog.require('shaka.text.CueRegion');
|
|
goog.require('shaka.text.VttTextParser');
|
|
goog.require('shaka.util.BufferUtils');
|
|
goog.require('shaka.util.Error');
|
|
goog.require('shaka.util.StringUtils');
|
|
|
|
describe('VttTextParser', () => {
|
|
const Cue = shaka.text.Cue;
|
|
const CueRegion = shaka.text.CueRegion;
|
|
const originalLogWarning = shaka.log.warning;
|
|
const anyString = jasmine.any(String);
|
|
|
|
/** @type {!jasmine.Spy} */
|
|
let logWarningSpy;
|
|
|
|
beforeEach(() => {
|
|
logWarningSpy = jasmine.createSpy('shaka.log.warning');
|
|
shaka.log.warning = shaka.test.Util.spyFunc(logWarningSpy);
|
|
});
|
|
|
|
afterEach(() => {
|
|
shaka.log.warning = originalLogWarning;
|
|
});
|
|
|
|
it('supports no cues', () => {
|
|
verifyHelper([],
|
|
'WEBVTT',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('supports initial comments', () => {
|
|
verifyHelper([],
|
|
'WEBVTT - Comments',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('supports comment blocks', () => {
|
|
verifyHelper([],
|
|
'WEBVTT\n\n' +
|
|
'NOTE\n' +
|
|
'This is a comment block',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('supports comment blocks with inital comment', () => {
|
|
verifyHelper([],
|
|
'WEBVTT\n\n' +
|
|
'NOTE - A header comment\n' +
|
|
'This is a comment block',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('handles a blank line at the end of the file', () => {
|
|
verifyHelper(
|
|
[
|
|
{startTime: 20, endTime: 40, payload: 'Test'},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000\n' +
|
|
'Test\n\n',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('handles no blank line at the end of the file', () => {
|
|
verifyHelper(
|
|
[
|
|
{startTime: 20, endTime: 40, payload: 'Test'},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000\n' +
|
|
'Test\n',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0,
|
|
});
|
|
});
|
|
|
|
it('handles no newline after the final text payload', () => {
|
|
verifyHelper(
|
|
[
|
|
{startTime: 20, endTime: 40, payload: 'Test'},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000\n' +
|
|
'Test',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('supports cues with no settings', () => {
|
|
verifyHelper(
|
|
[
|
|
{startTime: 20, endTime: 40, payload: 'Test', id: '1'},
|
|
{startTime: 40, endTime: 50, payload: 'Test2', id: '2'},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'1\n' +
|
|
'00:00:20.000 --> 00:00:40.000\n' +
|
|
'Test\n\n' +
|
|
'2\n' +
|
|
'00:00:40.000 --> 00:00:50.000\n' +
|
|
'Test2',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('supports cues with no ID', () => {
|
|
verifyHelper(
|
|
[
|
|
{startTime: 20, endTime: 40, payload: 'Test'},
|
|
{startTime: 40, endTime: 50, payload: 'Test2'},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000\n' +
|
|
'Test\n\n' +
|
|
'00:00:40.000 --> 00:00:50.000\n' +
|
|
'Test2',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('supports comments within cues', () => {
|
|
verifyHelper(
|
|
[
|
|
{startTime: 20, endTime: 40, payload: 'Test'},
|
|
{startTime: 40, endTime: 50, payload: 'Test2'},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000\n' +
|
|
'Test\n\n' +
|
|
'NOTE\n' +
|
|
'This is a note\n\n' +
|
|
'00:00:40.000 --> 00:00:50.000\n' +
|
|
'Test2',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('supports non-integer timecodes', () => {
|
|
verifyHelper(
|
|
[
|
|
{startTime: 20.1, endTime: 40.505, payload: 'Test'},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:20.100 --> 00:00:40.505\n' +
|
|
'Test',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('supports large timecodes', () => {
|
|
verifyHelper(
|
|
[
|
|
{startTime: 20, endTime: 108000, payload: 'Test'},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:20.000 --> 30:00:00.000\n' +
|
|
'Test',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('requires header', () => {
|
|
errorHelper(shaka.util.Error.Code.INVALID_TEXT_HEADER,
|
|
'',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
errorHelper(shaka.util.Error.Code.INVALID_TEXT_HEADER,
|
|
'00:00:00.000 --> 00:00:00.020\nTest',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('rejects invalid time values', () => {
|
|
errorHelper(shaka.util.Error.Code.INVALID_TEXT_CUE,
|
|
'WEBVTT\n\n00.020 --> 0:00.040\nTest',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0},
|
|
anyString);
|
|
errorHelper(shaka.util.Error.Code.INVALID_TEXT_CUE,
|
|
'WEBVTT\n\n0:00.020 --> 0:00.040\nTest',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0},
|
|
anyString);
|
|
errorHelper(shaka.util.Error.Code.INVALID_TEXT_CUE,
|
|
'WEBVTT\n\n00:00.20 --> 0:00.040\nTest',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0},
|
|
anyString);
|
|
errorHelper(shaka.util.Error.Code.INVALID_TEXT_CUE,
|
|
'WEBVTT\n\n00:100.20 --> 0:00.040\nTest',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0},
|
|
anyString);
|
|
errorHelper(shaka.util.Error.Code.INVALID_TEXT_CUE,
|
|
'WEBVTT\n\n00:00.020 --> 0:00.040\nTest',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0},
|
|
anyString);
|
|
errorHelper(shaka.util.Error.Code.INVALID_TEXT_CUE,
|
|
'WEBVTT\n\n00:00:00:00.020 --> 0:00.040\nTest',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0},
|
|
anyString);
|
|
errorHelper(shaka.util.Error.Code.INVALID_TEXT_CUE,
|
|
'WEBVTT\n\n00:61.020 --> 0:00.040\nTest',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0},
|
|
anyString);
|
|
errorHelper(shaka.util.Error.Code.INVALID_TEXT_CUE,
|
|
'WEBVTT\n\n61:00.020 --> 0:00.040\nTest',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0},
|
|
anyString);
|
|
});
|
|
|
|
it('supports vertical setting', () => {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
startTime: 20,
|
|
endTime: 40,
|
|
payload: 'Test',
|
|
writingMode: Cue.writingMode.VERTICAL_RIGHT_TO_LEFT,
|
|
},
|
|
{
|
|
startTime: 40,
|
|
endTime: 50,
|
|
payload: 'Test2',
|
|
writingMode: Cue.writingMode.VERTICAL_LEFT_TO_RIGHT,
|
|
},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000 vertical:rl\n' +
|
|
'Test\n\n' +
|
|
'00:00:40.000 --> 00:00:50.000 vertical:lr\n' +
|
|
'Test2',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('supports line setting', () => {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
startTime: 20, endTime: 40, payload: 'Test', line: 0,
|
|
lineInterpretation: Cue.lineInterpretation.LINE_NUMBER,
|
|
},
|
|
{
|
|
startTime: 40, endTime: 50, payload: 'Test2', line: -1,
|
|
lineInterpretation: Cue.lineInterpretation.LINE_NUMBER,
|
|
},
|
|
{
|
|
startTime: 50, endTime: 60, payload: 'Test3', line: 45,
|
|
lineInterpretation: Cue.lineInterpretation.PERCENTAGE,
|
|
},
|
|
{
|
|
startTime: 55, endTime: 65, payload: 'Test4', line: 12.3,
|
|
lineInterpretation: Cue.lineInterpretation.PERCENTAGE,
|
|
},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000 line:0\n' +
|
|
'Test\n\n' +
|
|
'00:00:40.000 --> 00:00:50.000 line:-1\n' +
|
|
'Test2\n\n' +
|
|
'00:00:50.000 --> 00:01:00.000 line:45%\n' +
|
|
'Test3\n\n' +
|
|
'00:00:55.000 --> 00:01:05.000 line:12.3%\n' +
|
|
'Test4\n\n',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('supports line setting with optional part', () => {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
startTime: 20, endTime: 40, payload: 'Test', line: 10,
|
|
lineInterpretation: Cue.lineInterpretation.PERCENTAGE,
|
|
lineAlign: Cue.lineAlign.START,
|
|
},
|
|
{
|
|
startTime: 40, endTime: 50, payload: 'Test2', line: -1,
|
|
lineInterpretation: Cue.lineInterpretation.LINE_NUMBER,
|
|
lineAlign: Cue.lineAlign.CENTER,
|
|
},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000 line:10%,start\n' +
|
|
'Test\n\n' +
|
|
'00:00:40.000 --> 00:00:50.000 line:-1,center\n' +
|
|
'Test2',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('supports position setting', () => {
|
|
verifyHelper(
|
|
[
|
|
{startTime: 20, endTime: 40, payload: 'Test', position: 45},
|
|
{startTime: 25, endTime: 45, payload: 'Test2', position: 12.3},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000 position:45%\n' +
|
|
'Test\n\n' +
|
|
'00:00:25.000 --> 00:00:45.000 position:12.3%\n' +
|
|
'Test2\n\n',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('supports position setting with optional part', () => {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
startTime: 20, endTime: 40, payload: 'Test', position: 45,
|
|
positionAlign: Cue.positionAlign.LEFT,
|
|
},
|
|
{
|
|
startTime: 20, endTime: 40, payload: 'Test2', position: 45,
|
|
positionAlign: Cue.positionAlign.LEFT,
|
|
},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000 position:45%,line-left\n' +
|
|
'Test\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000 position:45%,start\n' +
|
|
'Test2',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('supports size setting', () => {
|
|
verifyHelper(
|
|
[
|
|
{startTime: 20, endTime: 40, payload: 'Test', size: 56},
|
|
{startTime: 25, endTime: 45, payload: 'Test2', size: 12.3},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000 size:56%\n' +
|
|
'Test\n\n' +
|
|
'00:00:25.000 --> 00:00:45.000 size:12.3%\n' +
|
|
'Test2\n\n',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('supports align setting', () => {
|
|
verifyHelper(
|
|
[
|
|
{startTime: 20, endTime: 40, payload: 'Test', textAlign: 'center'},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000 align:center\n' +
|
|
'Test',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('supports multiple settings', () => {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
startTime: 20,
|
|
endTime: 40,
|
|
payload: 'Test',
|
|
textAlign: Cue.textAlign.CENTER,
|
|
size: 56,
|
|
writingMode: Cue.writingMode.VERTICAL_LEFT_TO_RIGHT,
|
|
},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000 align:center size:56% vertical:lr\n' +
|
|
'Test',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('supports timestamps with one-digit hour at start time', () => {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
startTime: 20,
|
|
endTime: 40,
|
|
payload: 'Test',
|
|
textAlign: Cue.textAlign.CENTER,
|
|
size: 56,
|
|
writingMode: Cue.writingMode.VERTICAL_LEFT_TO_RIGHT,
|
|
},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'0:00:20.000 --> 00:00:40.000 align:center size:56% vertical:lr\n' +
|
|
'Test',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('supports timestamps with one-digit hour at end time', () => {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
startTime: 20,
|
|
endTime: 40,
|
|
payload: 'Test',
|
|
textAlign: Cue.textAlign.CENTER,
|
|
size: 56,
|
|
writingMode: Cue.writingMode.VERTICAL_LEFT_TO_RIGHT,
|
|
},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:20.000 --> 0:00:40.000 align:center size:56% vertical:lr\n' +
|
|
'Test',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('supports stamps with one-digit hours at start & end time', () => {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
startTime: 20,
|
|
endTime: 40,
|
|
payload: 'Test',
|
|
textAlign: 'center',
|
|
size: 56,
|
|
writingMode: Cue.writingMode.VERTICAL_LEFT_TO_RIGHT,
|
|
},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'0:00:20.000 --> 0:00:40.000 align:center size:56% vertical:lr\n' +
|
|
'Test',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('uses time offset from periodStart, not segmentStart', () => {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
startTime: 70,
|
|
endTime: 80,
|
|
payload: 'Test',
|
|
textAlign: 'center',
|
|
size: 56,
|
|
writingMode: Cue.writingMode.VERTICAL_LEFT_TO_RIGHT,
|
|
},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'0:00:10.000 --> 0:00:20.000 align:center size:56% vertical:lr\n' +
|
|
'Test',
|
|
{periodStart: 60, segmentStart: 80, segmentEnd: 100});
|
|
});
|
|
|
|
|
|
it('parses VTTRegions', () => {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
startTime: 20,
|
|
endTime: 40,
|
|
payload: 'Test',
|
|
region: jasmine.objectContaining({
|
|
id: 'reg1',
|
|
viewportAnchorX: 10,
|
|
viewportAnchorY: 90,
|
|
regionAnchorX: 0,
|
|
regionAnchorY: 100,
|
|
width: 50,
|
|
height: 3,
|
|
heightUnits: CueRegion.units.LINES,
|
|
widthUnits: CueRegion.units.PERCENTAGE,
|
|
viewportAnchorUnits: CueRegion.units.PERCENTAGE,
|
|
scroll: CueRegion.scrollMode.UP,
|
|
}),
|
|
},
|
|
],
|
|
'WEBVTT\n' +
|
|
'Region: id=reg1 width=50% lines=3 regionanchor=0%,100% ' +
|
|
'viewportanchor=10%,90% scroll=up\n\n' +
|
|
'0:00:20.000 --> 0:00:40.000 region:reg1\n' +
|
|
'Test',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('ignores and logs invalid settings', () => {
|
|
expect(logWarningSpy).not.toHaveBeenCalled();
|
|
|
|
verifyHelper(
|
|
[
|
|
{startTime: 20, endTime: 40, payload: 'Test'},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000 vertical:es\n' +
|
|
'Test\n\n',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
|
|
verifyHelper(
|
|
[
|
|
{startTime: 20, endTime: 40, payload: 'Test'},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000 vertical:\n' +
|
|
'Test\n\n',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
|
|
verifyHelper(
|
|
[
|
|
{startTime: 20, endTime: 40, payload: 'Test'},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000 vertical\n' +
|
|
'Test\n\n',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
|
|
verifyHelper(
|
|
[
|
|
{startTime: 20, endTime: 40, payload: 'Test'},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000 line:-3%\n' +
|
|
'Test\n\n',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
|
|
verifyHelper(
|
|
[
|
|
{startTime: 20, endTime: 40, payload: 'Test'},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000 line:45%%\n' +
|
|
'Test\n\n',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
|
|
verifyHelper(
|
|
[
|
|
{startTime: 20, endTime: 40, payload: 'Test'},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000 align:10\n' +
|
|
'Test\n\n',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
|
|
verifyHelper(
|
|
[
|
|
{startTime: 20, endTime: 40, payload: 'Test'},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000 align:foo\n' +
|
|
'Test\n\n',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
|
|
expect(logWarningSpy).toHaveBeenCalledTimes(7);
|
|
});
|
|
|
|
it('parses X-TIMESTAMP-MAP header', () => {
|
|
verifyHelper(
|
|
[
|
|
{startTime: 30, endTime: 50, payload: 'Test'},
|
|
{startTime: 50, endTime: 60, payload: 'Test2'},
|
|
],
|
|
// 900000 = 10 sec, so expect every timestamp to be 10
|
|
// seconds ahead of what is specified.
|
|
'WEBVTT\n' +
|
|
'X-TIMESTAMP-MAP=MPEGTS:900000,LOCAL:00:00:00.000\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000 line:0\n' +
|
|
'Test\n\n' +
|
|
'00:00:40.000 --> 00:00:50.000 line:-1\n' +
|
|
'Test2',
|
|
{periodStart: 0, segmentStart: 25, segmentEnd: 65});
|
|
});
|
|
|
|
it('handles timestamp rollover with X-TIMESTAMP-MAP header', () => {
|
|
verifyHelper(
|
|
[
|
|
{startTime: 95443, endTime: 95445, payload: 'Test'},
|
|
],
|
|
// 8589870000/900000 = 95443 sec, so expect every timestamp to be 95443
|
|
// seconds ahead of what is specified.
|
|
'WEBVTT\n' +
|
|
'X-TIMESTAMP-MAP=MPEGTS:8589870000,LOCAL:00:00:00.000\n\n' +
|
|
'00:00:00.000 --> 00:00:02.000 line:0\n' +
|
|
'Test',
|
|
// Non-null segmentStart takes precedence over X-TIMESTAMP-MAP.
|
|
// This protects us from rollover in the MPEGTS field.
|
|
{periodStart: 0, segmentStart: 95440, segmentEnd: 95550});
|
|
|
|
verifyHelper(
|
|
[
|
|
{startTime: 95552, endTime: 95554, payload: 'Test2'},
|
|
],
|
|
// 95550 is larger than the roll over timestamp, so the timestamp offset
|
|
// gets rolled over.
|
|
// (9745408 + 0x200000000) / 90000 = 95552 sec
|
|
'WEBVTT\n' +
|
|
'X-TIMESTAMP-MAP=MPEGTS:9745408,LOCAL:00:00:00.000\n\n' +
|
|
'00:00:00.000 --> 00:00:02.000 line:0\n' +
|
|
'Test2',
|
|
{periodStart: 0, segmentStart: 95550, segmentEnd: 95560});
|
|
});
|
|
|
|
it('supports global style blocks', () => {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
startTime: 20,
|
|
endTime: 40,
|
|
payload: 'Test',
|
|
color: 'cyan',
|
|
fontSize: '10px',
|
|
},
|
|
{
|
|
startTime: 40,
|
|
endTime: 50,
|
|
payload: 'Test2',
|
|
color: 'cyan',
|
|
fontSize: '10px',
|
|
},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'STYLE\n' +
|
|
'::cue {\n' +
|
|
'color: cyan;\n'+
|
|
'font-size: 10px;\n'+
|
|
'}\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000\n' +
|
|
'Test\n\n' +
|
|
'00:00:40.000 --> 00:00:50.000\n' +
|
|
'Test2',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('supports global style blocks without blank lines', () => {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
startTime: 20,
|
|
endTime: 40,
|
|
payload: 'Test',
|
|
color: 'cyan',
|
|
fontSize: '10px',
|
|
},
|
|
{
|
|
startTime: 40,
|
|
endTime: 50,
|
|
payload: 'Test2',
|
|
color: 'cyan',
|
|
fontSize: '10px',
|
|
},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'STYLE\n' +
|
|
'::cue { color: cyan; font-size: 10px; }\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000\n' +
|
|
'Test\n\n' +
|
|
'00:00:40.000 --> 00:00:50.000\n' +
|
|
'Test2',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('supports payload stylized', () => {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
startTime: 10,
|
|
endTime: 20,
|
|
payload: '',
|
|
nestedCues: [
|
|
{
|
|
startTime: 10,
|
|
endTime: 20,
|
|
payload: 'Test',
|
|
fontWeight: Cue.fontWeight.BOLD,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
startTime: 20,
|
|
endTime: 30,
|
|
payload: '',
|
|
nestedCues: [
|
|
{
|
|
startTime: 20,
|
|
endTime: 30,
|
|
payload: 'Test2',
|
|
fontStyle: Cue.fontStyle.ITALIC,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
startTime: 30,
|
|
endTime: 40,
|
|
payload: '',
|
|
nestedCues: [
|
|
{
|
|
startTime: 30,
|
|
endTime: 40,
|
|
payload: 'Test3',
|
|
textDecoration: [Cue.textDecoration.UNDERLINE],
|
|
},
|
|
],
|
|
},
|
|
{
|
|
startTime: 40,
|
|
endTime: 50,
|
|
payload: '',
|
|
nestedCues: [
|
|
{
|
|
startTime: 40,
|
|
endTime: 50,
|
|
payload: 'Test4',
|
|
},
|
|
],
|
|
},
|
|
{
|
|
startTime: 50,
|
|
endTime: 60,
|
|
payload: '',
|
|
nestedCues: [
|
|
{
|
|
startTime: 50,
|
|
endTime: 60,
|
|
payload: 'Test',
|
|
fontWeight: Cue.fontWeight.BOLD,
|
|
fontStyle: Cue.fontStyle.NORMAL,
|
|
},
|
|
{
|
|
startTime: 50,
|
|
endTime: 60,
|
|
payload: '5',
|
|
fontWeight: Cue.fontWeight.BOLD,
|
|
fontStyle: Cue.fontStyle.ITALIC,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
startTime: 70,
|
|
endTime: 80,
|
|
payload: '',
|
|
nestedCues: [
|
|
{
|
|
startTime: 70,
|
|
endTime: 80,
|
|
payload: 'Test',
|
|
fontWeight: Cue.fontWeight.NORMAL,
|
|
},
|
|
{
|
|
startTime: 70,
|
|
endTime: 80,
|
|
payload: '6',
|
|
fontWeight: Cue.fontWeight.BOLD,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
startTime: 80,
|
|
endTime: 90,
|
|
payload: '',
|
|
nestedCues: [
|
|
{
|
|
startTime: 80,
|
|
endTime: 90,
|
|
payload: 'Test ',
|
|
fontWeight: Cue.fontWeight.BOLD,
|
|
fontStyle: Cue.fontStyle.NORMAL,
|
|
},
|
|
{
|
|
startTime: 80,
|
|
endTime: 90,
|
|
payload: '7',
|
|
fontWeight: Cue.fontWeight.BOLD,
|
|
fontStyle: Cue.fontStyle.ITALIC,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
startTime: 90,
|
|
endTime: 100,
|
|
payload: '<b>Test<i>8</b>',
|
|
},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:10.000 --> 00:00:20.000\n' +
|
|
'<b>Test</b>\n\n' +
|
|
'00:00:20.000 --> 00:00:30.000\n' +
|
|
'<i>Test2</i>\n\n' +
|
|
'00:00:30.000 --> 00:00:40.000\n' +
|
|
'<u>Test3</u>\n\n' +
|
|
'00:00:40.000 --> 00:00:50.000\n' +
|
|
'<a>Test4</a>\n\n' +
|
|
'00:00:50.000 --> 00:01:00.000\n' +
|
|
'<b>Test<i>5</i></b>\n\n' +
|
|
'00:01:10.000 --> 00:01:20.000\n' +
|
|
'Test<b>6</b>\n\n' +
|
|
'00:01:20.000 --> 00:01:30.000\n' +
|
|
'<b>Test <i>7</i></b>\n\n' +
|
|
'00:01:30.000 --> 00:01:40.000\n' +
|
|
'<b>Test<i>8</b>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('supports specific style blocks', () => {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
startTime: 20,
|
|
endTime: 40,
|
|
payload: '',
|
|
nestedCues: [
|
|
{
|
|
startTime: 20,
|
|
endTime: 40,
|
|
payload: 'Test',
|
|
color: 'cyan',
|
|
fontWeight: Cue.fontWeight.BOLD,
|
|
},
|
|
],
|
|
},
|
|
{startTime: 40, endTime: 50, payload: 'Test2'},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'STYLE\n::cue(b) { color: cyan; }\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000\n' +
|
|
'<b>Test</b>\n\n' +
|
|
'00:00:40.000 --> 00:00:50.000\n' +
|
|
'Test2',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('supports only two digits in the timestamp', () => {
|
|
verifyHelper(
|
|
[
|
|
{startTime: 20, endTime: 40, payload: 'Test'},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:20.00 --> 00:00:40.00\n' +
|
|
'Test',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('supports class with default color', () => {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
startTime: 20, endTime: 40,
|
|
payload: '',
|
|
nestedCues: [
|
|
{
|
|
startTime: 20,
|
|
endTime: 40,
|
|
payload: 'Test',
|
|
color: '#FF0',
|
|
},
|
|
],
|
|
},
|
|
{
|
|
startTime: 40, endTime: 50,
|
|
payload: '',
|
|
nestedCues: [
|
|
{
|
|
startTime: 40,
|
|
endTime: 50,
|
|
payload: 'Test2',
|
|
color: '#0FF',
|
|
backgroundColor: '#00F',
|
|
},
|
|
],
|
|
},
|
|
{
|
|
startTime: 50, endTime: 60,
|
|
payload: '',
|
|
nestedCues: [
|
|
{
|
|
startTime: 50,
|
|
endTime: 60,
|
|
payload: 'Test 3',
|
|
color: '#F0F',
|
|
backgroundColor: '#000',
|
|
},
|
|
],
|
|
},
|
|
{
|
|
startTime: 60,
|
|
endTime: 70,
|
|
payload: '',
|
|
nestedCues: [
|
|
{
|
|
startTime: 60,
|
|
endTime: 70,
|
|
payload: 'First row',
|
|
},
|
|
{
|
|
startTime: 60,
|
|
endTime: 70,
|
|
payload: 'Test4.1',
|
|
color: '#FF0',
|
|
},
|
|
{
|
|
startTime: 60,
|
|
endTime: 70,
|
|
payload: '',
|
|
lineBreak: true,
|
|
},
|
|
{
|
|
startTime: 60,
|
|
endTime: 70,
|
|
payload: 'Second row',
|
|
},
|
|
{
|
|
startTime: 60,
|
|
endTime: 70,
|
|
payload: 'Test4.2',
|
|
color: '#00F',
|
|
},
|
|
],
|
|
},
|
|
{
|
|
startTime: 70,
|
|
endTime: 80,
|
|
payload: '',
|
|
nestedCues: [
|
|
{
|
|
startTime: 70,
|
|
endTime: 80,
|
|
payload: 'Test5.1',
|
|
color: '#F00',
|
|
},
|
|
{
|
|
startTime: 70,
|
|
endTime: 80,
|
|
payload: 'Test5.2',
|
|
color: '#0F0',
|
|
},
|
|
],
|
|
},
|
|
{
|
|
startTime: 80,
|
|
endTime: 90,
|
|
payload: '<b><c.lime>Parse fail 1</b></c>',
|
|
nestedCues: [],
|
|
},
|
|
{
|
|
startTime: 90,
|
|
endTime: 100,
|
|
payload: '<c.lime><b>Parse fail 2</c></b>',
|
|
nestedCues: [],
|
|
},
|
|
{
|
|
startTime: 100,
|
|
endTime: 110,
|
|
payload: '<c.lime>forward slash 1/2 in text</c>',
|
|
nestedCues: [],
|
|
},
|
|
{
|
|
startTime: 110,
|
|
endTime: 120,
|
|
payload: '<c.lime>less or more < > in text</c>',
|
|
nestedCues: [],
|
|
},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'00:00:20.000 --> 00:00:40.000\n' +
|
|
'<c.yellow>Test</c>\n\n' +
|
|
'00:00:40.000 --> 00:00:50.000\n' +
|
|
'<c.cyan.bg_blue>Test2</c>\n\n' +
|
|
'00:00:50.000 --> 00:01:00.000\n' +
|
|
'<c.yellow.bg_blue.magenta.bg_black>Test 3</c>\n\n' +
|
|
'00:01:00.000 --> 00:01:10.000\n' +
|
|
'First row<c.yellow>Test4.1</c>\nSecond row<c.blue>Test4.2</c>\n\n' +
|
|
'00:01:10.000 --> 00:01:20.000\n' +
|
|
'<c.red>Test5.1<c.lime>Test5.2</c></c>\n\n' +
|
|
'00:01:20.000 --> 00:01:30.000\n' +
|
|
'<b><c.lime>Parse fail 1</b></c>\n\n' +
|
|
'00:01:30.000 --> 00:01:40.000\n' +
|
|
'<c.lime><b>Parse fail 2</c></b>\n\n' +
|
|
'00:01:40.000 --> 00:01:50.000\n' +
|
|
'<c.lime>forward slash 1/2 in text</c>\n\n' +
|
|
'00:01:50.000 --> 00:02:00.000\n' +
|
|
'<c.lime>less or more < > in text</c>',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
it('supports default color overriding', () => {
|
|
verifyHelper(
|
|
[
|
|
{
|
|
startTime: 10, endTime: 20,
|
|
payload: '',
|
|
nestedCues: [
|
|
{
|
|
startTime: 10,
|
|
endTime: 20,
|
|
payload: 'Example 1',
|
|
color: '#F00',
|
|
backgroundColor: '#FF0',
|
|
fontSize: '10px',
|
|
},
|
|
],
|
|
},
|
|
],
|
|
'WEBVTT\n\n' +
|
|
'STYLE\n' +
|
|
'::cue(bg_blue) { font-size: 10px; background-color: #FF0 }\n\n' +
|
|
'00:00:10.000 --> 00:00:20.000\n' +
|
|
'<c.red.bg_blue>Example 1</c>\n\n',
|
|
{periodStart: 0, segmentStart: 0, segmentEnd: 0});
|
|
});
|
|
|
|
/**
|
|
* @param {!Array} cues
|
|
* @param {string} text
|
|
* @param {shaka.extern.TextParser.TimeContext} time
|
|
*/
|
|
function verifyHelper(cues, text, time) {
|
|
const data =
|
|
shaka.util.BufferUtils.toUint8(shaka.util.StringUtils.toUTF8(text));
|
|
const result = new shaka.text.VttTextParser().parseMedia(data, time);
|
|
|
|
const expected = cues.map((cue) => {
|
|
if (cue.nestedCues) {
|
|
cue.nestedCues = cue.nestedCues.map(
|
|
(nestedCue) => jasmine.objectContaining(nestedCue));
|
|
}
|
|
return jasmine.objectContaining(cue);
|
|
});
|
|
expect(result).toEqual(expected);
|
|
}
|
|
|
|
/**
|
|
* @param {shaka.util.Error.Code} code
|
|
* @param {string} text
|
|
* @param {shaka.extern.TextParser.TimeContext} time
|
|
* @param {*=} errorData
|
|
*/
|
|
function errorHelper(code, text, time, errorData = undefined) {
|
|
let shakaError;
|
|
if (errorData) {
|
|
shakaError = new shaka.util.Error(
|
|
shaka.util.Error.Severity.CRITICAL, shaka.util.Error.Category.TEXT,
|
|
code, errorData);
|
|
} else {
|
|
shakaError = new shaka.util.Error(
|
|
shaka.util.Error.Severity.CRITICAL, shaka.util.Error.Category.TEXT,
|
|
code);
|
|
}
|
|
const error = shaka.test.Util.jasmineError(shakaError);
|
|
const data =
|
|
shaka.util.BufferUtils.toUint8(shaka.util.StringUtils.toUTF8(text));
|
|
expect(() => new shaka.text.VttTextParser().parseMedia(data, time))
|
|
.toThrow(error);
|
|
}
|
|
});
|