@xibosignage/xibo-layout-renderer 1.0.13 → 1.0.14

package/dist/src/Modules/Media/VideoMedia.d.ts

@@ -1,5 +1,6 @@
 import { IMedia } from '../../Types/Media';
 import { IXlr } from '../../types';
+import './media.css';
 export declare function composeVideoSource($media: HTMLVideoElement, media: IMedia): HTMLVideoElement;
 export default function VideoMedia(media: IMedia, xlr: IXlr): {
     init: () => void;

package/dist/styles.css

@@ -251,6 +251,11 @@ iframe {
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     cursor: pointer;
 }
+
+.vjs-control-bar, .vjs-big-play-button {
+    display: none !important;
+}
+
 /* Style the Splash Screen */
 div.preview-splash {
     height: 100%;

package/dist/xibo-layout-renderer.cjs.js

@@ -73137,7 +73137,7 @@ function Media(region, mediaId, xml, options, xlr) {
                 $media = getNewMedia();
               }
               if (!$media) {
-                _context2.next = 40;
+                _context2.next = 39;
                 break;
               }
               $media.style.setProperty('display', 'block');
@@ -73166,48 +73166,46 @@ function Media(region, mediaId, xml, options, xlr) {
               _context2.t3 = _context2.t2;
               _context2.t4 = _context2.t1.concat.call(_context2.t1, _context2.t3);
               _context2.t0.setProperty.call(_context2.t0, 'background-image', _context2.t4);
-              _context2.next = 39;
+              _context2.next = 38;
               break;
             case 22:
               if (!(self.mediaType === 'video' && self.url !== null)) {
-                _context2.next = 27;
+                _context2.next = 26;
                 break;
               }
               // Initialize video.js
-              videojs($media, {
+              self.player = videojs($media, {
                 controls: false,
                 preload: 'auto',
                 autoplay: false,
                 muted: self.muted,
                 errorDisplay: xlr.config.platform !== 'chromeOS',
-                restoreEl: $media,
                 loop: self.loop
               });
-              self.player = videojs($media);
-              _context2.next = 39;
+              _context2.next = 38;
               break;
-            case 27:
+            case 26:
               if (!(self.mediaType === 'audio' && self.url !== null)) {
-                _context2.next = 38;
+                _context2.next = 37;
                 break;
               }
               if (!isCMS) {
-                _context2.next = 34;
+                _context2.next = 33;
                 break;
               }
-              _context2.next = 31;
+              _context2.next = 30;
               return preloadMediaBlob(self.url, self.mediaType);
-            case 31:
+            case 30:
               _context2.t5 = _context2.sent;
-              _context2.next = 35;
+              _context2.next = 34;
               break;
-            case 34:
+            case 33:
               _context2.t5 = self.url;
-            case 35:
+            case 34:
               $media.src = _context2.t5;
-              _context2.next = 39;
+              _context2.next = 38;
               break;
-            case 38:
+            case 37:
               if ((self.render === 'html' || self.mediaType === 'webpage') && self.iframe && self.checkIframeStatus) {
                 // Set state as false ( for now )
                 self.ready = false;
@@ -73223,9 +73221,9 @@ function Media(region, mediaId, xml, options, xlr) {
                 //     }
                 // });
               }
-            case 39:
+            case 38:
               self.emitter.emit('start', self);
-            case 40:
+            case 39:
             case "end":
               return _context2.stop();
           }
@@ -73287,6 +73285,9 @@ function Region(layout, xml, regionId, options, xlr) {
     self.complete = false;
     self.ending = false;
     self.ended = false;
+    self.curMedia = undefined;
+    self.nxtMedia = undefined;
+    self.currentMediaIndex = 0;
     self.id = props.regionId;
     self.uniqueId = "".concat(nextId(self.options));
     self.options = _objectSpread2(_objectSpread2({}, platform), props.options);
@@ -74574,9 +74575,7 @@ function XiboLayoutRenderer(inputLayouts, options) {
           console.debug('prepareLayouts::xlr>layouts', self.layouts);
           return _context3.abrupt("return", new Promise(function (resolve) {
             layouts.map(function (layoutItem) {
-              if (!Boolean(self.layouts[layoutItem.index])) {
-                self.layouts[layoutItem.index] = layoutItem;
-              }
+              self.layouts[layoutItem.index] = layoutItem;
             });
             self.currentLayoutIndex = xlrLayouts.currentLayoutIndex;
             self.currentLayout = self.layouts[self.currentLayoutIndex];