Merge pull request #757 from jorgeucano/master

Feat: add event for play/pause/skip IMA-ADS

Author: Elecash

src/ima-ads/vg-ima-ads.ts

@@ -1,5 +1,5 @@
 ///<reference path='./google.ima.ts'/>
-import { Component, ElementRef, Input, HostBinding, ViewEncapsulation, OnInit, OnDestroy } from '@angular/core';
+import { Component, ElementRef, Input, HostBinding, ViewEncapsulation, OnInit, OnDestroy, Output, EventEmitter } from '@angular/core';
 import { IPlayable } from '../core/vg-media/i-playable';
 import { VgAPI } from '../core/services/vg-api';
 import { VgEvents } from '../core/events/vg-events';
@@ -34,6 +34,10 @@ export class VgImaAds implements OnInit, OnDestroy {
     @Input() vgAdTagUrl: string;
     @Input() vgSkipButton: string;
 
+    @Output() onAdStart: EventEmitter<boolean> = new EventEmitter();
+    @Output() onAdStop: EventEmitter<boolean> = new EventEmitter();
+    @Output() onSkipAd: EventEmitter<boolean> = new EventEmitter();
+
     elem: HTMLElement;
     target: IPlayable;
     ima: Ima;
@@ -225,15 +229,18 @@ export class VgImaAds implements OnInit, OnDestroy {
 
     onClickSkip() {
         this.ima.adsManager.skip();
+        this.onSkipAd.emit(true);
     }
 
     onContentPauseRequested() {
         this.show();
         this.API.pause();
+        this.onAdStop.emit(true);
     }
 
     onContentResumeRequested() {
         this.API.play();
+        this.onAdStart.emit(true);
         this.hide();
     }
 
@@ -243,19 +250,22 @@ export class VgImaAds implements OnInit, OnDestroy {
         }
         this.hide();
         this.API.play();
+        this.onAdStop.emit(true);
     }
 
     onAllAdsComplete() {
         this.hide();
         // The last ad was a post-roll
         if (this.ima.adsManager.getCuePoints().join().indexOf('-1') >= 0) {
             this.API.pause(); // it was stop() in Videogular v1
+            this.onAdStop.emit(true);
         }
     }
 
     onAdComplete() {
         // TODO: Update view with current ad count
         this.ima.currentAd++;
+        this.onAdStop.emit(true);
     }
 
     show() {
@@ -270,6 +280,7 @@ export class VgImaAds implements OnInit, OnDestroy {
 
     onContentEnded() {
         this.ima.adsLoader.contentComplete();
+        this.onAdStop.emit(true);
     }
 
     onChangeFullscreen(fsState: boolean) {