@xibosignage/xibo-layout-renderer 1.0.14 → 1.0.15

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

@@ -72641,7 +72641,7 @@ function VideoMedia(media, xlr) {
       if (vjsPlayer !== undefined) {
         var playerReportFault = /*#__PURE__*/function () {
           var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(msg) {
-            var playerSW, hasSW;
+            var playerSW, hasSW, endVideo;
             return _regeneratorRuntime().wrap(function _callee$(_context) {
               while (1) switch (_context.prev = _context.next) {
                 case 0:
@@ -72651,6 +72651,11 @@ function VideoMedia(media, xlr) {
                   return playerSW.getSW();
                 case 3:
                   hasSW = _context.sent;
+                  endVideo = function endVideo() {
+                    // Expire the media and dispose the video
+                    vjsPlayer.dispose();
+                    media.emitter.emit('end', media);
+                  };
                   if (hasSW) {
                     playerSW.postMsg({
                       type: 'MEDIA_FAULT',
@@ -72663,12 +72668,12 @@ function VideoMedia(media, xlr) {
                       // Temporary setting
                       expires: format(new Date(setExpiry(1)), 'yyyy-MM-dd HH:mm:ss')
                     })["finally"](function () {
-                      // Expire the media and dispose the video
-                      vjsPlayer.dispose();
-                      media.emitter.emit('end', media);
+                      endVideo();
                     });
+                  } else {
+                    endVideo();
                   }
-                case 5:
+                case 6:
                 case "end":
                   return _context.stop();
               }
@@ -72686,53 +72691,91 @@ function VideoMedia(media, xlr) {
         });
         vjsPlayer.on('ready', function () {
           vjsPlayer.muted(true);
-          var promise = vjsPlayer.play();
-          if (promise !== undefined) {
-            promise.then(function () {
-              // Autoplay restarted
-              console.debug('autoplay started . . .');
-            })["catch"]( /*#__PURE__*/function () {
-              var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(error) {
-                return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-                  while (1) switch (_context2.prev = _context2.next) {
-                    case 0:
-                      console.debug("".concat(capitalizeStr(media.mediaType), " for media > ").concat(media.id, " autoplay error"));
-                      if (!(xlr.config.platform === 'chromeOS')) {
-                        _context2.next = 4;
-                        break;
-                      }
-                      _context2.next = 4;
-                      return playerReportFault('Media autoplay error');
-                    case 4:
-                    case "end":
-                      return _context2.stop();
-                  }
-                }, _callee2);
-              }));
-              return function (_x2) {
-                return _ref2.apply(this, arguments);
-              };
-            }());
-          }
+          // Race promise between a 0.5s play and a 5s skip
+          Promise.race([new Promise(function (resolve, reject) {
+            return setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+              return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+                while (1) switch (_context2.prev = _context2.next) {
+                  case 0:
+                    console.debug("".concat(capitalizeStr(media.mediaType), " for media > ").concat(media.id, " : Trying to force play after 0.1 seconds"));
+                    // Try to force play here
+                    _context2.prev = 1;
+                    _context2.next = 4;
+                    return vjsPlayer.play();
+                  case 4:
+                    // Resolve if play works
+                    resolve(true);
+                    _context2.next = 10;
+                    break;
+                  case 7:
+                    _context2.prev = 7;
+                    _context2.t0 = _context2["catch"](1);
+                    // Reject race if play fails
+                    reject('Play failed');
+                  case 10:
+                  case "end":
+                    return _context2.stop();
+                }
+              }, _callee2, null, [[1, 7]]);
+            })), 100);
+          }), new Promise(function (_, reject) {
+            return setTimeout(function () {
+              return reject('Timeout');
+            }, 5000);
+          })]).then(function () {
+            console.debug("".concat(capitalizeStr(media.mediaType), " for media > ").concat(media.id, " : Autoplay started"));
+          })["catch"]( /*#__PURE__*/function () {
+            var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(error) {
+              var _media$emitter;
+              return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+                while (1) switch (_context3.prev = _context3.next) {
+                  case 0:
+                    if (!(error === 'Timeout')) {
+                      _context3.next = 6;
+                      break;
+                    }
+                    console.debug("".concat(capitalizeStr(media.mediaType), " for media > ").concat(media.id, " : Promise not resolved within 5 seconds. Move to next media"));
+                    vjsPlayer.dispose();
+                    (_media$emitter = media.emitter) === null || _media$emitter === void 0 || _media$emitter.emit('end', media);
+                    _context3.next = 10;
+                    break;
+                  case 6:
+                    console.debug("".concat(capitalizeStr(media.mediaType), " for media > ").concat(media.id, " : Autoplay error: ").concat(error));
+                    if (!(xlr.config.platform === 'chromeOS')) {
+                      _context3.next = 10;
+                      break;
+                    }
+                    _context3.next = 10;
+                    return playerReportFault('Media autoplay error');
+                  case 10:
+                  case "end":
+                    return _context3.stop();
+                }
+              }, _callee3);
+            }));
+            return function (_x2) {
+              return _ref3.apply(this, arguments);
+            };
+          }());
         });
         vjsPlayer.on('playing', function () {
           console.debug("".concat(capitalizeStr(media.mediaType), " for media > ").concat(media.id, " is now playing . . ."));
           vjsPlayer.muted(media.muted);
         });
         vjsPlayer.on('error', /*#__PURE__*/function () {
-          var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(err) {
-            return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-              while (1) switch (_context3.prev = _context3.next) {
+          var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(err) {
+            return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+              while (1) switch (_context4.prev = _context4.next) {
                 case 0:
                   console.debug("Media Error: ".concat(capitalizeStr(media.mediaType), " for media > ").concat(media.id));
                   if (!(xlr.config.platform === 'chromeOS')) {
-                    _context3.next = 6;
+                    _context4.next = 6;
                     break;
                   }
-                  _context3.next = 4;
+                  _context4.next = 4;
                   return playerReportFault('Video file source not supported');
                 case 4:
-                  _context3.next = 7;
+                  _context4.next = 7;
                   break;
                 case 6:
                   // End media after 5 seconds
@@ -72743,18 +72786,18 @@ function VideoMedia(media, xlr) {
                   }, 5000);
                 case 7:
                 case "end":
-                  return _context3.stop();
+                  return _context4.stop();
               }
-            }, _callee3);
+            }, _callee4);
           }));
           return function (_x3) {
-            return _ref3.apply(this, arguments);
+            return _ref4.apply(this, arguments);
           };
         }());
         vjsPlayer.on('ended', function () {
-          var _media$emitter;
+          var _media$emitter2;
           console.debug("VideoMedia: onended: ".concat(capitalizeStr(media.mediaType), " for media > ").concat(media.id, " has ended playing . . ."));
-          (_media$emitter = media.emitter) === null || _media$emitter === void 0 || _media$emitter.emit('end', media);
+          (_media$emitter2 = media.emitter) === null || _media$emitter2 === void 0 || _media$emitter2.emit('end', media);
           vjsPlayer.dispose();
         });
         vjsPlayer.on('durationchange', function () {