dashjs
Version:
A reference client implementation for the playback of MPEG DASH via Javascript and compliant browsers.
1,185 lines (987 loc) • 49.9 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>dash.js Source: streaming/controllers/PlaybackController.js</title>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/sunlight.default.css">
<link type="text/css" rel="stylesheet" href="styles/site.spacelab.css">
</head>
<body>
<div class="navbar navbar-default navbar-fixed-top navbar-inverse">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="index.html">dash.js</a>
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#topNavigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse" id="topNavigation">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="modules.list.html" class="dropdown-toggle" data-toggle="dropdown">Modules<b class="caret"></b></a>
<ul class="dropdown-menu ">
<li><a href="module-DashAdapter.html">DashAdapter</a></li><li><a href="module-DashMetrics.html">DashMetrics</a></li><li><a href="module-MediaPlayer.html">MediaPlayer</a></li><li><a href="module-OfflineController.html">OfflineController</a></li><li><a href="module-ProtectionController.html">ProtectionController</a></li><li><a href="module-Settings.html">Settings</a></li>
</ul>
</li>
<li class="dropdown">
<a href="classes.list.html" class="dropdown-toggle" data-toggle="dropdown">Classes<b class="caret"></b></a>
<ul class="dropdown-menu ">
<li><a href="Errors.html">Errors</a></li><li><a href="MediaPlayerEvents.html">MediaPlayerEvents</a></li><li><a href="MediaPlayerModel.html">MediaPlayerModel</a></li><li><a href="MetricsReportingEvents.html">MetricsReportingEvents</a></li><li><a href="MssErrors.html">MssErrors</a></li><li><a href="OfflineErrors.html">OfflineErrors</a></li><li><a href="OfflineEvents.html">OfflineEvents</a></li><li><a href="ProtectionErrors.html">ProtectionErrors</a></li><li><a href="ProtectionEvents.html">ProtectionEvents</a></li>
</ul>
</li>
<li class="dropdown">
<a href="events.list.html" class="dropdown-toggle" data-toggle="dropdown">Events<b class="caret"></b></a>
<ul class="dropdown-menu ">
<li><a href="MediaPlayerEvents.html#event:ADAPTATION_SET_REMOVED_NO_CAPABILITIES">MediaPlayerEvents#event:ADAPTATION_SET_REMOVED_NO_CAPABILITIES</a></li><li><a href="MediaPlayerEvents.html#event:AST_IN_FUTURE">MediaPlayerEvents#event:AST_IN_FUTURE</a></li><li><a href="MediaPlayerEvents.html#event:BUFFER_EMPTY">MediaPlayerEvents#event:BUFFER_EMPTY</a></li><li><a href="MediaPlayerEvents.html#event:BUFFER_LEVEL_STATE_CHANGED">MediaPlayerEvents#event:BUFFER_LEVEL_STATE_CHANGED</a></li><li><a href="MediaPlayerEvents.html#event:BUFFER_LEVEL_UPDATED">MediaPlayerEvents#event:BUFFER_LEVEL_UPDATED</a></li><li><a href="MediaPlayerEvents.html#event:BUFFER_LOADED">MediaPlayerEvents#event:BUFFER_LOADED</a></li><li><a href="MediaPlayerEvents.html#event:CAN_PLAY">MediaPlayerEvents#event:CAN_PLAY</a></li><li><a href="MediaPlayerEvents.html#event:CAN_PLAY_THROUGH">MediaPlayerEvents#event:CAN_PLAY_THROUGH</a></li><li><a href="MediaPlayerEvents.html#event:CAPTION_CONTAINER_RESIZE">MediaPlayerEvents#event:CAPTION_CONTAINER_RESIZE</a></li><li><a href="MediaPlayerEvents.html#event:CAPTION_RENDERED">MediaPlayerEvents#event:CAPTION_RENDERED</a></li><li><a href="MediaPlayerEvents.html#event:CONFORMANCE_VIOLATION">MediaPlayerEvents#event:CONFORMANCE_VIOLATION</a></li><li><a href="MediaPlayerEvents.html#event:CONTENT_STEERING_REQUEST_COMPLETED">MediaPlayerEvents#event:CONTENT_STEERING_REQUEST_COMPLETED</a></li><li><a href="MediaPlayerEvents.html#event:DYNAMIC_TO_STATIC">MediaPlayerEvents#event:DYNAMIC_TO_STATIC</a></li><li><a href="MediaPlayerEvents.html#event:ERROR">MediaPlayerEvents#event:ERROR</a></li><li><a href="MediaPlayerEvents.html#event:EVENT_MODE_ON_RECEIVE">MediaPlayerEvents#event:EVENT_MODE_ON_RECEIVE</a></li><li><a href="MediaPlayerEvents.html#event:EVENT_MODE_ON_START">MediaPlayerEvents#event:EVENT_MODE_ON_START</a></li><li><a href="MediaPlayerEvents.html#event:FRAGMENT_LOADING_ABANDONED">MediaPlayerEvents#event:FRAGMENT_LOADING_ABANDONED</a></li><li><a href="MediaPlayerEvents.html#event:FRAGMENT_LOADING_COMPLETED">MediaPlayerEvents#event:FRAGMENT_LOADING_COMPLETED</a></li><li><a href="MediaPlayerEvents.html#event:FRAGMENT_LOADING_PROGRESS">MediaPlayerEvents#event:FRAGMENT_LOADING_PROGRESS</a></li><li><a href="MediaPlayerEvents.html#event:FRAGMENT_LOADING_STARTED">MediaPlayerEvents#event:FRAGMENT_LOADING_STARTED</a></li><li><a href="MediaPlayerEvents.html#event:LOG">MediaPlayerEvents#event:LOG</a></li><li><a href="MediaPlayerEvents.html#event:MANIFEST_LOADED">MediaPlayerEvents#event:MANIFEST_LOADED</a></li><li><a href="MediaPlayerEvents.html#event:MANIFEST_VALIDITY_CHANGED">MediaPlayerEvents#event:MANIFEST_VALIDITY_CHANGED</a></li><li><a href="MediaPlayerEvents.html#event:METRIC_ADDED">MediaPlayerEvents#event:METRIC_ADDED</a></li><li><a href="MediaPlayerEvents.html#event:METRIC_CHANGED">MediaPlayerEvents#event:METRIC_CHANGED</a></li><li><a href="MediaPlayerEvents.html#event:METRIC_UPDATED">MediaPlayerEvents#event:METRIC_UPDATED</a></li><li><a href="MediaPlayerEvents.html#event:METRICS_CHANGED">MediaPlayerEvents#event:METRICS_CHANGED</a></li><li><a href="MediaPlayerEvents.html#event:PERIOD_SWITCH_COMPLETED">MediaPlayerEvents#event:PERIOD_SWITCH_COMPLETED</a></li><li><a href="MediaPlayerEvents.html#event:PERIOD_SWITCH_STARTED">MediaPlayerEvents#event:PERIOD_SWITCH_STARTED</a></li><li><a href="MediaPlayerEvents.html#event:PLAYBACK_ENDED">MediaPlayerEvents#event:PLAYBACK_ENDED</a></li><li><a href="MediaPlayerEvents.html#event:PLAYBACK_ERROR">MediaPlayerEvents#event:PLAYBACK_ERROR</a></li><li><a href="MediaPlayerEvents.html#event:PLAYBACK_LOADED_DATA">MediaPlayerEvents#event:PLAYBACK_LOADED_DATA</a></li><li><a href="MediaPlayerEvents.html#event:PLAYBACK_METADATA_LOADED">MediaPlayerEvents#event:PLAYBACK_METADATA_LOADED</a></li><li><a href="MediaPlayerEvents.html#event:PLAYBACK_NOT_ALLOWED">MediaPlayerEvents#event:PLAYBACK_NOT_ALLOWED</a></li><li><a href="MediaPlayerEvents.html#event:PLAYBACK_PAUSED">MediaPlayerEvents#event:PLAYBACK_PAUSED</a></li><li><a href="MediaPlayerEvents.html#event:PLAYBACK_PLAYING">MediaPlayerEvents#event:PLAYBACK_PLAYING</a></li><li><a href="MediaPlayerEvents.html#event:PLAYBACK_PROGRESS">MediaPlayerEvents#event:PLAYBACK_PROGRESS</a></li><li><a href="MediaPlayerEvents.html#event:PLAYBACK_RATE_CHANGED">MediaPlayerEvents#event:PLAYBACK_RATE_CHANGED</a></li><li><a href="MediaPlayerEvents.html#event:PLAYBACK_SEEKED">MediaPlayerEvents#event:PLAYBACK_SEEKED</a></li><li><a href="MediaPlayerEvents.html#event:PLAYBACK_SEEKING">MediaPlayerEvents#event:PLAYBACK_SEEKING</a></li><li><a href="MediaPlayerEvents.html#event:PLAYBACK_STALLED">MediaPlayerEvents#event:PLAYBACK_STALLED</a></li><li><a href="MediaPlayerEvents.html#event:PLAYBACK_STARTED">MediaPlayerEvents#event:PLAYBACK_STARTED</a></li><li><a href="MediaPlayerEvents.html#event:PLAYBACK_TIME_UPDATED">MediaPlayerEvents#event:PLAYBACK_TIME_UPDATED</a></li><li><a href="MediaPlayerEvents.html#event:PLAYBACK_VOLUME_CHANGED">MediaPlayerEvents#event:PLAYBACK_VOLUME_CHANGED</a></li><li><a href="MediaPlayerEvents.html#event:PLAYBACK_WAITING">MediaPlayerEvents#event:PLAYBACK_WAITING</a></li><li><a href="MediaPlayerEvents.html#event:QUALITY_CHANGE_RENDERED">MediaPlayerEvents#event:QUALITY_CHANGE_RENDERED</a></li><li><a href="MediaPlayerEvents.html#event:QUALITY_CHANGE_REQUESTED">MediaPlayerEvents#event:QUALITY_CHANGE_REQUESTED</a></li><li><a href="MediaPlayerEvents.html#event:REPRESENTATION_SWITCH">MediaPlayerEvents#event:REPRESENTATION_SWITCH</a></li><li><a href="MediaPlayerEvents.html#event:STREAM_ACTIVATED">MediaPlayerEvents#event:STREAM_ACTIVATED</a></li><li><a href="MediaPlayerEvents.html#event:STREAM_DEACTIVATED">MediaPlayerEvents#event:STREAM_DEACTIVATED</a></li><li><a href="MediaPlayerEvents.html#event:STREAM_INITIALIZED">MediaPlayerEvents#event:STREAM_INITIALIZED</a></li><li><a href="MediaPlayerEvents.html#event:STREAM_INITIALIZING">MediaPlayerEvents#event:STREAM_INITIALIZING</a></li><li><a href="MediaPlayerEvents.html#event:STREAM_TEARDOWN_COMPLETE">MediaPlayerEvents#event:STREAM_TEARDOWN_COMPLETE</a></li><li><a href="MediaPlayerEvents.html#event:STREAM_UPDATED">MediaPlayerEvents#event:STREAM_UPDATED</a></li><li><a href="MediaPlayerEvents.html#event:TEXT_TRACK_ADDED">MediaPlayerEvents#event:TEXT_TRACK_ADDED</a></li><li><a href="MediaPlayerEvents.html#event:TEXT_TRACKS_ADDED">MediaPlayerEvents#event:TEXT_TRACKS_ADDED</a></li><li><a href="MediaPlayerEvents.html#event:TRACK_CHANGE_RENDERED">MediaPlayerEvents#event:TRACK_CHANGE_RENDERED</a></li><li><a href="MediaPlayerEvents.html#event:TTML_PARSED">MediaPlayerEvents#event:TTML_PARSED</a></li><li><a href="MediaPlayerEvents.html#event:TTML_TO_PARSE">MediaPlayerEvents#event:TTML_TO_PARSE</a></li><li><a href="MetricsReportingEvents.html#event:CMCD_DATA_GENERATED">MetricsReportingEvents#event:CMCD_DATA_GENERATED</a></li><li><a href="OfflineEvents.html#event:OFFLINE_RECORD_FINISHED">OfflineEvents#event:OFFLINE_RECORD_FINISHED</a></li><li><a href="OfflineEvents.html#event:OFFLINE_RECORD_LOADEDMETADATA">OfflineEvents#event:OFFLINE_RECORD_LOADEDMETADATA</a></li><li><a href="OfflineEvents.html#event:OFFLINE_RECORD_STARTED">OfflineEvents#event:OFFLINE_RECORD_STARTED</a></li><li><a href="OfflineEvents.html#event:OFFLINE_RECORD_STOPPED">OfflineEvents#event:OFFLINE_RECORD_STOPPED</a></li><li><a href="ProtectionEvents.html#event:KEY_ADDED">ProtectionEvents#event:KEY_ADDED</a></li><li><a href="ProtectionEvents.html#event:KEY_ERROR">ProtectionEvents#event:KEY_ERROR</a></li><li><a href="ProtectionEvents.html#event:KEY_MESSAGE">ProtectionEvents#event:KEY_MESSAGE</a></li><li><a href="ProtectionEvents.html#event:KEY_SESSION_CLOSED">ProtectionEvents#event:KEY_SESSION_CLOSED</a></li><li><a href="ProtectionEvents.html#event:KEY_SESSION_CREATED">ProtectionEvents#event:KEY_SESSION_CREATED</a></li><li><a href="ProtectionEvents.html#event:KEY_SESSION_REMOVED">ProtectionEvents#event:KEY_SESSION_REMOVED</a></li><li><a href="ProtectionEvents.html#event:KEY_STATUSES_CHANGED">ProtectionEvents#event:KEY_STATUSES_CHANGED</a></li><li><a href="ProtectionEvents.html#event:KEY_SYSTEM_SELECTED">ProtectionEvents#event:KEY_SYSTEM_SELECTED</a></li><li><a href="ProtectionEvents.html#event:LICENSE_REQUEST_COMPLETE">ProtectionEvents#event:LICENSE_REQUEST_COMPLETE</a></li><li><a href="ProtectionEvents.html#event:LICENSE_REQUEST_SENDING">ProtectionEvents#event:LICENSE_REQUEST_SENDING</a></li><li><a href="ProtectionEvents.html#event:PROTECTION_CREATED">ProtectionEvents#event:PROTECTION_CREATED</a></li><li><a href="ProtectionEvents.html#event:PROTECTION_DESTROYED">ProtectionEvents#event:PROTECTION_DESTROYED</a></li>
</ul>
</li>
<li class="dropdown">
<a href="global.html" class="dropdown-toggle" data-toggle="dropdown">Global<b class="caret"></b></a>
<ul class="dropdown-menu ">
<li><a href="global.html#LICENSE_SERVER_MANIFEST_CONFIGURATIONS">LICENSE_SERVER_MANIFEST_CONFIGURATIONS</a></li>
</ul>
</li>
</ul>
<div class="col-sm-3 col-md-3">
<form class="navbar-form" role="search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search" name="q" id="search-input">
<div class="input-group-btn">
<button class="btn btn-default" id="search-submit"><i class="glyphicon glyphicon-search"></i></button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="container" id="toc-content">
<div class="row">
<div class="col-md-12">
<div id="main">
<h1 class="page-title">Source: streaming/controllers/PlaybackController.js</h1>
<section>
<article>
<pre
class="sunlight-highlight-javascript linenums">/**
* The copyright in this software is being made available under the BSD License,
* included below. This software may be subject to other third party and contributor
* rights, including patent rights, and no such rights are granted under this license.
*
* Copyright (c) 2013, Dash Industry Forum.
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without modification,
* are permitted provided that the following conditions are met:
* * Redistributions of source code must retain the above copyright notice, this
* list of conditions and the following disclaimer.
* * Redistributions in binary form must reproduce the above copyright notice,
* this list of conditions and the following disclaimer in the documentation and/or
* other materials provided with the distribution.
* * Neither the name of Dash Industry Forum nor the names of its
* contributors may be used to endorse or promote products derived from this software
* without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS AS IS AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED.
* IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT,
* INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT
* NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
* PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY,
* WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
* ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
* POSSIBILITY OF SUCH DAMAGE.
*/
import Constants from '../constants/Constants';
import EventBus from '../../core/EventBus';
import Events from '../../core/events/Events';
import FactoryMaker from '../../core/FactoryMaker';
import Debug from '../../core/Debug';
import MediaPlayerEvents from '../../streaming/MediaPlayerEvents';
import MetricsConstants from '../constants/MetricsConstants';
const LIVE_UPDATE_PLAYBACK_TIME_INTERVAL_MS = 500;
function PlaybackController() {
const context = this.context;
const eventBus = EventBus(context).getInstance();
let instance,
logger,
streamController,
serviceDescriptionController,
dashMetrics,
adapter,
videoModel,
timelineConverter,
wallclockTimeIntervalId,
liveDelay,
originalLiveDelay,
streamInfo,
isDynamic,
playOnceInitialized,
lastLivePlaybackTime,
availabilityStartTime,
availabilityTimeComplete,
lowLatencyModeEnabled,
seekTarget,
internalSeek,
playbackStalled,
manifestUpdateInProgress,
initialCatchupModeActivated,
settings;
function setup() {
logger = Debug(context).getInstance().getLogger(instance);
reset();
}
/**
* Reset all settings
*/
function reset() {
pause();
playOnceInitialized = false;
liveDelay = 0;
originalLiveDelay = 0;
availabilityStartTime = 0;
manifestUpdateInProgress = false;
availabilityTimeComplete = true;
lowLatencyModeEnabled = false;
initialCatchupModeActivated = false;
seekTarget = NaN;
if (videoModel) {
eventBus.off(Events.DATA_UPDATE_COMPLETED, _onDataUpdateCompleted, instance);
eventBus.off(Events.LOADING_PROGRESS, _onFragmentLoadProgress, instance);
eventBus.off(Events.MANIFEST_UPDATED, _onManifestUpdated, instance);
eventBus.off(Events.STREAMS_COMPOSED, _onStreamsComposed, instance);
eventBus.off(MediaPlayerEvents.PLAYBACK_ENDED, _onPlaybackEnded, instance);
eventBus.off(MediaPlayerEvents.STREAM_INITIALIZING, _onStreamInitializing, instance);
eventBus.off(MediaPlayerEvents.REPRESENTATION_SWITCH, _onRepresentationSwitch, instance);
eventBus.off(MediaPlayerEvents.BUFFER_LEVEL_STATE_CHANGED, _onBufferLevelStateChanged, instance);
stopUpdatingWallclockTime();
removeAllListeners();
}
wallclockTimeIntervalId = null;
videoModel = null;
streamInfo = null;
isDynamic = null;
}
/**
* Initializes the PlaybackController. This function is called whenever the stream is switched.
* @param {object} sInfo
* @param {boolean} periodSwitch
*/
function initialize(sInfo, periodSwitch) {
streamInfo = sInfo;
if (periodSwitch !== true) {
_initializeForFirstStream();
}
}
/**
* Initializes the PlaybackController when the first stream is to be played.
* @private
*/
function _initializeForFirstStream() {
addAllListeners();
isDynamic = streamInfo.manifestInfo.isDynamic;
playbackStalled = false;
internalSeek = false;
eventBus.on(Events.DATA_UPDATE_COMPLETED, _onDataUpdateCompleted, instance);
eventBus.on(Events.LOADING_PROGRESS, _onFragmentLoadProgress, instance);
eventBus.on(Events.MANIFEST_UPDATED, _onManifestUpdated, instance);
eventBus.on(Events.STREAMS_COMPOSED, _onStreamsComposed, instance);
eventBus.on(MediaPlayerEvents.PLAYBACK_ENDED, _onPlaybackEnded, instance, { priority: EventBus.EVENT_PRIORITY_HIGH });
eventBus.on(MediaPlayerEvents.STREAM_INITIALIZING, _onStreamInitializing, instance);
eventBus.on(MediaPlayerEvents.REPRESENTATION_SWITCH, _onRepresentationSwitch, instance);
eventBus.on(MediaPlayerEvents.BUFFER_LEVEL_STATE_CHANGED, _onBufferLevelStateChanged, instance);
if (playOnceInitialized) {
playOnceInitialized = false;
play();
}
}
/**
* Returns stalled state
* @return {boolean}
*/
function getPlaybackStalled() {
return playbackStalled
}
/**
* Returns remaining duration of a period
* @param {object} sInfo
* @return {number}
*/
function getTimeToStreamEnd(sInfo = null) {
return parseFloat((getStreamEndTime(sInfo) - getTime()).toFixed(5));
}
/**
* Returns end time of a period
* @param {object} sInfo
* @return {number}
*/
function getStreamEndTime(sInfo) {
const refInfo = sInfo ? sInfo : streamInfo;
return refInfo.start + refInfo.duration;
}
/**
* Triggers play() on the video element
*/
function play(adjustLiveDelay = false) {
if (streamInfo && videoModel && videoModel.getElement()) {
if (adjustLiveDelay && isDynamic) {
_adjustLiveDelayAfterUserInteraction(getTime());
}
videoModel.play();
} else {
playOnceInitialized = true;
}
}
/**
* Triggers pause() on the video element
*/
function pause() {
if (streamInfo && videoModel) {
videoModel.pause();
}
}
/**
* Triggers a seek to the specified media time. If internal is enabled there will be now "seeked" event dispatched
* @param {number} time
* @param {boolean} stickToBuffered
* @param {boolean} internal
* @param {boolean} adjustLiveDelay
*/
function seek(time, stickToBuffered = false, internal = false, adjustLiveDelay = false) {
if (!streamInfo || !videoModel) return;
let currentTime = !isNaN(seekTarget) ? seekTarget : videoModel.getTime();
if (time === currentTime) return;
internalSeek = (internal === true);
if (!internalSeek) {
seekTarget = time;
}
logger.info('Requesting seek to time: ' + time + (internalSeek ? ' (internal)' : ''));
// We adjust the current latency. If catchup is enabled we will maintain this new latency
if (isDynamic && adjustLiveDelay) {
_adjustLiveDelayAfterUserInteraction(time);
}
videoModel.setCurrentTime(time, stickToBuffered);
}
/**
* Seeks back to the live edge as defined by the originally calculated live delay
* @param {boolean} stickToBuffered
* @param {boolean} internal
* @param {boolean} adjustLiveDelay
*/
function seekToOriginalLive(stickToBuffered = false, internal = false, adjustLiveDelay = false) {
const dvrWindowEnd = _getDvrWindowEnd();
if (dvrWindowEnd === 0) {
return;
}
liveDelay = originalLiveDelay;
const seektime = dvrWindowEnd - liveDelay;
seek(seektime, stickToBuffered, internal, adjustLiveDelay);
}
/**
* Seeks to the live edge as currently defined by liveDelay
* @param {boolean} stickToBuffered
* @param {boolean} internal
* @param {boolean} adjustLiveDelay
*/
function seekToCurrentLive(stickToBuffered = false, internal = false, adjustLiveDelay = false) {
const dvrWindowEnd = _getDvrWindowEnd();
if (dvrWindowEnd === 0) {
return;
}
const seektime = dvrWindowEnd - liveDelay;
seek(seektime, stickToBuffered, internal, adjustLiveDelay);
}
function _getDvrWindowEnd() {
if (!streamInfo || !videoModel || !isDynamic) {
return;
}
const type = streamController && streamController.hasVideoTrack() ? Constants.VIDEO : Constants.AUDIO;
const dvrInfo = dashMetrics.getCurrentDVRInfo(type);
return dvrInfo && dvrInfo.range ? dvrInfo.range.end : 0;
}
function _adjustLiveDelayAfterUserInteraction(time) {
const now = new Date(timelineConverter.getClientReferenceTime());
const period = adapter.getRegularPeriods()[0];
const nowAsPresentationTime = timelineConverter.calcPresentationTimeFromWallTime(now, period);
liveDelay = nowAsPresentationTime - time;
}
/**
* Returns current time of video element
* @return {number|null}
*/
function getTime() {
return streamInfo && videoModel ? videoModel.getTime() : null;
}
/**
* Returns paused state of the video element
* @return {boolean|null}
*/
function isPaused() {
return streamInfo && videoModel ? videoModel.isPaused() : null;
}
/**
* Returns seeking state of the video element
* @return {boolean|null}
*/
function isSeeking() {
return streamInfo && videoModel ? videoModel.isSeeking() : null;
}
/**
* Returns stalled state of the video element
* @return {boolean|null}
*/
function isStalled() {
return streamInfo && videoModel ? videoModel.isStalled() : null;
}
/**
* Returns current playback rate of the video element
* @return {number|null}
*/
function getPlaybackRate() {
return streamInfo && videoModel ? videoModel.getPlaybackRate() : null;
}
/**
* Returns the played ranges of the video element
* @return {array}
*/
function getPlayedRanges() {
return streamInfo && videoModel ? videoModel.getPlayedRanges() : null;
}
/**
* Returns ended attribute of the video element
* @return {boolean|null}
*/
function getEnded() {
return streamInfo && videoModel ? videoModel.getEnded() : null;
}
/**
* Returns whether a stream is type dynamic or not
* @return {boolean}
*/
function getIsDynamic() {
return isDynamic;
}
/**
* Returns the StreamController
* @return {object}
*/
function getStreamController() {
return streamController;
}
/**
* Returns whether a manifest update is in progress
* @return {boolean}
*/
function getIsManifestUpdateInProgress() {
return manifestUpdateInProgress;
}
/**
* Returns the availabilityStartTime
* @return {number}
*/
function getAvailabilityStartTime() {
return availabilityStartTime;
}
/**
* Returns the current live delay. A seek triggered by the user adjusts this value.
* @return {number}
*/
function getLiveDelay() {
return liveDelay;
}
/**
* Returns the original live delay as calculated at playback start
*/
function getOriginalLiveDelay() {
return originalLiveDelay;
}
/**
* Returns the current live latency
* @return {number}
*/
function getCurrentLiveLatency() {
if (!isDynamic || isNaN(availabilityStartTime)) {
return NaN;
}
let currentTime = getTime();
if (isNaN(currentTime) || currentTime === 0) {
return 0;
}
const now = new Date().getTime() + timelineConverter.getClientTimeOffset() * 1000;
return Math.max(((now - availabilityStartTime - currentTime * 1000) / 1000).toFixed(3), 0);
}
/**
* Computes the desirable delay for the live edge to avoid a risk of getting 404 when playing at the bleeding edge
* @param {number} fragmentDuration - seconds?
* @param {object} manifestInfo
* @returns {number} object
* @memberof PlaybackController#
*/
function computeAndSetLiveDelay(fragmentDuration, manifestInfo) {
let delay,
ret,
startTime;
const MIN_BUFFER_TIME_FACTOR = 4;
const FRAGMENT_DURATION_FACTOR = 4;
const adjustedFragmentDuration = !isNaN(fragmentDuration) && isFinite(fragmentDuration) ? fragmentDuration : NaN;
let suggestedPresentationDelay = adapter.getSuggestedPresentationDelay();
const serviceDescriptionSettings = serviceDescriptionController.getServiceDescriptionSettings();
// Live delay specified by the user
if (!isNaN(settings.get().streaming.delay.liveDelay)) {
delay = settings.get().streaming.delay.liveDelay;
}
// Live delay fragment count specified by the user
else if (settings.get().streaming.delay.liveDelayFragmentCount !== null && !isNaN(settings.get().streaming.delay.liveDelayFragmentCount) && !isNaN(adjustedFragmentDuration)) {
delay = adjustedFragmentDuration * settings.get().streaming.delay.liveDelayFragmentCount;
}
// Live delay set via ServiceDescription element
else if (serviceDescriptionSettings && !isNaN(serviceDescriptionSettings.liveDelay) && serviceDescriptionSettings.liveDelay > 0) {
delay = serviceDescriptionSettings.liveDelay;
}
// Live delay set in the manifest using @suggestedPresentation Delay
else if (settings.get().streaming.delay.useSuggestedPresentationDelay === true && suggestedPresentationDelay !== null && !isNaN(suggestedPresentationDelay) && suggestedPresentationDelay > 0) {
delay = suggestedPresentationDelay;
}
// We found a fragment duration, use that to calculcate live delay
else if (!isNaN(adjustedFragmentDuration)) {
delay = adjustedFragmentDuration * FRAGMENT_DURATION_FACTOR;
}
// Fall back to @minBufferTime to calculate the live delay
else {
delay = manifestInfo && !isNaN(manifestInfo.minBufferTime) ? manifestInfo.minBufferTime * MIN_BUFFER_TIME_FACTOR : streamInfo.manifestInfo.minBufferTime * MIN_BUFFER_TIME_FACTOR;
}
startTime = adapter.getAvailabilityStartTime();
if (startTime !== null) {
availabilityStartTime = startTime;
}
if (manifestInfo && manifestInfo.dvrWindowSize > 0) {
// Latency can not be higher than DVR window size
ret = Math.min(delay, manifestInfo.dvrWindowSize);
} else {
ret = delay;
}
liveDelay = ret;
originalLiveDelay = ret;
return ret;
}
function setConfig(config) {
if (!config) return;
if (config.streamController) {
streamController = config.streamController;
}
if (config.serviceDescriptionController) {
serviceDescriptionController = config.serviceDescriptionController;
}
if (config.dashMetrics) {
dashMetrics = config.dashMetrics;
}
if (config.adapter) {
adapter = config.adapter;
}
if (config.videoModel) {
videoModel = config.videoModel;
}
if (config.timelineConverter) {
timelineConverter = config.timelineConverter;
}
if (config.settings) {
settings = config.settings;
}
}
/**
* Compare the current time of the video against the DVR window. If we are out of the DVR window we need to seek.
* @param {object} mediaType
*/
function updateCurrentTime(mediaType = null) {
if (isPaused() || !isDynamic || videoModel.getReadyState() === 0 || isSeeking() || manifestUpdateInProgress) return;
// Note: In some cases we filter certain media types completely (for instance due to an unsupported video codec). This happens after the first entry to the DVR metric has been added.
// Now the DVR window for the filtered media type is not updated anymore. Consequently, always use a mediaType that is available to get a valid DVR window.
if (!mediaType) {
mediaType = streamController.hasVideoTrack() ? Constants.VIDEO : Constants.AUDIO;
}
// Compare the current time of the video element against the range defined in the DVR window.
const currentTime = getTime();
const actualTime = _getAdjustedPresentationTime(currentTime, mediaType);
const timeChanged = (!isNaN(actualTime) && actualTime !== currentTime);
if (timeChanged && !isSeeking() && (isStalled() || playbackStalled || videoModel.getReadyState() === 1)) {
logger.debug(`UpdateCurrentTime: Seek to actual time: ${actualTime} from currentTime: ${currentTime}`);
seek(actualTime, false, false);
}
}
/**
* Adjust the presentation time based on the DVR window. If we are out of the DVR window we return a corrected time
* @param {number} currentTime
* @param {string} mediatype
* @return {number}
* @private
*/
function _getAdjustedPresentationTime(currentTime, mediatype) {
const DVRMetrics = dashMetrics.getCurrentDVRInfo(mediatype);
const DVRWindow = DVRMetrics ? DVRMetrics.range : null;
let actualTime;
if (!DVRWindow) {
return NaN;
}
if (currentTime > DVRWindow.end) {
actualTime = Math.max(DVRWindow.end - liveDelay, DVRWindow.start);
} else if (currentTime > 0 && currentTime + 0.250 < DVRWindow.start && Math.abs(currentTime - DVRWindow.start) < 315360000) {
// Checking currentTime plus 250ms as the 'timeupdate' is fired with a frequency between 4Hz and 66Hz
// https://developer.mozilla.org/en-US/docs/Web/Events/timeupdate
// http://w3c.github.io/html/single-page.html#offsets-into-the-media-resource
// Checking also duration of the DVR makes sense. We detected temporary situations in which currentTime
// is bad reported by the browser which causes playback to jump to start (315360000 = 1 year)
if (lowLatencyModeEnabled) {
actualTime = Math.max(DVRWindow.end - liveDelay, DVRWindow.start);
} else {
actualTime = DVRWindow.start;
}
} else {
actualTime = currentTime;
}
return actualTime;
}
/**
* Start interval handler for wallclock time update
*/
function startUpdatingWallclockTime() {
if (wallclockTimeIntervalId !== null) return;
wallclockTimeIntervalId = setInterval(() => {
_onWallclockTime();
}, settings.get().streaming.wallclockTimeUpdateInterval);
}
/**
* Stop the interval handler for the wallclock time update
*/
function stopUpdatingWallclockTime() {
clearInterval(wallclockTimeIntervalId);
wallclockTimeIntervalId = null;
}
function _onDataUpdateCompleted(e) {
const representationInfo = adapter.convertRepresentationToRepresentationInfo(e.currentRepresentation);
const info = representationInfo ? representationInfo.mediaInfo.streamInfo : null;
if (info === null || streamInfo.id !== info.id) return;
streamInfo = info;
}
function _onCanPlay() {
eventBus.trigger(Events.CAN_PLAY);
}
function _onCanPlayThrough() {
eventBus.trigger(Events.CAN_PLAY_THROUGH);
}
function _onBufferLevelStateChanged(e) {
// do not stall playback when get an event from Stream that is not active
if (e.streamId !== streamController.getActiveStreamInfo().id) {
return;
}
playbackStalled = e.state === MetricsConstants.BUFFER_EMPTY;
if (settings.get().streaming.buffer.setStallState) {
videoModel.setStallState(e.mediaType, e.state === MetricsConstants.BUFFER_EMPTY);
}
}
function _onPlaybackStart() {
logger.info('Native video element event: play');
updateCurrentTime();
startUpdatingWallclockTime();
eventBus.trigger(Events.PLAYBACK_STARTED, { startTime: getTime() });
}
function _onPlaybackWaiting() {
logger.info('Native video element event: waiting');
eventBus.trigger(Events.PLAYBACK_WAITING, { playingTime: getTime() });
}
function _onPlaybackPlaying() {
logger.info('Native video element event: playing');
internalSeek = false;
eventBus.trigger(Events.PLAYBACK_PLAYING, { playingTime: getTime() });
}
function _onPlaybackPaused() {
logger.info('Native video element event: pause');
eventBus.trigger(Events.PLAYBACK_PAUSED, { ended: getEnded() });
}
function _onPlaybackSeeking() {
// Check if internal seeking to be ignored
if (internalSeek) {
return;
}
let seekTime = getTime();
// On some browsers/devices, in case of live streams, setting current time on video element fails when there is no buffered data at requested time
// Then re-set seek target time and video element will be seeked afterwhile once data is buffered (see BufferContoller)
if (!isNaN(seekTarget) && seekTarget !== seekTime) {
seekTime = seekTarget;
}
seekTarget = NaN;
logger.info('Seeking to: ' + seekTime);
startUpdatingWallclockTime();
eventBus.trigger(Events.PLAYBACK_SEEKING, {
seekTime: seekTime,
streamId: streamInfo.id
});
}
function _onPlaybackSeeked() {
logger.info('Native video element event: seeked');
internalSeek = false;
eventBus.trigger(Events.PLAYBACK_SEEKED);
}
function _onPlaybackTimeUpdated() {
if (streamInfo) {
eventBus.trigger(Events.PLAYBACK_TIME_UPDATED, {
timeToEnd: getTimeToStreamEnd(),
time: getTime(),
streamId: streamInfo.id
});
}
}
function _onPlaybackProgress() {
eventBus.trigger(Events.PLAYBACK_PROGRESS, { streamId: streamInfo.id });
}
function _onPlaybackRateChanged() {
const rate = getPlaybackRate();
logger.info('Native video element event: ratechange: ', rate);
eventBus.trigger(Events.PLAYBACK_RATE_CHANGED, { playbackRate: rate });
}
function _onPlaybackMetaDataLoaded() {
logger.info('Native video element event: loadedmetadata');
eventBus.trigger(Events.PLAYBACK_METADATA_LOADED);
startUpdatingWallclockTime();
}
function _onPlaybackLoadedData() {
logger.info('Native video element event: loadeddata');
eventBus.trigger(Events.PLAYBACK_LOADED_DATA);
}
// Event to handle the native video element ended event
function _onNativePlaybackEnded() {
logger.info('Native video element event: ended');
pause();
stopUpdatingWallclockTime();
const streamInfo = streamController ? streamController.getActiveStreamInfo() : null;
if (!streamInfo) return;
eventBus.trigger(Events.PLAYBACK_ENDED, { 'isLast': streamInfo.isLast });
}
function _onVolumeChanged() {
eventBus.trigger(Events.PLAYBACK_VOLUME_CHANGED);
}
// Handle DASH PLAYBACK_ENDED event
function _onPlaybackEnded(e) {
if (wallclockTimeIntervalId && e.isLast) {
// PLAYBACK_ENDED was triggered elsewhere, react.
logger.info('onPlaybackEnded -- PLAYBACK_ENDED but native video element didn\'t fire ended');
const seekTime = e.seekTime ? e.seekTime : getStreamEndTime();
videoModel.setCurrentTime(seekTime);
pause();
stopUpdatingWallclockTime();
}
}
function _onPlaybackError(event) {
const target = event.target || event.srcElement;
eventBus.trigger(Events.PLAYBACK_ERROR, { error: target.error });
}
function _onWallclockTime() {
eventBus.trigger(Events.WALLCLOCK_TIME_UPDATED, {
isDynamic: isDynamic,
time: new Date()
});
// Updates playback time for paused dynamic streams
// (video element doesn't call timeupdate when the playback is paused)
if (getIsDynamic()) {
streamController.addDVRMetric();
if (isPaused()) {
_updateLivePlaybackTime();
} else {
updateCurrentTime();
}
}
}
function _updateLivePlaybackTime() {
const now = Date.now();
if (!lastLivePlaybackTime || now > lastLivePlaybackTime + LIVE_UPDATE_PLAYBACK_TIME_INTERVAL_MS) {
lastLivePlaybackTime = now;
_onPlaybackTimeUpdated();
}
}
/**
* Returns the combined minimum buffer level of all StreamProcessors. If a filter list is provided the types specified in the filter list are excluded.
* @param {array} filterList StreamProcessor types to exclude
* @return {null}
*/
function getBufferLevel(filterList = null) {
let bufferLevel = null;
streamController.getActiveStreamProcessors().forEach(p => {
if (!filterList || filterList.length === 0 || filterList.indexOf(p.getType()) === -1) {
const bl = p.getBufferLevel();
if (bufferLevel === null) {
bufferLevel = bl;
} else {
bufferLevel = Math.min(bufferLevel, bl);
}
}
});
return bufferLevel;
}
/**
* Returns the value of lowLatencyModeEnabled
* @return {boolean} lowLatencyModeEnabled
*/
function getLowLatencyModeEnabled() {
return lowLatencyModeEnabled
}
function _onFragmentLoadProgress(e) {
// If using fetch and stream mode is not available, readjust live latency so it is 20% higher than segment duration
if (e.stream === false && lowLatencyModeEnabled && !isNaN(e.request.duration)) {
const minDelay = 1.2 * e.request.duration;
if (minDelay > liveDelay) {
logger.warn('Browser does not support fetch API with StreamReader. Increasing live delay to be 20% higher than segment duration:', minDelay.toFixed(2));
liveDelay = minDelay;
originalLiveDelay = minDelay;
}
}
}
function onPlaybackStalled(e) {
eventBus.trigger(Events.PLAYBACK_STALLED, { e: e });
}
function _onStreamInitializing(e) {
_checkEnableLowLatency(e.mediaInfo);
}
/**
* We enable low latency playback if for the current representation availabilityTimeComplete is set to false
* @param e
* @private
*/
function _onRepresentationSwitch(e) {
const activeStreamInfo = streamController.getActiveStreamInfo();
if (!e || !activeStreamInfo || !e.currentRepresentation || !e.streamId || e.streamId !== activeStreamInfo.id || !e.mediaType || (e.mediaType !== Constants.VIDEO && e.mediaType !== Constants.AUDIO)) {
return;
}
availabilityTimeComplete = e.currentRepresentation.availabilityTimeComplete;
lowLatencyModeEnabled = !availabilityTimeComplete;
// If we enable low latency mode for the first time we also enable the catchup mechanism. This can be deactivated again for instance if the user seeks within the DVR window. We leave deactivation up to the application but also do not activate automatically again.
if (lowLatencyModeEnabled && !initialCatchupModeActivated) {
initialCatchupModeActivated = true;
}
}
function getInitialCatchupModeActivated() {
return initialCatchupModeActivated;
}
/**
* A new manifest has been loaded, updating is still in progress.
* @private
*/
function _onManifestUpdated() {
manifestUpdateInProgress = true;
}
/**
* Manifest update was completed
* @private
*/
function _onStreamsComposed() {
manifestUpdateInProgress = false;
}
function _checkEnableLowLatency(mediaInfo) {
if (mediaInfo && mediaInfo.supplementalProperties &&
mediaInfo.supplementalProperties[Constants.SUPPLEMENTAL_PROPERTY_DVB_LL_SCHEME] === 'true') {
logger.debug('Low Latency critical SupplementalProperty set: Enabling low Latency');
lowLatencyModeEnabled = true;
}
}
function addAllListeners() {
videoModel.addEventListener('canplay', _onCanPlay);
videoModel.addEventListener('canplaythrough', _onCanPlayThrough);
videoModel.addEventListener('play', _onPlaybackStart);
videoModel.addEventListener('waiting', _onPlaybackWaiting);
videoModel.addEventListener('playing', _onPlaybackPlaying);
videoModel.addEventListener('pause', _onPlaybackPaused);
videoModel.addEventListener('error', _onPlaybackError);
videoModel.addEventListener('seeking', _onPlaybackSeeking);
videoModel.addEventListener('seeked', _onPlaybackSeeked);
videoModel.addEventListener('timeupdate', _onPlaybackTimeUpdated);
videoModel.addEventListener('progress', _onPlaybackProgress);
videoModel.addEventListener('ratechange', _onPlaybackRateChanged);
videoModel.addEventListener('loadedmetadata', _onPlaybackMetaDataLoaded);
videoModel.addEventListener('loadeddata', _onPlaybackLoadedData);
videoModel.addEventListener('stalled', onPlaybackStalled);
videoModel.addEventListener('ended', _onNativePlaybackEnded);
videoModel.addEventListener('volumechange', _onVolumeChanged);
}
function removeAllListeners() {
videoModel.removeEventListener('canplay', _onCanPlay);
videoModel.removeEventListener('canplaythrough', _onCanPlayThrough);
videoModel.removeEventListener('play', _onPlaybackStart);
videoModel.removeEventListener('waiting', _onPlaybackWaiting);
videoModel.removeEventListener('playing', _onPlaybackPlaying);
videoModel.removeEventListener('pause', _onPlaybackPaused);
videoModel.removeEventListener('error', _onPlaybackError);
videoModel.removeEventListener('seeking', _onPlaybackSeeking);
videoModel.removeEventListener('seeked', _onPlaybackSeeked);
videoModel.removeEventListener('timeupdate', _onPlaybackTimeUpdated);
videoModel.removeEventListener('progress', _onPlaybackProgress);
videoModel.removeEventListener('ratechange', _onPlaybackRateChanged);
videoModel.removeEventListener('loadedmetadata', _onPlaybackMetaDataLoaded);
videoModel.removeEventListener('loadeddata', _onPlaybackLoadedData);
videoModel.removeEventListener('stalled', onPlaybackStalled);
videoModel.removeEventListener('ended', _onNativePlaybackEnded);
videoModel.removeEventListener('volumechange', _onVolumeChanged);
}
instance = {
initialize,
setConfig,
getTimeToStreamEnd,
getBufferLevel,
getPlaybackStalled,
getTime,
getLowLatencyModeEnabled,
getInitialCatchupModeActivated,
getIsManifestUpdateInProgress,
getPlaybackRate,
getPlayedRanges,
getEnded,
getIsDynamic,
getStreamController,
computeAndSetLiveDelay,
getLiveDelay,
getOriginalLiveDelay,
getCurrentLiveLatency,
play,
isPaused,
isStalled,
pause,
isSeeking,
getStreamEndTime,
seek,
seekToOriginalLive,
seekToCurrentLive,
reset,
updateCurrentTime,
getAvailabilityStartTime
};
setup();
return instance;
}
PlaybackController.__dashjs_factory_name = 'PlaybackController';
export default FactoryMaker.getSingletonFactory(PlaybackController);
</pre>
</article>
</section>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="modal fade" id="searchResults">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">Search results</h4>
</div>
<div class="modal-body"></div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>
<footer>
<span class="copyright">
<h3>DASH Industry Forum</h3>
</span>
<span class="jsdoc-message">
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.7</a>
on Wed Sep 28th 2022
using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>.
</span>
</footer>
<script src="scripts/docstrap.lib.js"></script>
<script src="scripts/toc.js"></script>
<script type="text/javascript" src="scripts/fulltext-search-ui.js"></script>
<script>
$( function () {
$( "[id*='$']" ).each( function () {
var $this = $( this );
$this.attr( "id", $this.attr( "id" ).replace( "$", "__" ) );
} );
$( ".tutorial-section pre, .readme-section pre, pre.prettyprint.source" ).each( function () {
var $this = $( this );
var example = $this.find( "code" );
exampleText = example.html();
var lang = /{@lang (.*?)}/.exec( exampleText );
if ( lang && lang[1] ) {
exampleText = exampleText.replace( lang[0], "" );
example.html( exampleText );
lang = lang[1];
} else {
var langClassMatch = example.parent()[0].className.match(/lang\-(\S+)/);
lang = langClassMatch ? langClassMatch[1] : "javascript";
}
if ( lang ) {
$this
.addClass( "sunlight-highlight-" + lang )
.addClass( "linenums" )
.html( example.html() );
}
} );
Sunlight.highlightAll( {
lineNumbers : true,
showMenu : true,
enableDoclinks : true
} );
$.catchAnchorLinks( {
navbarOffset: 10
} );
$( "#toc" ).toc( {
anchorName : function ( i, heading, prefix ) {
return $( heading ).attr( "id" ) || ( prefix + i );
},
selectors : "#toc-content h1,#toc-content h2,#toc-content h3,#toc-content h4",
showAndHide : false,
smoothScrolling: true
} );
$( "#main span[id^='toc']" ).addClass( "toc-shim" );
$( '.dropdown-toggle' ).dropdown();
$( "table" ).each( function () {
var $this = $( this );
$this.addClass('table');
} );
} );
</script>
<!--Navigation and Symbol Display-->
<script>
$( function () {
$( '#main' ).localScroll( {
offset : { top : 60 } //offset by the height of your header (give or take a few px, see what works for you)
} );
$( "dt.name" ).each( function () {
var $this = $( this ).find("h4");
var icon = $( "<i/>" ).addClass( "icon-plus-sign" ).addClass( "pull-right" ).addClass( "icon-white" );
var dt = $(this);
var children = dt.next( "dd" );
dt.prepend( icon ).css( {cursor : "pointer"} );
dt.addClass( "member-collapsed" ).addClass( "member" );
children.hide();
dt.children().on( "click", function () {
children = dt.next( "dd" );
children.slideToggle( "fast", function () {
if ( children.is( ":visible" ) ) {
icon.addClass( "icon-minus-sign" ).removeClass( "icon-plus-sign" ).removeClass( "icon-white" );
dt.addClass( "member-open" ).animate( "member-collapsed" );
} else {
icon.addClass( "icon-plus-sign" ).removeClass( "icon-minus-sign" ).addClass( "icon-white" );
dt.addClass( "member-collapsed" ).removeClass( "member-open" );
}
} );
} );
} );
} );
</script>
<!--Google Analytics-->
<script type="text/javascript">
$(document).ready(function() {
SearcherDisplay.init();
});
</script>
</body>
</html>