@latest-thinking/lt-player 1.1.0-e → 1.1.0-g

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@latest-thinking/lt-player",
-  "version": "1.1.0-e",
+  "version": "1.1.0-g",
   "description": "LT player.",
   "main": "dist/js/lt-player-main.js",
   "module": "dist/js/lt-player-main.js",

package/src/components/LTPlayerDevMethode.ts

@@ -23,9 +23,8 @@ export namespace LTPlayerDevMethode {
             const playerContainer = this.player.elements.container;
 
             if(isFirst) {
-                console.log('Settings for first player');
-                console.log(this.player.volume);
-                console.log(this.player.muted);
+                this.player.muted = true;
+                this.player.volume = 0;
                 this.settingsManager.setGlobalSettings();
             }
 

package/src/components/LTPlayerType.ts

@@ -10,6 +10,7 @@ import {LTPLayerAddInfo} from "./addInfo/LTPlayerAddInfoManager";
 import {LTPlayerEvents} from "./events/LTPlayer";
 import {Helper} from "../services/Helper";
 import {LTPlayerHls} from "./LTPlayerHls";
+import {LTPlayerUpdate} from "./LTPlayerUpdate";
 
 export namespace LTPlayer {
 
@@ -19,6 +20,7 @@ export namespace LTPlayer {
     export class PortraitType extends LTPlayerController implements TypeInterface {
 
         pausedPlayer: Plyr;
+        updateManager: LTPlayerUpdate;
 
         /**
          * Create a new Player instance root element
@@ -52,6 +54,7 @@ export namespace LTPlayer {
             }
 
             this.setEvents();
+            this.updateManager = new LTPlayerUpdate(this);
 
             return true;
         }
@@ -156,8 +159,8 @@ export namespace LTPlayer {
             }
         }
 
-        play() {
-            this.devMethodePlayer.play();
+        play(isFirst?: boolean) {
+            this.devMethodePlayer.play(isFirst);
         }
 
         pause() {

package/src/components/LTPlayerUpdate.ts

@@ -0,0 +1,39 @@
+import {LTPlayer} from "./LTPlayerType";
+import {defaultType} from "../global/types/ModuleTypes";
+import {LTPLayerAddInfo} from "./addInfo/LTPlayerAddInfoManager";
+import Hls from "hls.js";
+
+export class LTPlayerUpdate {
+
+    player: LTPlayer.PortraitType;
+    additionalInfoService: LTPLayerAddInfo.Controller;
+
+    constructor(player: LTPlayer.PortraitType) {
+        this.player = player;
+    }
+
+    updatePlayer(config: defaultType) {
+        this.updateSource(config.body.videoUrl);
+        this.updateTitle(config.body.videoParagraph);
+        this.player.additionalInfoService.setConfig(config.body.additionalInfo);
+        return;
+    }
+
+    updateSource(videoUrl: string) {
+        if (Hls.isSupported()) {
+            this.player.hls.hlsInstance.detachMedia();
+            this.player.hls.hlsInstance.loadSource(videoUrl);
+            this.player.hls.hlsInstance.attachMedia(document.querySelector('video'));
+        } else {
+            document.querySelector('video').src = videoUrl;
+        }
+    }
+
+    updateTitle(title: string) {
+        console.log(title);
+        const titleHeader = document.querySelector('.poster-title');
+        console.log(titleHeader)
+        titleHeader.textContent = '';
+        titleHeader.textContent = title;
+    }
+}

package/src/views/additionalInfo.handlebars

@@ -19,22 +19,22 @@
             </div>
             <div class="player-lt__mobile__modal-content">
                 {{#abstract}}
-                    <h2>{{abstract.title}}</h2>
-                    <p>{{abstract.description}}</p>
-                    <p>{{abstract.videoDOI}}</p>
-                    <p>{{abstract.videoCitation}}</p>
+                    <h2>{{{abstract.title}}}</h2>
+                    <p>{{{abstract.description}}}</p>
+                    <p>{{{abstract.videoDOI}}}</p>
+                    <p>{{{abstract.videoCitation}}}</p>
                 {{/abstract}}
 
                 {{#institution}}
-                    <h2>{{institution.title}}</h2>
+                    <h2>{{{institution.title}}}</h2>
                     <img src="{{institution.image}}" alt="image">
-                    <p>{{institution.institutionName}}</p>
-                    <p>{{institution.description}}</p>
+                    <p>{{{institution.institutionName}}}</p>
+                    <p>{{{institution.description}}}</p>
                 {{/institution}}
 
                 {{#bio}}
-                    <h2>{{bio.title}}</h2>
-                    <p>{{bio.description}}</p>
+                    <h2>{{{bio.title}}}</h2>
+                    <p>{{{bio.description}}}</p>
                 {{/bio}}
             </div>
             </div>
@@ -47,28 +47,28 @@
                     <span class="player-lt__close-button">&times;</span>
                         <div class="player-lt__modal-body">
                           {{#abstract}}
-                            <h2>{{abstract.title}}</h2>
-                            <p>{{abstract.description}}</p>
+                            <h2>{{{abstract.title}}}</h2>
+                            <p>{{{abstract.description}}}</p>
                             <hr>
                             <h3>Video DOI</h3>
-                            <p>{{abstract.videoDOI}}</p>
+                            <p>{{{abstract.videoDOI}}}</p>
                             <h3>Video Citation</h3>
-                            <p>{{abstract.videoCitation}}</p>
+                            <p>{{{abstract.videoCitation}}}</p>
                           {{/abstract}}
 
                           {{#institution}}
-                            <h2>{{institution.title}}</h2>
+                            <h2>{{{institution.title}}}</h2>
                             <div class="modal-flex">
                               <img src="{{institution.image}}" alt="image">
-                              <h3>{{institution.institutionName}}</h3>
+                              <h3>{{{institution.institutionName}}}</h3>
                             </div>
                             <hr>
-                            <p>{{institution.description}}</p>
+                            <p>{{{institution.description}}}</p>
                           {{/institution}}
 
                           {{#bio}}
-                            <h2>{{bio.title}}</h2>
-                            <p>{{bio.description}}</p>
+                            <h2>{{{bio.title}}}</h2>
+                            <p>{{{bio.description}}}</p>
                           {{/bio}}
                         </div>
                 </div>

package/src/views/template.handlebars

@@ -3,7 +3,7 @@
 </div>
 {{/embedded}}
 {{#video}}
-<video class="embed_player lt-player-wrapper" playsinline controls crossorigin preload="none">
+<video class="embed_player lt-player-wrapper" playsinline muted controls crossorigin preload="none">
     <source src="{{videoUrl.videoUrl}}"/>
     {{#defaultConfig.captions}}
     <track kind="captions" label="{{label}} captions" src="{{url}}" srclang="{{srclang}}" {{default}} />