fix(FEC-9523): add attach detach implemention

src/flash.js

@@ -45,7 +45,7 @@ class Flash extends FakeEventTarget implements IEngine {
    * @type {Object}
    * @private
    */
-  _config: ?Object = null;
+  _config: Object;
 
   /**
    * Promise when load finished
@@ -75,7 +75,20 @@ class Flash extends FakeEventTarget implements IEngine {
    */
   _eventManager: EventManager = null;
 
-  _srcToLoad: ?string = null;
+  _source: PKMediaSourceObject;
+  /**
+   * The last time detach occurred
+   * @type {number}
+   * @private
+   */
+  _lastTimeDetach: ?number = NaN;
+
+  /**
+   * The start time after attach
+   * @type {number}
+   * @private
+   */
+  _startTimeAttach: ?number = NaN;
 
   /**
    * The state of player mute
@@ -182,12 +195,22 @@ class Flash extends FakeEventTarget implements IEngine {
   constructor(source: PKMediaSourceObject, config: Object) {
     super();
     this._el = Utils.Dom.createElement('div');
-    this._init(source, config);
+    this.init(source, config);
   }
 
-  attachMediaSource(): void {}
+  attachMediaSource(): void {
+    this.init(this._source, this._config);
+    this._startTimeAttach = this._lastTimeDetach;
+    this._lastTimeDetach = null;
+  }
 
-  detachMediaSource(): void {}
+  detachMediaSource(): void {
+    this._lastTimeDetach = this.currentTime;
+    const {_source, _config} = this;
+    this.destroy();
+    Utils.Object.mergeDeep(this, {_source, _config});
+    this._loadPromise = null;
+  }
 
   hideTextTrack(): void {}
 
@@ -197,26 +220,29 @@ class Flash extends FakeEventTarget implements IEngine {
 
   exitPictureInPicture(): void {}
 
-  _init(source: PKMediaSourceObject, config: Object): void {
+  init(source: PKMediaSourceObject, config: Object): void {
     this._eventManager = new EventManager();
     this._config = config;
+    this._source = source;
     if (this._el) {
       this._api = new FlashHLSAdapter(source, config, this._el);
       this._api.attach();
       this._addBindings();
-      this._srcToLoad = source.url;
     }
   }
 
   reset(): void {
     if (this._api) {
       this._api.reset();
     }
+    if (this._eventManager) {
+      this._eventManager.removeAll();
+    }
+
     this._src = null;
-    this._config = null;
     this._volume = null;
     this._volumeBeforeMute = null;
-    this._srcToLoad = null;
+    this._muted = this.defaultMuted;
   }
 
   /**
@@ -227,7 +253,7 @@ class Flash extends FakeEventTarget implements IEngine {
    */
   restore(source: PKMediaSourceObject, config: Object): void {
     this.destroy();
-    this._init(source, config);
+    this.init(source, config);
   }
 
   /**
@@ -282,6 +308,7 @@ class Flash extends FakeEventTarget implements IEngine {
       this._api.destroy();
       this._eventManager.destroy();
       this.reset();
+      this._api = null;
     }
   }
 
@@ -302,8 +329,11 @@ class Flash extends FakeEventTarget implements IEngine {
         EventType.SEEKING,
         EventType.SEEKED,
         EventType.ENDED,
+        EventType.TEXT_CUE_CHANGED,
         EventType.VIDEO_TRACK_CHANGED,
         EventType.AUDIO_TRACK_CHANGED,
+        EventType.ABORT,
+        EventType.EMPTIED,
         EventType.DURATION_CHANGE
       ];
       events.forEach(eventName => {
@@ -392,15 +422,15 @@ class Flash extends FakeEventTarget implements IEngine {
    * @public
    */
   get src(): string {
-    if (this._src) {
+    if (this._loadPromise && this._src) {
       return this._src;
     }
     return '';
   }
 
   /**
    * Load media.
-   * @param {number} startTime - Optional time to start the video from.
+   * @param {?number} startTime - Optional time to start the video from.
    * @public
    * @returns {Promise<Object>} - The loaded data
    */
@@ -409,8 +439,9 @@ class Flash extends FakeEventTarget implements IEngine {
       Flash._logger.warn('Missing API - Flash is not ready');
       return Promise.reject('Flash is not ready');
     }
-    this._src = this._srcToLoad;
-    this._loadPromise = this._api.load(startTime);
+    this._src = this._source ? this._source.url : null;
+    const playbackStartTime = this._startTimeAttach || startTime || 0;
+    this._loadPromise = this._api.load(playbackStartTime);
     return this._loadPromise;
   }
 

src/flashhls-adapter.js

@@ -8,9 +8,9 @@ class FlashHLSAdapter extends FakeEventTarget {
   _el: HTMLDivElement;
   _api: FlashAPI;
   _src: PKMediaSourceObject;
-  _startTime: number;
+  _startTime: ?number;
   _firstPlay: boolean = true;
-  _initialVolume: number;
+  _initialVolume: ?number;
   _loadReported: boolean = false;
   paused: boolean = true;
   ended: boolean = false;
@@ -92,6 +92,13 @@ class FlashHLSAdapter extends FakeEventTarget {
     if (this._el && this._el.parentNode) {
       this._el.innerHTML = '';
     }
+    //simulate the event sequence like video tag
+    this._trigger(EventType.ABORT);
+    this._trigger(EventType.EMPTIED);
+    //to hide the text tracks simulate event like happened in hls.js
+    this._trigger(EventType.TEXT_CUE_CHANGED, {cues: []});
+    this._trigger(EventType.TIME_UPDATE);
+    this.reset();
   }
 
   attach(): HTMLDivElement {
@@ -333,8 +340,13 @@ class FlashHLSAdapter extends FakeEventTarget {
     this.ended = false;
     this.seeking = false;
     this.duration = null;
+    this.currentTime = null;
     this.buffer = null;
     this.watched = null;
+    this._startTime = null;
+    this._firstPlay = true;
+    this._initialVolume = null;
+    this._loadReported = false;
   }
 }