mirror of
https://github.com/shaka-project/shaka-player.git
synced 2026-07-02 18:49:36 +03:00
efc2ed3df1
This is a complete replacement for the old demo page, made to be more modern-looking and easier to maintain. It contains new features such as remembering the URIs you provide for custom assets, and searching through the default assets by feature. This demo page is not quite ready for release yet, but it's getting close. Change-Id: Iad01d1fc02c3cd238d73b9b9e02dbb4301cb6f2a
268 lines
9.4 KiB
JavaScript
268 lines
9.4 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('Player', () => {
|
|
const Util = shaka.test.Util;
|
|
const Feature = shakaAssets.Feature;
|
|
const waitForMovementOrFailOnTimeout = Util.waitForMovementOrFailOnTimeout;
|
|
const waitForEndOrTimeout = Util.waitForEndOrTimeout;
|
|
|
|
/** @type {!jasmine.Spy} */
|
|
let onErrorSpy;
|
|
|
|
/** @type {shaka.extern.SupportType} */
|
|
let support;
|
|
/** @type {!HTMLVideoElement} */
|
|
let video;
|
|
/** @type {shaka.Player} */
|
|
let player;
|
|
/** @type {shaka.util.EventManager} */
|
|
let eventManager;
|
|
|
|
let compiledShaka;
|
|
|
|
beforeAll(async () => {
|
|
video = shaka.util.Dom.createVideoElement();
|
|
document.body.appendChild(video);
|
|
|
|
/** @type {!shaka.util.PublicPromise} */
|
|
const loaded = new shaka.util.PublicPromise();
|
|
if (getClientArg('uncompiled')) {
|
|
// For debugging purposes, use the uncompiled library.
|
|
compiledShaka = shaka;
|
|
loaded.resolve();
|
|
} else {
|
|
// Load the compiled library as a module.
|
|
// All tests in this suite will use the compiled library.
|
|
require(['/base/dist/shaka-player.ui.js'], (shakaModule) => {
|
|
compiledShaka = shakaModule;
|
|
loaded.resolve();
|
|
});
|
|
}
|
|
|
|
await loaded;
|
|
support = await compiledShaka.Player.probeSupport();
|
|
});
|
|
|
|
beforeEach(() => {
|
|
player = new compiledShaka.Player(video);
|
|
|
|
// Grab event manager from the uncompiled library:
|
|
eventManager = new shaka.util.EventManager();
|
|
|
|
onErrorSpy = jasmine.createSpy('onError');
|
|
onErrorSpy.and.callFake((event) => fail(event.detail));
|
|
eventManager.listen(player, 'error', Util.spyFunc(onErrorSpy));
|
|
});
|
|
|
|
afterEach(async () => {
|
|
eventManager.release();
|
|
|
|
await player.destroy();
|
|
});
|
|
|
|
afterAll(() => {
|
|
document.body.removeChild(video);
|
|
});
|
|
|
|
describe('plays', () => {
|
|
/** @param {!ShakaDemoAssetInfo} asset */
|
|
function createAssetTest(asset) {
|
|
if (asset.disabled) return;
|
|
|
|
let testName =
|
|
asset.source + ' / ' + asset.name + ' : ' + asset.manifestUri;
|
|
|
|
let wit = asset.focus ? fit : it;
|
|
wit(testName, async () => {
|
|
if (asset.drm.length &&
|
|
!asset.drm.some((keySystem) => support.drm[keySystem])) {
|
|
pending('None of the required key systems are supported.');
|
|
}
|
|
|
|
if (asset.features) {
|
|
let mimeTypes = [];
|
|
if (asset.features.includes(Feature.WEBM)) {
|
|
mimeTypes.push('video/webm');
|
|
}
|
|
if (asset.features.includes(Feature.MP4)) {
|
|
mimeTypes.push('video/mp4');
|
|
}
|
|
if (!mimeTypes.some((type) => support.media[type])) {
|
|
pending('None of the required MIME types are supported.');
|
|
}
|
|
}
|
|
|
|
// Make sure we are playing the lowest res available to avoid test flake
|
|
// based on network issues. Note that disabling ABR and setting a low
|
|
// abr.defaultBandwidthEstimate would not be sufficient, because it
|
|
// would only affect the choice of track on the first period. When we
|
|
// cross a period boundary, the default bandwidth estimate will no
|
|
// longer be in effect, and AbrManager may choose higher res tracks for
|
|
// the new period. Using abr.restrictions.maxHeight will let us force
|
|
// AbrManager to the lowest resolution, which is its fallback when these
|
|
// soft restrictions cannot be met.
|
|
player.configure('abr.restrictions.maxHeight', 1);
|
|
|
|
// Make sure that live streams are synced against a good clock.
|
|
player.configure('manifest.dash.clockSyncUri',
|
|
'https://shaka-player-demo.appspot.com/time.txt');
|
|
|
|
// Make sure we don't get stuck on gaps that only appear in some
|
|
// browsers (Safari, Firefox).
|
|
// TODO(https://github.com/google/shaka-player/issues/1702):
|
|
// Is this necessary because of a bug in Shaka Player?
|
|
player.configure('streaming.jumpLargeGaps', true);
|
|
|
|
// Configure DRM for this asset.
|
|
if (asset.licenseServers) {
|
|
player.configure('drm.servers', asset.licenseServers);
|
|
}
|
|
if (asset.drmCallback) {
|
|
player.configure('manifest.dash.customScheme', asset.drmCallback);
|
|
}
|
|
if (asset.clearKeys) {
|
|
player.configure('drm.clearKeys', asset.clearKeys);
|
|
}
|
|
|
|
// Configure networking for this asset.
|
|
const networkingEngine = player.getNetworkingEngine();
|
|
if (asset.licenseRequestHeaders) {
|
|
const headers = asset.licenseRequestHeaders;
|
|
networkingEngine.registerRequestFilter((requestType, request) => {
|
|
addLicenseRequestHeaders(headers, requestType, request);
|
|
});
|
|
}
|
|
if (asset.requestFilter) {
|
|
networkingEngine.registerRequestFilter(asset.requestFilter);
|
|
}
|
|
if (asset.responseFilter) {
|
|
networkingEngine.registerResponseFilter(asset.responseFilter);
|
|
}
|
|
|
|
// Add any extra configuration for this asset.
|
|
if (asset.extraConfig) {
|
|
player.configure(asset.extraConfig);
|
|
}
|
|
|
|
await player.load(asset.manifestUri);
|
|
if (asset.features) {
|
|
const isLive = asset.features.includes(Feature.LIVE);
|
|
expect(player.isLive()).toEqual(isLive);
|
|
}
|
|
video.play();
|
|
|
|
// Wait for the video to start playback. If it takes longer than 20
|
|
// seconds, fail the test.
|
|
await waitForMovementOrFailOnTimeout(eventManager, video, 20);
|
|
|
|
// Play for 30 seconds, but stop early if the video ends.
|
|
await waitForEndOrTimeout(eventManager, video, 30);
|
|
|
|
if (video.ended) {
|
|
checkEndedTime();
|
|
} else {
|
|
// Expect that in 30 seconds of playback, we go through at least 20
|
|
// seconds of content. This allows for some buffering or network
|
|
// flake.
|
|
expect(video.currentTime).toBeGreaterThan(20);
|
|
|
|
// Since video.ended is false, we expect the current time to be before
|
|
// the video duration.
|
|
expect(video.currentTime).toBeLessThan(video.duration);
|
|
|
|
if (!player.isLive()) {
|
|
// Seek close to the end and play the rest of the content.
|
|
video.currentTime = video.duration - 15;
|
|
|
|
// Wait for the video to start playback again after seeking. If it
|
|
// takes longer than 20 seconds, fail the test.
|
|
await waitForMovementOrFailOnTimeout(eventManager, video, 20);
|
|
|
|
// Play for 30 seconds, but stop early if the video ends.
|
|
await waitForEndOrTimeout(eventManager, video, 30);
|
|
|
|
// By now, ended should be true.
|
|
expect(video.ended).toBe(true);
|
|
checkEndedTime();
|
|
}
|
|
}
|
|
}); // actual test
|
|
} // createAssetTest
|
|
|
|
// The user can run tests on a specific manifest URI that is not in the
|
|
// asset list.
|
|
const testCustomAsset = getClientArg('testCustomAsset');
|
|
if (testCustomAsset) {
|
|
// Construct an "asset" structure to reuse the test logic above.
|
|
/** @type {Object} */
|
|
const licenseServers = getClientArg('testCustomLicenseServer');
|
|
const keySystems = Object.keys(licenseServers || {});
|
|
const asset = new ShakaDemoAssetInfo(
|
|
/* name= */ 'custom',
|
|
/* iconUri= */ '',
|
|
/* manifestUri= */ testCustomAsset,
|
|
/* source= */ shakaAssets.Source.CUSTOM);
|
|
if (keySystems.length) {
|
|
for (let keySystem of keySystems) {
|
|
asset.addKeySystem(/** @type {!shakaAssets.KeySystem} */ (keySystem));
|
|
const licenseServer = licenseServers[keySystem];
|
|
if (licenseServer) {
|
|
asset.addLicenseServer(keySystem, licenseServer);
|
|
}
|
|
}
|
|
}
|
|
createAssetTest(asset);
|
|
} else {
|
|
// No custom assets? Create a test for each asset in the demo asset list.
|
|
shakaAssets.testAssets.forEach(createAssetTest);
|
|
}
|
|
});
|
|
|
|
/**
|
|
* Check the video time for videos that we expect to have ended.
|
|
*/
|
|
function checkEndedTime() {
|
|
if (video.currentTime >= video.duration) {
|
|
// On some platforms, currentTime surpasses duration by more than 0.1s.
|
|
// For the purposes of this test, this is fine, so don't set any precise
|
|
// expectations on currentTime if it's larger.
|
|
} else {
|
|
// On some platforms, currentTime is less than duration, but it should be
|
|
// close.
|
|
expect(video.currentTime).toBeCloseTo(
|
|
video.duration, 1 /* decimal place */);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @param {!Object.<string, string>} headers
|
|
* @param {shaka.net.NetworkingEngine.RequestType} requestType
|
|
* @param {shaka.extern.Request} request
|
|
*/
|
|
function addLicenseRequestHeaders(headers, requestType, request) {
|
|
const RequestType = compiledShaka.net.NetworkingEngine.RequestType;
|
|
if (requestType != RequestType.LICENSE) return;
|
|
|
|
// Add these to the existing headers. Do not clobber them!
|
|
// For PlayReady, there will already be headers in the request.
|
|
for (let k in headers) {
|
|
request.headers[k] = headers[k];
|
|
}
|
|
}
|
|
});
|