ProximaEntertainment/plyr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Normalised event names and removed unused

Browse Source
This commit is contained in:
Sam Potts
2018-03-11 12:54:51 +11:00
parent 9a0c1c830d
commit b3365a7373
9 changed files with 196 additions and 172 deletions
Download Patch File Download Diff File Expand all files Collapse all files

159
dist/plyr.js vendored
View File

@ -3710,7 +3710,6 @@ var controls = {
// Plyr Event Listeners
// ==========================================================================
// Sniff out the browser
var browser$1 = utils.getBrowser();
var Listeners = function () {
@ -4411,38 +4410,49 @@ var Ads = function () {
// Setup a promise to resolve when the IMA manager is ready
this.managerPromise = new Promise(function (resolve, reject) {
// The ad is pre-loaded and ready
_this.on('ADS_MANAGER_LOADED', resolve);
// The ad is loaded and ready
_this.on('loaded', resolve);
// Ads failed
_this.on('ERROR', reject);
_this.on('error', reject);
});
if (this.enabled) {
// Check if the Google IMA3 SDK is loaded or load it ourselves
if (!utils.is.object(window.google)) {
utils.loadScript(player.config.urls.googleIMA.api).then(function () {
_this.ready();
}).catch(function () {
// Script failed to load or is blocked
_this.trigger('ERROR');
_this.player.debug.error('Google IMA SDK failed to load');
});
} else {
this.ready();
}
}
this.load();
}
/**
* Get the ads instance ready.
* Load the IMA SDK
*/
createClass(Ads, [{
key: 'load',
value: function load() {
var _this2 = this;
if (this.enabled) {
// Check if the Google IMA3 SDK is loaded or load it ourselves
if (!utils.is.object(window.google)) {
utils.loadScript(this.player.config.urls.googleIMA.api).then(function () {
_this2.ready();
}).catch(function () {
// Script failed to load or is blocked
_this2.trigger('error', new Error('Google IMA SDK failed to load'));
});
} else {
this.ready();
}
}
}
/**
* Get the ads instance ready
*/
}, {
key: 'ready',
value: function ready() {
var _this2 = this;
var _this3 = this;
// Start ticking our safety timer. If the whole advertisement
// thing doesn't resolve within our set time; we bail
@ -4450,7 +4460,7 @@ var Ads = function () {
// Clear the safety timer
this.managerPromise.then(function () {
_this2.clearSafetyTimer('onAdsManagerLoaded()');
_this3.clearSafetyTimer('onAdsManagerLoaded()');
});
// Set listeners on the Plyr instance
@ -4502,7 +4512,7 @@ var Ads = function () {
}, {
key: 'requestAds',
value: function requestAds() {
var _this3 = this;
var _this4 = this;
var container = this.player.elements.container;
@ -4513,10 +4523,10 @@ var Ads = function () {
// Listen and respond to ads loaded and error events
this.loader.addEventListener(google.ima.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED, function (event) {
return _this3.onAdsManagerLoaded(event);
return _this4.onAdsManagerLoaded(event);
}, false);
this.loader.addEventListener(google.ima.AdErrorEvent.Type.AD_ERROR, function (error) {
return _this3.onAdError(error);
return _this4.onAdError(error);
}, false);
// Request video ads
@ -4535,7 +4545,7 @@ var Ads = function () {
this.loader.requestAds(request);
this.trigger('ADS_LOADER_LOADED');
this.trigger('loaded');
} catch (e) {
this.onAdError(e);
}
@ -4549,7 +4559,7 @@ var Ads = function () {
}, {
key: 'pollCountdown',
value: function pollCountdown() {
var _this4 = this;
var _this5 = this;
var start = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
@ -4560,9 +4570,9 @@ var Ads = function () {
}
var update = function update() {
var time = utils.formatTime(Math.max(_this4.manager.getRemainingTime(), 0));
var label = _this4.player.config.i18n.advertisement + ' - ' + time;
_this4.elements.container.setAttribute('data-badge-text', label);
var time = utils.formatTime(Math.max(_this5.manager.getRemainingTime(), 0));
var label = _this5.player.config.i18n.advertisement + ' - ' + time;
_this5.elements.container.setAttribute('data-badge-text', label);
};
this.countdownTimer = window.setInterval(update, 100);
@ -4576,7 +4586,7 @@ var Ads = function () {
}, {
key: 'onAdsManagerLoaded',
value: function onAdsManagerLoaded(adsManagerLoadedEvent) {
var _this5 = this;
var _this6 = this;
// Get the ads manager
var settings = new google.ima.AdsRenderingSettings();
@ -4594,13 +4604,13 @@ var Ads = function () {
// Add advertisement cue's within the time line if available
this.cuePoints.forEach(function (cuePoint) {
if (cuePoint !== 0 && cuePoint !== -1 && cuePoint < _this5.player.duration) {
var seekElement = _this5.player.elements.progress;
if (cuePoint !== 0 && cuePoint !== -1 && cuePoint < _this6.player.duration) {
var seekElement = _this6.player.elements.progress;
if (seekElement) {
var cuePercentage = 100 / _this5.player.duration * cuePoint;
var cuePercentage = 100 / _this6.player.duration * cuePoint;
var cue = utils.createElement('span', {
class: _this5.player.config.classNames.cues
class: _this6.player.config.classNames.cues
});
cue.style.left = cuePercentage.toString() + '%';
@ -4619,18 +4629,18 @@ var Ads = function () {
// Add listeners to the required events
// Advertisement error events
this.manager.addEventListener(google.ima.AdErrorEvent.Type.AD_ERROR, function (error) {
return _this5.onAdError(error);
return _this6.onAdError(error);
});
// Advertisement regular events
Object.keys(google.ima.AdEvent.Type).forEach(function (type) {
_this5.manager.addEventListener(google.ima.AdEvent.Type[type], function (event) {
return _this5.onAdEvent(event);
_this6.manager.addEventListener(google.ima.AdEvent.Type[type], function (event) {
return _this6.onAdEvent(event);
});
});
// Resolve our adsManager
this.trigger('ADS_MANAGER_LOADED');
this.trigger('loaded');
}
/**
@ -4643,7 +4653,7 @@ var Ads = function () {
}, {
key: 'onAdEvent',
value: function onAdEvent(event) {
var _this6 = this;
var _this7 = this;
var container = this.player.elements.container;
@ -4654,14 +4664,14 @@ var Ads = function () {
// Proxy event
var dispatchEvent = function dispatchEvent(type) {
utils.dispatchEvent.call(_this6.player, _this6.player.media, 'ads' + type);
utils.dispatchEvent.call(_this7.player, _this7.player.media, 'ads' + type);
};
switch (event.type) {
case google.ima.AdEvent.Type.LOADED:
// This is the first event sent for an ad - it is possible to determine whether the
// ad is a video ad or an overlay
this.trigger('LOADED');
this.trigger('loaded');
// Bubble event
dispatchEvent('loaded');
@ -4682,7 +4692,6 @@ var Ads = function () {
case google.ima.AdEvent.Type.ALL_ADS_COMPLETED:
// All ads for the current videos are done. We can now request new advertisements
// in case the video is re-played
this.trigger('ALL_ADS_COMPLETED');
// Fire event
dispatchEvent('allcomplete');
@ -4717,7 +4726,6 @@ var Ads = function () {
// This event indicates the ad has started - the video player can adjust the UI,
// for example display a pause button and remaining time. Fired when content should
// be paused. This usually happens right before an ad is about to cover the content
this.trigger('CONTENT_PAUSE_REQUESTED');
dispatchEvent('contentpause');
@ -4730,7 +4738,6 @@ var Ads = function () {
// appropriate UI actions, such as removing the timer for remaining time detection.
// Fired when content should be resumed. This usually happens when an ad finishes
// or collapses
this.trigger('CONTENT_RESUME_REQUESTED');
dispatchEvent('contentresume');
@ -4774,7 +4781,7 @@ var Ads = function () {
key: 'onAdError',
value: function onAdError(event) {
this.cancel();
this.player.debug.log('Ads error', event);
this.player.debug.warn('Ads error', event);
}
/**
@ -4786,7 +4793,7 @@ var Ads = function () {
}, {
key: 'listeners',
value: function listeners() {
var _this7 = this;
var _this8 = this;
var container = this.player.elements.container;
@ -4794,21 +4801,21 @@ var Ads = function () {
// Add listeners to the required events
this.player.on('ended', function () {
_this7.loader.contentComplete();
_this8.loader.contentComplete();
});
this.player.on('seeking', function () {
time = _this7.player.currentTime;
time = _this8.player.currentTime;
return time;
});
this.player.on('seeked', function () {
var seekedTime = _this7.player.currentTime;
var seekedTime = _this8.player.currentTime;
_this7.cuePoints.forEach(function (cuePoint, index) {
_this8.cuePoints.forEach(function (cuePoint, index) {
if (time < cuePoint && cuePoint < seekedTime) {
_this7.manager.discardAdBreak();
_this7.cuePoints.splice(index, 1);
_this8.manager.discardAdBreak();
_this8.cuePoints.splice(index, 1);
}
});
});
@ -4816,7 +4823,7 @@ var Ads = function () {
// Listen to the resizing of the window. And resize ad accordingly
// TODO: eventually implement ResizeObserver
window.addEventListener('resize', function () {
_this7.manager.resize(container.offsetWidth, container.offsetHeight, google.ima.ViewMode.NORMAL);
_this8.manager.resize(container.offsetWidth, container.offsetHeight, google.ima.ViewMode.NORMAL);
});
}
@ -4827,7 +4834,7 @@ var Ads = function () {
}, {
key: 'play',
value: function play() {
var _this8 = this;
var _this9 = this;
var container = this.player.elements.container;
@ -4839,29 +4846,29 @@ var Ads = function () {
// Play the requested advertisement whenever the adsManager is ready
this.managerPromise.then(function () {
// Initialize the container. Must be done via a user action on mobile devices
_this8.elements.displayContainer.initialize();
_this9.elements.displayContainer.initialize();
try {
if (!_this8.initialized) {
if (!_this9.initialized) {
// Initialize the ads manager. Ad rules playlist will start at this time
_this8.manager.init(container.offsetWidth, container.offsetHeight, google.ima.ViewMode.NORMAL);
_this9.manager.init(container.offsetWidth, container.offsetHeight, google.ima.ViewMode.NORMAL);
// Call play to start showing the ad. Single video and overlay ads will
// start at this time; the call will be ignored for ad rules
_this8.manager.start();
_this9.manager.start();
}
_this8.initialized = true;
_this9.initialized = true;
} catch (adError) {
// An error may be thrown if there was a problem with the
// VAST response
_this8.onAdError(adError);
_this9.onAdError(adError);
}
});
}
/**
* Resume our video.
* Resume our video
*/
}, {
@ -4912,7 +4919,7 @@ var Ads = function () {
}
// Tell our instance that we're done for now
this.trigger('ERROR');
this.trigger('error');
// Re-create our adsManager
this.loadAds();
@ -4925,23 +4932,23 @@ var Ads = function () {
}, {
key: 'loadAds',
value: function loadAds() {
var _this9 = this;
var _this10 = this;
// Tell our adsManager to go bye bye
this.managerPromise.then(function () {
// Destroy our adsManager
if (_this9.manager) {
_this9.manager.destroy();
if (_this10.manager) {
_this10.manager.destroy();
}
// Re-set our adsManager promises
_this9.managerPromise = new Promise(function (resolve) {
_this9.on('ADS_MANAGER_LOADED', resolve);
_this9.player.debug.log(_this9.manager);
_this10.managerPromise = new Promise(function (resolve) {
_this10.on('loaded', resolve);
_this10.player.debug.log(_this10.manager);
});
// Now request some new advertisements
_this9.requestAds();
_this10.requestAds();
});
}
@ -4953,14 +4960,18 @@ var Ads = function () {
}, {
key: 'trigger',
value: function trigger(event) {
var _this10 = this;
var _this11 = this;
for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
args[_key - 1] = arguments[_key];
}
var handlers = this.events[event];
if (utils.is.array(handlers)) {
handlers.forEach(function (handler) {
if (utils.is.function(handler)) {
handler.call(_this10);
handler.apply(_this11, args);
}
});
}
@ -4997,13 +5008,13 @@ var Ads = function () {
}, {
key: 'startSafetyTimer',
value: function startSafetyTimer(time, from) {
var _this11 = this;
var _this12 = this;
this.player.debug.log('Safety timer invoked from: ' + from);
this.safetyTimer = setTimeout(function () {
_this11.cancel();
_this11.clearSafetyTimer('startSafetyTimer()');
_this12.cancel();
_this12.clearSafetyTimer('startSafetyTimer()');
}, time);
}