stormcloud-video-player 0.6.1 → 0.6.3

package/lib/sdk/vastAdLayer.cjs

@@ -599,7 +599,7 @@ function resolveBidToVastAd(winner, logPrefix) {
     return Promise.resolve(null);
 }
 function createVastAdLayer(contentVideo, options) {
-    var _ref, _ref1, _ref2, _ref3;
+    var _ref, _ref1, _ref2, _ref3, _ref4;
     var adPlaying = false;
     var originalMutedState = false;
     var originalVolume = Math.max(0, Math.min(1, contentVideo.volume || 1));
@@ -608,7 +608,8 @@ function createVastAdLayer(contentVideo, options) {
     var continueLiveStreamDuringAds = (_ref = options === null || options === void 0 ? void 0 : options.continueLiveStreamDuringAds) !== null && _ref !== void 0 ? _ref : false;
     var smartTVMode = (_ref1 = options === null || options === void 0 ? void 0 : options.smartTVMode) !== null && _ref1 !== void 0 ? _ref1 : false;
     var singleElementMode = (_ref2 = options === null || options === void 0 ? void 0 : options.singleElementMode) !== null && _ref2 !== void 0 ? _ref2 : false;
-    var debug = (_ref3 = options === null || options === void 0 ? void 0 : options.debug) !== null && _ref3 !== void 0 ? _ref3 : false;
+    var forceMP4Ads = (_ref3 = options === null || options === void 0 ? void 0 : options.forceMP4Ads) !== null && _ref3 !== void 0 ? _ref3 : smartTVMode || singleElementMode;
+    var debug = (_ref4 = options === null || options === void 0 ? void 0 : options.debug) !== null && _ref4 !== void 0 ? _ref4 : false;
     var adVideoElement;
     var adHls;
     var adContainerEl;
@@ -679,14 +680,26 @@ function createVastAdLayer(contentVideo, options) {
         var _ref;
         var _scoredFiles_;
         if (mediaFiles.length === 0) throw new Error("No media files available");
-        var firstFile = mediaFiles[0];
-        if (mediaFiles.length === 1) return firstFile;
+        var candidates = mediaFiles;
+        if (forceMP4Ads) {
+            var mp4Only = candidates.filter(function(f) {
+                return !isHlsMediaFile(f);
+            });
+            if (mp4Only.length > 0) {
+                candidates = mp4Only;
+                if (debug) console.log("".concat(LOG, " forceMP4Ads: filtered to ").concat(mp4Only.length, " MP4-only file(s)"));
+            } else if (debug) {
+                console.warn("".concat(LOG, " forceMP4Ads: no MP4 files available, falling back to all media files"));
+            }
+        }
+        var firstFile = candidates[0];
+        if (candidates.length === 1) return firstFile;
         var mainQuality = getMainStreamQuality();
         if (!mainQuality) {
             if (debug) console.log("".concat(LOG, " No main stream quality info, using first media file"));
             return firstFile;
         }
-        var scoredFiles = mediaFiles.map(function(file) {
+        var scoredFiles = candidates.map(function(file) {
             var widthDiff = Math.abs(file.width - mainQuality.width);
             var heightDiff = Math.abs(file.height - mainQuality.height);
             var resolutionDiff = widthDiff + heightDiff;
@@ -903,6 +916,16 @@ function createVastAdLayer(contentVideo, options) {
     }
     function startPlayback(mediaFile) {
         if (!adVideoElement) return;
+        if (singleElementMode && isHlsMediaFile(mediaFile)) {
+            var mp4Fallback = currentAd === null || currentAd === void 0 ? void 0 : currentAd.mediaFiles.find(function(f) {
+                return !isHlsMediaFile(f);
+            });
+            if (mp4Fallback) {
+                if (debug) console.log("".concat(LOG, " singleElementMode: HLS ad blocked, using MP4 fallback"));
+                startNativePlayback(mp4Fallback);
+                return;
+            }
+        }
         if (isHlsMediaFile(mediaFile)) {
             startHlsPlayback(mediaFile);
         } else {
@@ -911,7 +934,7 @@ function createVastAdLayer(contentVideo, options) {
     }
     function playAd(bids) {
         return _async_to_generator(function() {
-            var winner, ad, contentVolume, _contentVideo_parentElement, container, adVolume, mediaFile;
+            var winner, ad, contentVolume, adVolume2, mediaFile2, _contentVideo_parentElement, container, adVolume, mediaFile;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -955,37 +978,71 @@ function createVastAdLayer(contentVideo, options) {
                         trackingFired.impression = true;
                         contentVolume = contentVideo.volume;
                         originalVolume = Math.max(0, Math.min(1, contentVolume || originalVolume));
-                        if (singleElementMode) {
-                            mainHlsInstance === null || mainHlsInstance === void 0 ? void 0 : mainHlsInstance.detachMedia();
-                            teardownCurrentPlayback();
-                            adVideoElement = contentVideo;
-                            adHls = void 0;
+                        if (!singleElementMode) return [
+                            3,
+                            3
+                        ];
+                        mainHlsInstance === null || mainHlsInstance === void 0 ? void 0 : mainHlsInstance.detachMedia();
+                        teardownCurrentPlayback();
+                        adVideoElement = contentVideo;
+                        adHls = void 0;
+                        adPlaying = true;
+                        setAdPlayingFlag(true);
+                        contentVideo.removeAttribute("src");
+                        contentVideo.load();
+                        if (!continueLiveStreamDuringAds) {
+                            contentVideo.pause();
+                        }
+                        contentVideo.muted = true;
+                        contentVideo.volume = 0;
+                        return [
+                            4,
+                            new Promise(function(resolve) {
+                                return setTimeout(resolve, 200);
+                            })
+                        ];
+                    case 2:
+                        _state.sent();
+                        if (destroyed || tornDown) return [
+                            2
+                        ];
+                        contentVideo.style.visibility = "visible";
+                        contentVideo.style.opacity = "1";
+                        emit("content_pause");
+                        setupAdEventListeners();
+                        adVolume2 = originalMutedState ? 1 : originalVolume;
+                        adVideoElement.volume = Math.max(0, Math.min(1, adVolume2));
+                        adVideoElement.muted = false;
+                        mediaFile2 = selectBestMediaFile(ad.mediaFiles);
+                        if (debug) console.log("".concat(LOG, " Loading ad from: ").concat(mediaFile2.url));
+                        startPlayback(mediaFile2);
+                        return [
+                            2
+                        ];
+                    case 3:
+                        if (!adContainerEl) {
+                            ;
+                            container = document.createElement("div");
+                            container.style.position = "absolute";
+                            container.style.left = "0";
+                            container.style.top = "0";
+                            container.style.right = "0";
+                            container.style.bottom = "0";
+                            container.style.display = "none";
+                            container.style.alignItems = "center";
+                            container.style.justifyContent = "center";
+                            container.style.pointerEvents = "none";
+                            container.style.zIndex = "10";
+                            container.style.backgroundColor = "#000";
+                            (_contentVideo_parentElement = contentVideo.parentElement) === null || _contentVideo_parentElement === void 0 ? void 0 : _contentVideo_parentElement.appendChild(container);
+                            adContainerEl = container;
+                        }
+                        if (!adVideoElement) {
+                            adVideoElement = createAdVideoElement();
+                            adContainerEl.appendChild(adVideoElement);
                             setupAdEventListeners();
                         } else {
-                            if (!adContainerEl) {
-                                ;
-                                container = document.createElement("div");
-                                container.style.position = "absolute";
-                                container.style.left = "0";
-                                container.style.top = "0";
-                                container.style.right = "0";
-                                container.style.bottom = "0";
-                                container.style.display = "none";
-                                container.style.alignItems = "center";
-                                container.style.justifyContent = "center";
-                                container.style.pointerEvents = "none";
-                                container.style.zIndex = "10";
-                                container.style.backgroundColor = "#000";
-                                (_contentVideo_parentElement = contentVideo.parentElement) === null || _contentVideo_parentElement === void 0 ? void 0 : _contentVideo_parentElement.appendChild(container);
-                                adContainerEl = container;
-                            }
-                            if (!adVideoElement) {
-                                adVideoElement = createAdVideoElement();
-                                adContainerEl.appendChild(adVideoElement);
-                                setupAdEventListeners();
-                            } else {
-                                teardownCurrentPlayback();
-                            }
+                            teardownCurrentPlayback();
                         }
                         if (!continueLiveStreamDuringAds) {
                             contentVideo.pause();
@@ -997,7 +1054,7 @@ function createVastAdLayer(contentVideo, options) {
                         adVolume = originalMutedState ? 1 : originalVolume;
                         adVideoElement.volume = Math.max(0, Math.min(1, adVolume));
                         adVideoElement.muted = false;
-                        if (!singleElementMode && adContainerEl) {
+                        if (adContainerEl) {
                             adContainerEl.style.display = "flex";
                             adContainerEl.style.pointerEvents = "auto";
                         }
@@ -1101,6 +1158,7 @@ function createVastAdLayer(contentVideo, options) {
                                 if (debug) console.log("".concat(LOG, " [preload] HLS manifest parsed, token=").concat(token));
                             });
                             hls.on(import_hls.default.Events.ERROR, function(_evt, data) {
+                                if (!preloadSlots.has(token)) return;
                                 if (data.fatal) {
                                     if (debug) console.warn("".concat(LOG, " [preload] HLS error for token=").concat(token));
                                     preloadSlots.delete(token);
@@ -1137,113 +1195,146 @@ function createVastAdLayer(contentVideo, options) {
     }
     function playPreloaded(token) {
         return _async_to_generator(function() {
-            var slot, contentVolume, adVolume2, videoEl, container2, adVolume21, adVolume, container;
+            var slot, contentVolume, adVolume2, videoEl, container2, adVolume21, nonFatalNetworkErrors, adVolume, container;
             return _ts_generator(this, function(_state) {
-                if (destroyed) return [
-                    2,
-                    Promise.reject(new Error("Layer has been destroyed"))
-                ];
-                slot = preloadSlots.get(token);
-                if (!slot) {
-                    if (debug) console.warn("".concat(LOG, " [preload] No slot found for token=").concat(token, ", nothing to play"));
-                    return [
-                        2
-                    ];
-                }
-                preloadSlots.delete(token);
-                if (debug) console.log("".concat(LOG, " [preload] Playing preloaded ad, token=").concat(token, ", ready=").concat(slot.ready));
-                contentVolume = contentVideo.volume;
-                originalVolume = Math.max(0, Math.min(1, contentVolume || originalVolume));
-                sessionId = generateSessionId();
-                currentAd = slot.ad;
-                trackingFired = _object_spread({}, createEmptyTrackingState());
-                fireTrackingPixels2(slot.ad.trackingUrls.impression);
-                trackingFired.impression = true;
-                if (singleElementMode) {
-                    mainHlsInstance === null || mainHlsInstance === void 0 ? void 0 : mainHlsInstance.detachMedia();
-                    teardownCurrentPlayback();
-                    adVideoElement = contentVideo;
-                    adHls = void 0;
-                    setupAdEventListeners();
-                    if (!continueLiveStreamDuringAds) {
-                        contentVideo.pause();
-                    }
-                    contentVideo.muted = true;
-                    contentVideo.volume = 0;
-                    adPlaying = true;
-                    setAdPlayingFlag(true);
-                    adVolume2 = originalMutedState ? 1 : originalVolume;
-                    contentVideo.volume = Math.max(0, Math.min(1, adVolume2));
-                    contentVideo.muted = false;
-                    emit("content_pause");
-                    if (debug) console.log("".concat(LOG, " [preload] singleElementMode: attaching ad to contentVideo, url=").concat(slot.mediaFile.url));
-                    startPlayback(slot.mediaFile);
-                    return [
-                        2
-                    ];
-                }
-                if (smartTVMode && !slot.videoEl) {
-                    teardownCurrentPlayback();
-                    if (adVideoElement) {
-                        adVideoElement.remove();
-                        adVideoElement = void 0;
-                    }
-                    videoEl = createAdVideoElement();
-                    videoEl.style.visibility = "visible";
-                    videoEl.style.pointerEvents = "none";
-                    container2 = ensureAdContainer();
-                    container2.appendChild(videoEl);
-                    adVideoElement = videoEl;
-                    setupAdEventListeners();
-                    if (!continueLiveStreamDuringAds) {
-                        contentVideo.pause();
-                    }
-                    contentVideo.muted = true;
-                    contentVideo.volume = 0;
-                    adPlaying = true;
-                    setAdPlayingFlag(true);
-                    adVolume21 = originalMutedState ? 1 : originalVolume;
-                    adVideoElement.volume = Math.max(0, Math.min(1, adVolume21));
-                    adVideoElement.muted = false;
-                    container2.style.display = "flex";
-                    container2.style.pointerEvents = "auto";
-                    emit("content_pause");
-                    if (debug) console.log("".concat(LOG, " [preload] smartTVMode deferred: creating video element and loading, url=").concat(slot.mediaFile.url));
-                    startPlayback(slot.mediaFile);
-                    return [
-                        2
-                    ];
-                }
-                teardownCurrentPlayback();
-                if (adVideoElement && adVideoElement !== slot.videoEl) {
-                    adVideoElement.remove();
-                }
-                slot.videoEl.style.visibility = "visible";
-                slot.videoEl.style.pointerEvents = "none";
-                adVideoElement = slot.videoEl;
-                adHls = slot.hlsInstance;
-                setupAdEventListeners();
-                if (!continueLiveStreamDuringAds) {
-                    contentVideo.pause();
+                switch(_state.label){
+                    case 0:
+                        if (destroyed) return [
+                            2,
+                            Promise.reject(new Error("Layer has been destroyed"))
+                        ];
+                        slot = preloadSlots.get(token);
+                        if (!slot) {
+                            if (debug) console.warn("".concat(LOG, " [preload] No slot found for token=").concat(token, ", nothing to play"));
+                            return [
+                                2
+                            ];
+                        }
+                        preloadSlots.delete(token);
+                        if (debug) console.log("".concat(LOG, " [preload] Playing preloaded ad, token=").concat(token, ", ready=").concat(slot.ready));
+                        contentVolume = contentVideo.volume;
+                        originalVolume = Math.max(0, Math.min(1, contentVolume || originalVolume));
+                        sessionId = generateSessionId();
+                        currentAd = slot.ad;
+                        trackingFired = _object_spread({}, createEmptyTrackingState());
+                        fireTrackingPixels2(slot.ad.trackingUrls.impression);
+                        trackingFired.impression = true;
+                        if (!singleElementMode) return [
+                            3,
+                            2
+                        ];
+                        mainHlsInstance === null || mainHlsInstance === void 0 ? void 0 : mainHlsInstance.detachMedia();
+                        teardownCurrentPlayback();
+                        adVideoElement = contentVideo;
+                        adHls = void 0;
+                        adPlaying = true;
+                        setAdPlayingFlag(true);
+                        contentVideo.removeAttribute("src");
+                        contentVideo.load();
+                        contentVideo.muted = true;
+                        contentVideo.volume = 0;
+                        return [
+                            4,
+                            new Promise(function(resolve) {
+                                return setTimeout(resolve, 200);
+                            })
+                        ];
+                    case 1:
+                        _state.sent();
+                        if (destroyed || tornDown) return [
+                            2
+                        ];
+                        contentVideo.style.visibility = "visible";
+                        contentVideo.style.opacity = "1";
+                        emit("content_pause");
+                        setupAdEventListeners();
+                        adVolume2 = originalMutedState ? 1 : originalVolume;
+                        contentVideo.volume = Math.max(0, Math.min(1, adVolume2));
+                        contentVideo.muted = false;
+                        if (debug) console.log("".concat(LOG, " [preload] singleElementMode: attaching ad to contentVideo, url=").concat(slot.mediaFile.url));
+                        startPlayback(slot.mediaFile);
+                        return [
+                            2
+                        ];
+                    case 2:
+                        if (smartTVMode && !slot.videoEl) {
+                            teardownCurrentPlayback();
+                            if (adVideoElement) {
+                                adVideoElement.remove();
+                                adVideoElement = void 0;
+                            }
+                            videoEl = createAdVideoElement();
+                            videoEl.style.visibility = "visible";
+                            videoEl.style.pointerEvents = "none";
+                            container2 = ensureAdContainer();
+                            container2.appendChild(videoEl);
+                            adVideoElement = videoEl;
+                            setupAdEventListeners();
+                            if (!continueLiveStreamDuringAds) {
+                                contentVideo.pause();
+                            }
+                            contentVideo.muted = true;
+                            contentVideo.volume = 0;
+                            adPlaying = true;
+                            setAdPlayingFlag(true);
+                            adVolume21 = originalMutedState ? 1 : originalVolume;
+                            adVideoElement.volume = Math.max(0, Math.min(1, adVolume21));
+                            adVideoElement.muted = false;
+                            container2.style.display = "flex";
+                            container2.style.pointerEvents = "auto";
+                            emit("content_pause");
+                            if (debug) console.log("".concat(LOG, " [preload] smartTVMode deferred: creating video element and loading, url=").concat(slot.mediaFile.url));
+                            startPlayback(slot.mediaFile);
+                            return [
+                                2
+                            ];
+                        }
+                        teardownCurrentPlayback();
+                        if (adVideoElement && adVideoElement !== slot.videoEl) {
+                            adVideoElement.remove();
+                        }
+                        slot.videoEl.style.visibility = "visible";
+                        slot.videoEl.style.pointerEvents = "none";
+                        adVideoElement = slot.videoEl;
+                        adHls = slot.hlsInstance;
+                        if (adHls) {
+                            nonFatalNetworkErrors = 0;
+                            adHls.on(import_hls.default.Events.ERROR, function(_event, data) {
+                                if (!adPlaying) return;
+                                if (data.fatal) {
+                                    handleAdError();
+                                } else if (data.type === import_hls.default.ErrorTypes.NETWORK_ERROR) {
+                                    nonFatalNetworkErrors++;
+                                    if (nonFatalNetworkErrors >= 3) {
+                                        if (debug) console.warn("".concat(LOG, " [preload] Too many non-fatal HLS network errors during playback, treating as fatal"));
+                                        handleAdError();
+                                    }
+                                }
+                            });
+                        }
+                        setupAdEventListeners();
+                        if (!continueLiveStreamDuringAds) {
+                            contentVideo.pause();
+                        }
+                        contentVideo.muted = true;
+                        contentVideo.volume = 0;
+                        adPlaying = true;
+                        setAdPlayingFlag(true);
+                        adVolume = originalMutedState ? 1 : originalVolume;
+                        adVideoElement.volume = Math.max(0, Math.min(1, adVolume));
+                        adVideoElement.muted = false;
+                        container = ensureAdContainer();
+                        container.style.display = "flex";
+                        container.style.pointerEvents = "auto";
+                        emit("content_pause");
+                        adVideoElement.play().catch(function(error) {
+                            console.error("".concat(LOG, " [preload] Error playing preloaded ad:"), error);
+                            handleAdError();
+                        });
+                        return [
+                            2
+                        ];
                 }
-                contentVideo.muted = true;
-                contentVideo.volume = 0;
-                adPlaying = true;
-                setAdPlayingFlag(true);
-                adVolume = originalMutedState ? 1 : originalVolume;
-                adVideoElement.volume = Math.max(0, Math.min(1, adVolume));
-                adVideoElement.muted = false;
-                container = ensureAdContainer();
-                container.style.display = "flex";
-                container.style.pointerEvents = "auto";
-                emit("content_pause");
-                adVideoElement.play().catch(function(error) {
-                    console.error("".concat(LOG, " [preload] Error playing preloaded ad:"), error);
-                    handleAdError();
-                });
-                return [
-                    2
-                ];
             });
         })();
     }