Merge pull request #244 from ant-media/release/2.8.2

Update web_player and add placeholder for web_player

package.json

@@ -31,7 +31,7 @@
     "@angular/platform-browser-dynamic": "^10.0.8",
     "@angular/platform-server": "^10.0.8",
     "@angular/router": "^10.0.8",
-    "@antmedia/web_player": "^2.8.0-SNAPSHOT-Jan-22-2024-1820",
+    "@antmedia/web_player": "^2.8.0-SNAPSHOT-Jan-29-2024-2339",
     "@ngui/map": "0.30.3",
     "@ngui/ngui": "0.15.2",
     "@types/googlemaps": "3.39.11",

src/app/app.page/app.page.component.ts

@@ -861,14 +861,20 @@ export class AppPageComponent implements OnInit, OnDestroy, AfterViewInit {
      * @param playOrder 
      */
     openPlayer(htmlCode: string, objectId: string, streamId: string, width: string, tokenId: string, vodName:string, playOrder:string[]): void {
-        htmlCode = '<div id="video_container" style="height:360px;overflow:hidden">' 
-	     + '</div>';
+        htmlCode =  '<div id="video_container" style="height:360px;overflow:hidden">' 
+	                + '</div>'
+                    + '<div id="place_holder" style="height:360px;overflow:hidden;display:flex;align-items: center;justify-content: center;">The streaming will begin shortly...</div>'
 
  		const broadcast = this.getBroadcastByStreamId(streamId);
         const typePlayList = broadcast != null && broadcast.type === "playlist";
-        
+
         var playOrderLocal = ["webrtc", "hls", "dash"];
 
+        if (!this.isEnterpriseEdition)  {
+            //if it's not enterprise edition, only hls is supported
+            playOrderLocal = ["hls"];
+        }
+
         if (typePlayList) {
           playOrderLocal = ["hls"];
         }
@@ -902,12 +908,15 @@ export class AppPageComponent implements OnInit, OnDestroy, AfterViewInit {
                     videoHTMLContent: '<video id="video-player" class="video-js vjs-default-skin vjs-big-play-centered" controls playsinline style="width:100%;height:100%"></video>',
                  }, 
                  document.getElementById("video_container"), 
-                 null);
+                 document.getElementById("place_holder"));
+
                  embeddedPlayer.initialize().then(() => {
                     embeddedPlayer.play();
                  }).catch((error) => {
                     console.error("Error while initializing embedded player: " + error);
                  });
+
+
             },
             onClose: function () {
                 //var ifr = document.getElementById(objectId);