fix(FEC-8685): when disconnecting from cast player state is wrong - l…

…ocal and cast mode is not in sync (#170)

Update playback started event enum => first playing.
In addition, set the initial tracks on tracks changed event and not on playback start event.

package.json

@@ -21,7 +21,9 @@
     "playkit-dev-ott:start": "playkit-dev start ott",
     "playkit-dev:stop": "playkit-dev stop",
     "playkit-rel": "playkit-rel start",
-    "precommit": "lint-staged"
+    "precommit": "lint-staged",
+    "docs:generate": "documentation build flow-typed/** src/** -f md -o docs/api.md",
+    "docs:serve": "documentation serve flow-typed/** src/** --watch"
   },
   "lint-staged": {
     "*.{js,jsx}": [

src/common/cast/player-snapshot.js

@@ -50,12 +50,26 @@ class PlayerSnapshot {
    * @memberof PlayerSnapshot
    */
   advertising: ?Object;
+  /**
+   * @type {number}
+   * @instance
+   * @memberof PlayerSnapshot
+   */
+  volume: number;
+  /**
+   * @type {boolean}
+   * @instance
+   * @memberof PlayerSnapshot
+   */
+  muted: boolean;
 
   constructor(player: KalturaPlayer) {
     this.startTime = getStartTime(player);
     this.autoplay = player.currentTime === 0 ? true : !player.paused;
     this.textStyle = player.textStyle;
     this.mediaInfo = player.getMediaInfo();
+    this.volume = player.volume;
+    this.muted = player.muted;
     this.audioLanguage = getLanguage(TrackType.AUDIO, player);
     this.textLanguage = getLanguage(TrackType.TEXT, player);
     this.advertising = player.config.plugins && player.config.plugins.ima;

src/common/cast/remote-control.js

@@ -136,10 +136,10 @@ function onRemoteDeviceDisconnected(payload: RemoteDisconnectedPayload): void {
       const mediaInfo = snapshot.mediaInfo;
       if (mediaInfo) {
         this.loadMedia(mediaInfo).then(() => {
-          this._eventManager.listenOnce(this, this.Event.Core.PLAYBACK_STARTED, () => {
+          this._eventManager.listenOnce(this, this.Event.Core.FIRST_PLAYING, () => {
             setInitialAttributes.call(this, snapshot);
-            setInitialTracks.call(this, snapshot);
             configurePlayback.call(this, originPlaybackConfig);
+            setInitialTracks.call(this, snapshot);
           });
         });
       }
@@ -219,6 +219,8 @@ function configurePlayback(snapshot: PlayerSnapshot): void {
 
 function setInitialAttributes(snapshot: PlayerSnapshot): void {
   this.textStyle = snapshot.textStyle;
+  this.volume = snapshot.volume;
+  this.muted = snapshot.muted;
 }
 
 function setInitialTracks(snapshot: PlayerSnapshot): void {

src/ott/player-defaults.js

@@ -4,6 +4,7 @@ import {Utils} from '@playkit-js/playkit-js';
 /**
  * Sets the default analytics plugin for the ott player.
  * @param {KPOptionsObject} options - The player config.
+ * @private
  * @returns {void}
  */
 export function setDefaultAnalyticsPlugin(options: KPOptionsObject): void {

src/ott/poster.js

@@ -6,6 +6,7 @@
  * @param {PKSourcesConfigObject} playerSources - player sources container
  * @param {ProviderMediaConfigSourcesObject} mediaSources - media config sources container
  * @param {Object} dimensions - player dimensions object
+ * @private
  * @returns {void}
  */
 function addKalturaPoster(playerSources: PKSourcesConfigObject, mediaSources: ProviderMediaConfigSourcesObject, dimensions: Object): void {
@@ -28,6 +29,7 @@ function addKalturaPoster(playerSources: PKSourcesConfigObject, mediaSources: Pr
  * @param {string} poster - Player url.
  * @param {number} playerWidth - Player width.
  * @param {height} playerHeight - Player height.
+ * @private
  * @return {string} - The new poster url including the player dimensions.
  */
 function setPlayerDimensionsOnPoster(poster: string, playerWidth: number, playerHeight: number): string {
@@ -47,6 +49,7 @@ function setPlayerDimensionsOnPoster(poster: string, playerWidth: number, player
  * @param {string} posters - Array of posters candidates.
  * @param {number} playerWidth - Player width.
  * @param {height} playerHeight - Player height.
+ * @private
  * @return {string} - The poster url.
  */
 function selectPosterByPlayerDimensions(posters: Array<Object>, playerWidth: number, playerHeight: number): string {

src/ovp/player-defaults.js

@@ -4,6 +4,7 @@ import {Utils} from '@playkit-js/playkit-js';
 /**
  * Sets the default analytics plugin for the ovp player.
  * @param {KPOptionsObject} options - The player config.
+ * @private
  * @returns {void}
  */
 export function setDefaultAnalyticsPlugin(options: KPOptionsObject): void {

src/ovp/poster.js

@@ -4,6 +4,7 @@
  * @param {PKSourcesConfigObject} playerSources - player sources container
  * @param {ProviderMediaConfigSourcesObject} mediaSources - media config sources container
  * @param {Object} dimensions - player dimensions object
+ * @private
  * @returns {void}
  */
 function addKalturaPoster(playerSources: PKSourcesConfigObject, mediaSources: ProviderMediaConfigSourcesObject, dimensions: Object): void {

src/setup.js

@@ -18,6 +18,7 @@ import {
 /**
  * Setup the Kaltura Player.
  * @param {PartialKPOptionsObject|LegacyPartialKPOptionsObject} options - partial kaltura player options
+ * @private
  * @returns {KalturaPlayer} - The Kaltura Player.
  */
 function setup(options: PartialKPOptionsObject | LegacyPartialKPOptionsObject): KalturaPlayer {