@latest-thinking/lt-player 1.0.4 → 1.0.5-a

package/src/components/LTPlayerType.ts

@@ -2,13 +2,14 @@ import {LTPlayerController} from "../global/controllers/LTPlayerController";
 import {TypeInterface} from "../global/interfaces/TypeInterface";
 import {defaultType, playerConfigType} from "../global/types/ModuleTypes";
 import {LTPlayerMini} from "./controls/LTPlayerMini";
-import {LTPlayerConfig} from "./LTPlayerConfig";
+import {LTPlayerConfig} from "./config/LTPlayerConfig";
 import Plyr from "plyr";
 import {LTPlayerDevMethode} from "./LTPlayerDevMethode";
 import {LTPlayerEventsManager} from "./LTPlayerEventsManager";
 import {LTPLayerAddInfo} from "./addInfo/LTPlayerAddInfoManager";
 import {LTPlayerEvents} from "./events/LTPlayer";
 import {LTPlayerPosterManager} from "./poster/LTPlayerPosterManager";
+import {config} from "json-schema-library";
 
 export namespace LTPlayer {
 
@@ -37,7 +38,7 @@ export namespace LTPlayer {
 
             this.additionalInfoService = additionalInfoService;
             this.miniPlayer = new LTPlayerMini();
-            this.setPlayerConfig(configData.body);
+            this.setPlayerConfig(configData.body, configData.version);
             this.initSetupPlayerPoster(configData.body);
             this.initPlayer();
             this.setEvents();
@@ -68,10 +69,12 @@ export namespace LTPlayer {
         /**
          * Set Player config Instance
          * @param configData
+         * @param version
          * @private
          */
-        private setPlayerConfig(configData: playerConfigType) {
-            this.playerConfig = new LTPlayerConfig(configData);
+        private setPlayerConfig(configData: playerConfigType, version : string | number) {
+            this.playerConfig = new LTPlayerConfig(version);
+            this.playerConfig.mapConfigData(configData);
         }
 
         /**
@@ -135,7 +138,7 @@ export namespace LTPlayer {
 
             this.plyr = player;
 
-            this.devMethodePlayer = new LTPlayerDevMethode.Player(player);
+            this.devMethodePlayer = new LTPlayerDevMethode.Player(this);
 
             this.posterManager.init(this);
 
@@ -144,7 +147,7 @@ export namespace LTPlayer {
             }
 
             if (this.playerConfig.getDevice() !== 'mobile') {
-                this.miniPlayer.init(player, this.templateService, this.iconService);
+                this.miniPlayer.init(player, this.templateService, this.iconService, this.playerConfig.getPlayerType(), this);
             }
         }
 
@@ -164,6 +167,13 @@ export namespace LTPlayer {
             return this.devMethodePreload;
         }
 
+        enterMiniPlayer() {
+            return this.devMethodePlayer.enterMiniPlayer()
+        }
+        exitMiniPlayer() {
+            return this.devMethodePlayer.exitMiniPlayer()
+        }
+
         destruct() {
             let _this = this;
 
@@ -206,7 +216,7 @@ export namespace LTPlayer {
             }
 
             this.miniPlayer = new LTPlayerMini();
-            this.setPlayerConfig(configData.body);
+            this.setPlayerConfig(configData.body, configData.version);
             this.initPoster(configData.body);
             this.initPlayer();
             this.setEvents();
@@ -254,7 +264,7 @@ export namespace LTPlayer {
 
             this.plyr = player;
 
-            this.devMethodePlayer = new LTPlayerDevMethode.Player(player);
+            this.devMethodePlayer = new LTPlayerDevMethode.Player(this);
 
             this.posterManager.init(this);
 
@@ -263,7 +273,7 @@ export namespace LTPlayer {
             }
 
             if (this.playerConfig.getDevice() !== 'mobile') {
-                this.miniPlayer.init(player, this.templateService, this.iconService);
+                this.miniPlayer.init(player, this.templateService, this.iconService, this.playerConfig.getPlayerType(), this);
             }
         }
 
@@ -283,15 +293,52 @@ export namespace LTPlayer {
             playerContainer.insertAdjacentHTML("afterend", this.templateService.getOnloadPoster({logo: logo})) ;
         }
 
-        private setPlayerConfig(configData: playerConfigType) {
-            this.playerConfig = new LTPlayerConfig(configData);
+        private setPlayerConfig(configData: playerConfigType, version: string | number) {
+            this.playerConfig = new LTPlayerConfig(version);
+            this.playerConfig.mapConfigData(configData);
         }
 
         public getPlayer() {
             return this.plyr;
         }
 
+        play() {
+            this.devMethodePlayer.play();
+        }
+
+        pause() {
+            this.devMethodePlayer.pause();
+        }
+
+        stop() {
+            this.devMethodePlayer.stop();
+        }
+
+        preload() {
+            return this.devMethodePreload;
+        }
+
+        enterMiniPlayer() {
+            return this.devMethodePlayer.enterMiniPlayer()
+        }
+
+        exitMiniPlayer() {
+            return this.devMethodePlayer.exitMiniPlayer()
+        }
+
         destruct() {
+            let _this = this;
+
+            return new Promise((resolve) => {
+                _this.additionalInfoService.remove(this);
+
+                _this.additionalInfoService = null;
+
+                this.plyr.destroy(() => {
+                    _this = undefined;
+                    resolve(true);
+                })
+            })
         }
         setDesktopEvents() {
             this.desktopEvents = new LTPlayerEvents.Desktop();

package/src/components/addInfo/LTPlayerAdditionalInfoEvents.ts

@@ -155,6 +155,8 @@ export namespace LTPlayerAdditionalInfo  {
                         window.Player.players.forEach( item => {item.plyr.pause()});
 
                         __this.dragCloseModal(controller);
+
+                        controller.playerInstance.playerControl.mobileEvents.showControls(controller.playerInstance)
                     })
                 }
             })
@@ -173,8 +175,7 @@ export namespace LTPlayerAdditionalInfo  {
                 if (playerControlsContainer.classList.contains('player-lt__modal__mobile-show-modal')) {
 
                     modal.style.removeProperty('bottom')
-                    playerControlsContainer.classList.remove('plyr__controls-enable-addInfo')
-
+                    playerControlsContainer.classList.remove('plyr__controls-enable-addInfo');
 
                     setTimeout(() => {
                         const modalBody = playerControlsContainer.querySelector('.player-lt__modal__mobile');
@@ -186,6 +187,9 @@ export namespace LTPlayerAdditionalInfo  {
                         if (background) {
                             background.classList.add('d-none');
                         }
+
+                        controller.playerInstance.playerControl.mobileEvents.showControls(controller.playerInstance);
+
                     }, 150)
 
                 }

package/src/components/config/LTPlayerConfig.ts

@@ -0,0 +1,200 @@
+import {playerConfigType} from "../../global/types/ModuleTypes";
+import {LTPlayerConfigProcessor} from "./LTPlayerConfigProcessor";
+export class LTPlayerConfig {
+
+    private configData: playerConfigType = {
+        version : null,
+        preload: false,
+        autoPlay : false,
+        videoTitle: '',
+        posterImage: '',
+        videoParagraph: '',
+        videoUrl : false,
+        playerId: '',
+        playerContainer: '',
+        vimeo: false,
+        youtube: {
+            'controls': 0,
+            'noCookie': false,
+            'rel': 0,
+            'showinfo': 0,
+            'iv_load_policy': 3,
+            'modestbranding': 1,
+            'playsinline': true,
+        },
+        defaultConfig : false,
+        share: null,
+        chapters : null,
+        playerType: null,
+        device : 'desktop',
+        observe : false
+    }
+    processor : LTPlayerConfigProcessor.Map
+
+
+    /**
+     * @param version
+     */
+    constructor(version: string | number) {
+        this.processor = new LTPlayerConfigProcessor.Map();
+        this.setVersion(version);
+        this.processor.setVersion(this.configData.version);
+    }
+
+    mapConfigData(config : playerConfigType) {
+
+        Object.keys(this.configData).forEach(instanceItem => {
+
+            if (this.processor.version === 1) {
+                let process = this.processor.processItem(instanceItem, config);
+
+                if (process) {
+                    this.configData[instanceItem] = process;
+                }
+            } else {
+                let process = this.processor.processItem(instanceItem, (config[instanceItem]) ?? null);
+
+                if (process) {
+                    this.configData[instanceItem] = process;
+                }
+            }
+        })
+    }
+
+    setVersion(version : string | number) {
+
+        if (typeof version === 'string') {
+            return this.configData.version = parseInt(version);
+        }
+
+        this.configData.version = version;
+    }
+
+    getVersion() {
+        return this.configData.version
+    }
+
+    getObserve() {
+        return this.configData.observe
+    }
+
+    isObserveHeight() {
+        return this.configData.observe.height;
+    }
+
+    isObserveWidth() {
+        return this.configData.observe.width;
+    }
+
+    getDimensions() {
+        return this.configData.dimensions
+    }
+
+    getAdditionalInfo() {
+        return this.configData.additionalInfo;
+    }
+
+    getVideoTitle() {
+        return this.configData.videoTitle;
+    }
+
+    getPosterImage() {
+        return this.configData.posterImage;
+    }
+
+    getParagraph() {
+        return this.configData.videoParagraph;
+    }
+
+    getVideoType() {
+        return this.configData.videoUrl.videoType;
+    }
+
+    getVideoUrl() {
+        return this.configData.videoUrl;
+    }
+
+    getPlayerId() {
+        return this.configData.playerId;
+    }
+
+    getConfigData() {
+        return this.configData;
+    }
+
+    getPlayerElementContainer() {
+        return this.configData.playerContainer;
+    }
+
+    getVideoOrigin() {
+        return this.configData.videoUrl.origin;
+    }
+
+    /**
+     *
+     * @param origin
+     */
+    getConfigByOrigin(origin: string) {
+        return (this.configData[origin] !== undefined) ? this.configData[origin] : null;
+    }
+
+    getDefaultConfigItems() {
+        return this.configData.defaultConfig;
+    }
+
+    getChapters() {
+        return this.configData.chapters
+    }
+
+    isShareData() {
+        if (this.configData.share) {
+            return Object.keys(this.configData.share).length > 0;
+        }
+
+        return false;
+    }
+
+    getShareData() {
+        return this.configData.share
+    }
+
+    getCaptions () {
+        return this.configData.defaultConfig.captions
+    }
+
+    getPlayerType() {
+        return this.configData.playerType
+    }
+
+    setPlayerId(id: number) {
+        this.configData.playerId = id;
+    }
+
+    isAutoPlay() {
+        return this.configData.autoPlay;
+    }
+
+    getPreload() {
+        return this.configData.preload;
+    }
+    isAutoPreload() {
+        return this.configData.preload.autoType;
+    }
+
+    getDevice() {
+        return this.configData.device;
+    }
+
+    getEmbedOrigin() {
+       return {[this.getVideoOrigin()] : this.getConfigByOrigin(this.getVideoOrigin())};
+    }
+
+    getFullscreenMode() {
+        if (this.getDevice() === 'mobile') {
+            return {fullscreen: {enabled: false}}
+        } else {
+            return false
+        }
+    }
+}
+