mirror of
https://github.com/shaka-project/shaka-player.git
synced 2026-06-26 17:46:26 +03:00
Timothy Drews
0547090383
When Playhead seeks to the start time it should not make a callback. This reduces an extra seek during startup, reducing startup latency in StreamingEngine. Change-Id: I8be9bf095031a4001b86e93185a2966ef2da5fa7
384 lines
11 KiB
JavaScript
384 lines
11 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('Playhead', function() {
|
|
var video;
|
|
var timeline;
|
|
var playhead;
|
|
|
|
// Callback to Playhead to simulate 'loadedmetadata' event from |video|.
|
|
var videoOnLoadedMetadata;
|
|
|
|
// Callback to Playhead to simulate 'seeking' event from |video|.
|
|
var videoOnSeeking;
|
|
|
|
// Callback to us from Playhead when the buffering state changes.
|
|
var onBuffering;
|
|
|
|
// Callback to us from Playhead when a valid 'seeking' event occurs.
|
|
var onSeek;
|
|
|
|
beforeEach(function() {
|
|
video = createMockVideo();
|
|
timeline = createMockPresentationTimeline();
|
|
|
|
videoOnLoadedMetadata = undefined;
|
|
videoOnSeeking = undefined;
|
|
|
|
onBuffering = jasmine.createSpy('onBuffering');
|
|
onSeek = jasmine.createSpy('onSeek');
|
|
|
|
video.addEventListener.and.callFake(function(eventName, f, bubbles) {
|
|
if (eventName == 'loadedmetadata') {
|
|
videoOnLoadedMetadata = f;
|
|
} else if (eventName == 'seeking') {
|
|
videoOnSeeking = f;
|
|
} else {
|
|
throw new Error('Unexpected event:' + eventName);
|
|
}
|
|
});
|
|
|
|
timeline.getSegmentAvailabilityStart.and.returnValue(5);
|
|
timeline.getSegmentAvailabilityEnd.and.returnValue(60);
|
|
|
|
// These tests should not cause these methods to be invoked.
|
|
timeline.getSegmentAvailabilityDuration.and.throwError(new Error());
|
|
timeline.getDuration.and.throwError(new Error());
|
|
timeline.setDuration.and.throwError(new Error());
|
|
});
|
|
|
|
afterEach(function(done) {
|
|
playhead.destroy().then(done);
|
|
playhead = null;
|
|
});
|
|
|
|
describe('getTime', function() {
|
|
it('returns the correct time when readyState starts at 0', function() {
|
|
playhead = new shaka.media.Playhead(
|
|
video,
|
|
timeline,
|
|
10 /* minBufferTime */,
|
|
5 /* startTime */,
|
|
onBuffering, onSeek);
|
|
|
|
expect(video.addEventListener).toHaveBeenCalledWith(
|
|
'loadedmetadata', videoOnLoadedMetadata, false);
|
|
expect(video.addEventListener.calls.count()).toBe(1);
|
|
|
|
expect(playhead.getTime()).toBe(5);
|
|
expect(video.currentTime).toBe(0);
|
|
|
|
video.readyState = HTMLMediaElement.HAVE_METADATA;
|
|
videoOnLoadedMetadata();
|
|
|
|
expect(video.addEventListener).toHaveBeenCalledWith(
|
|
'seeking', videoOnSeeking, false);
|
|
expect(video.addEventListener.calls.count()).toBe(2);
|
|
|
|
expect(playhead.getTime()).toBe(5);
|
|
expect(video.currentTime).toBe(5);
|
|
|
|
video.currentTime = 6;
|
|
expect(playhead.getTime()).toBe(6);
|
|
|
|
// getTime() should always clamp the time even if the video element
|
|
// doesn't dispatch 'seeking' events.
|
|
video.currentTime = 120;
|
|
expect(playhead.getTime()).toBe(60);
|
|
|
|
video.currentTime = 0;
|
|
expect(playhead.getTime()).toBe(5);
|
|
});
|
|
|
|
it('returns the correct time when readyState starts at 1', function() {
|
|
video.readyState = HTMLMediaElement.HAVE_METADATA;
|
|
|
|
playhead = new shaka.media.Playhead(
|
|
video,
|
|
timeline,
|
|
10 /* minBufferTime */,
|
|
5 /* startTime */,
|
|
onBuffering, onSeek);
|
|
|
|
expect(playhead.getTime()).toBe(5);
|
|
expect(video.currentTime).toBe(5);
|
|
|
|
video.currentTime = 6;
|
|
expect(playhead.getTime()).toBe(6);
|
|
});
|
|
});
|
|
|
|
it('sets/unsets buffering state', function() {
|
|
playhead = new shaka.media.Playhead(
|
|
video,
|
|
timeline,
|
|
10 /* minBufferTime */,
|
|
5 /* startTime */,
|
|
onBuffering, onSeek);
|
|
|
|
// Set to 2 to ensure Playhead restores the correct rate.
|
|
video.playbackRate = 2;
|
|
|
|
playhead.setBuffering(false);
|
|
expect(onBuffering).not.toHaveBeenCalled();
|
|
expect(video.playbackRate).toBe(2);
|
|
|
|
playhead.setBuffering(true);
|
|
expect(onBuffering).toHaveBeenCalledWith(true);
|
|
expect(video.playbackRate).toBe(0);
|
|
|
|
onBuffering.calls.reset();
|
|
|
|
playhead.setBuffering(true);
|
|
expect(onBuffering).not.toHaveBeenCalled();
|
|
expect(video.playbackRate).toBe(0);
|
|
|
|
playhead.setBuffering(false);
|
|
expect(onBuffering).toHaveBeenCalledWith(false);
|
|
expect(video.playbackRate).toBe(2);
|
|
});
|
|
|
|
it('clamps seeks for live', function() {
|
|
video.readyState = HTMLMediaElement.HAVE_METADATA;
|
|
|
|
video.buffered = {
|
|
length: 1,
|
|
start: function(i) {
|
|
if (i == 0) return 25;
|
|
throw new Error('Unexpected index');
|
|
},
|
|
end: function(i) {
|
|
if (i == 0) return 55;
|
|
throw new Error('Unexpected index');
|
|
}
|
|
};
|
|
|
|
timeline.getSegmentAvailabilityStart.and.returnValue(5);
|
|
timeline.getSegmentAvailabilityEnd.and.returnValue(60);
|
|
timeline.getSegmentAvailabilityDuration.and.returnValue(30);
|
|
|
|
playhead = new shaka.media.Playhead(
|
|
video,
|
|
timeline,
|
|
10 /* rebufferingGoal */,
|
|
5 /* startTime */,
|
|
onBuffering, onSeek);
|
|
|
|
// Calling videoOnSeeking() is like dispatching a 'seeking' event. So, each
|
|
// time we change the video's current time or Playhead changes the video's
|
|
// current time we must call videoOnSeeking(),
|
|
|
|
videoOnSeeking();
|
|
expect(video.currentTime).toBe(5);
|
|
expect(playhead.getTime()).toBe(5);
|
|
|
|
// left = start + 1 = 5 + 1 = 6
|
|
// safe = left + rebufferingGoal = 6 + 10 = 16
|
|
|
|
// Seek in safe region & in buffered region.
|
|
video.currentTime = 26;
|
|
videoOnSeeking();
|
|
expect(video.currentTime).toBe(26);
|
|
expect(playhead.getTime()).toBe(26);
|
|
expect(onSeek).toHaveBeenCalled();
|
|
|
|
onSeek.calls.reset();
|
|
|
|
// Seek in safe region & in unbuffered region.
|
|
video.currentTime = 24;
|
|
videoOnSeeking();
|
|
expect(video.currentTime).toBe(24);
|
|
expect(playhead.getTime()).toBe(24);
|
|
expect(onSeek).toHaveBeenCalled();
|
|
|
|
onSeek.calls.reset();
|
|
|
|
// Seek before left (treated like seek before start even though in buffered
|
|
// region).
|
|
video.currentTime = 5.5;
|
|
videoOnSeeking();
|
|
expect(video.currentTime).toBe(18);
|
|
expect(playhead.getTime()).toBe(18);
|
|
expect(onSeek).not.toHaveBeenCalled();
|
|
videoOnSeeking();
|
|
expect(onSeek).toHaveBeenCalled();
|
|
|
|
video.buffered = {
|
|
length: 1,
|
|
start: function(i) {
|
|
if (i == 0) return 10;
|
|
throw new Error('Unexpected index');
|
|
},
|
|
end: function(i) {
|
|
if (i == 0) return 40;
|
|
throw new Error('Unexpected index');
|
|
}
|
|
};
|
|
|
|
// Seek outside safe region & in buffered region.
|
|
video.currentTime = 15;
|
|
videoOnSeeking();
|
|
expect(video.currentTime).toBe(15);
|
|
expect(playhead.getTime()).toBe(15);
|
|
expect(onSeek).toHaveBeenCalled();
|
|
|
|
onSeek.calls.reset();
|
|
|
|
// Seek outside safe region & in unbuffered region.
|
|
video.currentTime = 9;
|
|
videoOnSeeking();
|
|
expect(video.currentTime).toBe(18);
|
|
expect(playhead.getTime()).toBe(18);
|
|
expect(onSeek).not.toHaveBeenCalled();
|
|
videoOnSeeking();
|
|
expect(onSeek).toHaveBeenCalled();
|
|
|
|
onSeek.calls.reset();
|
|
|
|
// Seek past end.
|
|
video.currentTime = 120;
|
|
videoOnSeeking();
|
|
expect(video.currentTime).toBe(60);
|
|
expect(playhead.getTime()).toBe(60);
|
|
expect(onSeek).not.toHaveBeenCalled();
|
|
videoOnSeeking();
|
|
expect(onSeek).toHaveBeenCalled();
|
|
|
|
onSeek.calls.reset();
|
|
|
|
// Seek before start.
|
|
video.currentTime = 1;
|
|
videoOnSeeking();
|
|
expect(video.currentTime).toBe(18);
|
|
expect(playhead.getTime()).toBe(18);
|
|
expect(onSeek).not.toHaveBeenCalled();
|
|
videoOnSeeking();
|
|
expect(onSeek).toHaveBeenCalled();
|
|
|
|
onSeek.calls.reset();
|
|
|
|
// Seek with end < safe (note: safe == 16).
|
|
timeline.getSegmentAvailabilityEnd.and.returnValue(12);
|
|
|
|
// Seek before start
|
|
video.currentTime = 4;
|
|
videoOnSeeking();
|
|
expect(video.currentTime).toBe(12);
|
|
expect(playhead.getTime()).toBe(12);
|
|
expect(onSeek).not.toHaveBeenCalled();
|
|
videoOnSeeking();
|
|
expect(onSeek).toHaveBeenCalled();
|
|
|
|
onSeek.calls.reset();
|
|
|
|
// Seek in window.
|
|
video.currentTime = 8;
|
|
videoOnSeeking();
|
|
expect(video.currentTime).toBe(8);
|
|
expect(playhead.getTime()).toBe(8);
|
|
expect(onSeek).toHaveBeenCalled();
|
|
|
|
onSeek.calls.reset();
|
|
|
|
// Seek past end.
|
|
video.currentTime = 13;
|
|
videoOnSeeking();
|
|
expect(video.currentTime).toBe(12);
|
|
expect(playhead.getTime()).toBe(12);
|
|
expect(onSeek).not.toHaveBeenCalled();
|
|
videoOnSeeking();
|
|
expect(onSeek).toHaveBeenCalled();
|
|
});
|
|
|
|
it('clamps seeks for VOD', function() {
|
|
video.readyState = HTMLMediaElement.HAVE_METADATA;
|
|
|
|
video.buffered = {
|
|
length: 1,
|
|
start: function(i) {
|
|
if (i == 0) return 25;
|
|
throw new Error('Unexpected index');
|
|
},
|
|
end: function(i) {
|
|
if (i == 0) return 55;
|
|
throw new Error('Unexpected index');
|
|
}
|
|
};
|
|
|
|
timeline.getSegmentAvailabilityStart.and.returnValue(5);
|
|
timeline.getSegmentAvailabilityEnd.and.returnValue(60);
|
|
timeline.getSegmentAvailabilityDuration.and.returnValue(null);
|
|
|
|
playhead = new shaka.media.Playhead(
|
|
video,
|
|
timeline,
|
|
10 /* rebufferingGoal */,
|
|
5 /* startTime */,
|
|
onBuffering, onSeek);
|
|
|
|
videoOnSeeking();
|
|
expect(video.currentTime).toBe(5);
|
|
expect(playhead.getTime()).toBe(5);
|
|
|
|
// Seek past end.
|
|
video.currentTime = 120;
|
|
videoOnSeeking();
|
|
expect(video.currentTime).toBe(60);
|
|
expect(playhead.getTime()).toBe(60);
|
|
expect(onSeek).not.toHaveBeenCalled();
|
|
videoOnSeeking();
|
|
expect(onSeek).toHaveBeenCalled();
|
|
|
|
onSeek.calls.reset();
|
|
|
|
// Seek before start.
|
|
video.currentTime = 1;
|
|
videoOnSeeking();
|
|
expect(video.currentTime).toBe(5);
|
|
expect(playhead.getTime()).toBe(5);
|
|
expect(onSeek).not.toHaveBeenCalled();
|
|
videoOnSeeking();
|
|
expect(onSeek).toHaveBeenCalled();
|
|
});
|
|
|
|
function createMockVideo() {
|
|
return {
|
|
currentTime: 0,
|
|
readyState: 0,
|
|
playbackRate: 1,
|
|
buffered: null,
|
|
addEventListener: jasmine.createSpy('addEventListener'),
|
|
removeEventListener: jasmine.createSpy('removeEventListener'),
|
|
dispatchEvent: jasmine.createSpy('dispatchEvent')
|
|
};
|
|
}
|
|
|
|
function createMockPresentationTimeline() {
|
|
return {
|
|
getDuration: jasmine.createSpy('getDuration'),
|
|
setDuration: jasmine.createSpy('setDuration'),
|
|
getSegmentAvailabilityDuration:
|
|
jasmine.createSpy('getSegmentAvailabilityDuration'),
|
|
getSegmentAvailabilityStart:
|
|
jasmine.createSpy('getSegmentAvailabilityStart'),
|
|
getSegmentAvailabilityEnd:
|
|
jasmine.createSpy('getSegmentAvailabilityEnd')
|
|
};
|
|
}
|
|
});
|
|
|