stormcloud-video-player 0.6.10 → 0.6.12

package/lib/index.js

@@ -671,7 +671,8 @@ function fireTrackingPixels(urls, sessionId) {
     });
 }
 // src/sdk/vastManager.ts
-var VAST_TAG_URL = "https://pubads.g.doubleclick.net/gampad/ads?iu=/21821455290/Airy-Android&description_url=http%3A%2F%2Fairy.tv&tfcd=0&npa=0&sz=1x1%7C300x250%7C400x300%7C640x480&gdfp_req=1&unviewed_position_start=1&correlator=[placeholder]&vpos=preroll&output=vast&env=vp&vpmute=0&vpa=click";
+var VAST_TAG_URL_FALLBACK = "https://pubads.g.doubleclick.net/gampad/ads?iu=/21821455290/Airy-Android&description_url=http%3A%2F%2Fairy.tv&tfcd=0&npa=0&sz=1x1%7C300x250%7C400x300%7C640x480&gdfp_req=1&unviewed_position_start=1&correlator=[placeholder]&vpos=preroll&output=vast&env=vp&vpmute=0&vpa=click";
+var ADSTORM_API_URL = "https://adstorm.co/api-adstorm-dev/adstorm/ads/web";
 var DEFAULT_TIMEOUT_MS = 5e3;
 var MAX_RETRIES = 3;
 var RETRY_BACKOFF_MS = 1500;
@@ -679,6 +680,7 @@ function createVastManager() {
     var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     var _options_debug;
     var initialized = false;
+    var vastTagUrl = VAST_TAG_URL_FALLBACK;
     var debug = (_options_debug = options.debug) !== null && _options_debug !== void 0 ? _options_debug : false;
     function log() {
         for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
@@ -700,17 +702,97 @@ function createVastManager() {
             "[VastManager]"
         ].concat(_to_consumable_array(args)));
     }
+    function fetchVastUrlFromApi() {
+        return _async_to_generator(function() {
+            var apiUrl, _data_response_ima_publisherdeskima, _data_response_ima, _data_response, res, data, payload, err;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        apiUrl = options.adstormApiUrl || ADSTORM_API_URL;
+                        _state.label = 1;
+                    case 1:
+                        _state.trys.push([
+                            1,
+                            4,
+                            ,
+                            5
+                        ]);
+                        return [
+                            4,
+                            fetch(apiUrl, {
+                                method: "GET",
+                                headers: {
+                                    Authorization: "Bearer ".concat(options.licenseKey),
+                                    Accept: "application/json"
+                                }
+                            })
+                        ];
+                    case 2:
+                        res = _state.sent();
+                        if (!res.ok) {
+                            warn("Failed to fetch VAST URL from API (HTTP ".concat(res.status, "), using fallback"));
+                            return [
+                                2
+                            ];
+                        }
+                        return [
+                            4,
+                            res.json()
+                        ];
+                    case 3:
+                        data = _state.sent();
+                        payload = data === null || data === void 0 ? void 0 : (_data_response = data.response) === null || _data_response === void 0 ? void 0 : (_data_response_ima = _data_response.ima) === null || _data_response_ima === void 0 ? void 0 : (_data_response_ima_publisherdeskima = _data_response_ima["publisherdesk.ima"]) === null || _data_response_ima_publisherdeskima === void 0 ? void 0 : _data_response_ima_publisherdeskima.payload;
+                        if (payload) {
+                            vastTagUrl = payload;
+                            log("VAST tag URL fetched from API:", vastTagUrl.split("?")[0]);
+                        } else {
+                            log("API response had no VAST payload, using fallback URL");
+                        }
+                        return [
+                            3,
+                            5
+                        ];
+                    case 4:
+                        err = _state.sent();
+                        warn("Error fetching VAST URL from API, using fallback:", err);
+                        return [
+                            3,
+                            5
+                        ];
+                    case 5:
+                        return [
+                            2
+                        ];
+                }
+            });
+        })();
+    }
     function initialize() {
         return _async_to_generator(function() {
             return _ts_generator(this, function(_state) {
-                if (initialized) return [
-                    2
-                ];
-                initialized = true;
-                log("Initialized, VAST tag URL:", VAST_TAG_URL.split("?")[0]);
-                return [
-                    2
-                ];
+                switch(_state.label){
+                    case 0:
+                        if (initialized) return [
+                            2
+                        ];
+                        initialized = true;
+                        if (!options.licenseKey) return [
+                            3,
+                            2
+                        ];
+                        return [
+                            4,
+                            fetchVastUrlFromApi()
+                        ];
+                    case 1:
+                        _state.sent();
+                        _state.label = 2;
+                    case 2:
+                        log("Initialized, VAST tag URL:", vastTagUrl.split("?")[0]);
+                        return [
+                            2
+                        ];
+                }
             });
         })();
     }
@@ -724,7 +806,7 @@ function createVastManager() {
                             throw new Error("VastManager not initialized. Call initialize() first.");
                         }
                         correlator = Math.floor(Math.random() * 1e12).toString();
-                        url = VAST_TAG_URL.replace("[placeholder]", correlator);
+                        url = vastTagUrl.replace("[placeholder]", correlator);
                         log("Fetching VAST tag, correlator:", correlator);
                         controller = typeof AbortController !== "undefined" ? new AbortController() : null;
                         timeoutId = setTimeout(function() {
@@ -918,6 +1000,7 @@ function createVastManager() {
     }
     function destroy() {
         initialized = false;
+        vastTagUrl = VAST_TAG_URL_FALLBACK;
         log("Destroyed");
     }
     return {
@@ -1947,6 +2030,85 @@ function createVastAdLayer(contentVideo, options) {
         }
     };
 }
+// src/utils/mqttClient.ts
+import mqtt from "mqtt";
+var LOG2 = "[StormcloudVideoPlayer][MQTT]";
+var client = null;
+var status = "disconnected";
+var brokerUrl = "";
+function getMQTTStatus() {
+    return status;
+}
+function isMQTTConnected() {
+    return status === "connected" && client !== null && client.connected;
+}
+function isMQTTConfigured() {
+    return client !== null;
+}
+function initMQTTClient(url) {
+    var _topicPrefix = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "adstorm";
+    if (client) return;
+    brokerUrl = url;
+    status = "connecting";
+    var clientId = "stormcloud-vp-".concat(Math.random().toString(36).slice(2, 9));
+    try {
+        client = mqtt.connect(url, {
+            clientId: clientId,
+            keepalive: 60,
+            clean: true,
+            reconnectPeriod: 5e3,
+            connectTimeout: 1e4,
+            queueQoSZero: false
+        });
+    } catch (err) {
+        status = "error";
+        console.warn("".concat(LOG2, " connect() threw:"), err);
+        return;
+    }
+    client.on("connect", function() {
+        status = "connected";
+        console.info("".concat(LOG2, " connected to ").concat(url));
+    });
+    client.on("reconnect", function() {
+        status = "connecting";
+        console.info("".concat(LOG2, " reconnecting…"));
+    });
+    client.on("offline", function() {
+        status = "disconnected";
+        console.warn("".concat(LOG2, " offline"));
+    });
+    client.on("error", function(err) {
+        status = "error";
+        console.warn("".concat(LOG2, " error:"), err.message);
+    });
+    client.on("close", function() {
+        if (status === "connected") {
+            status = "disconnected";
+        }
+    });
+}
+function publishMQTT(topic, payload) {
+    if (!client) {
+        return false;
+    }
+    try {
+        client.publish(topic, JSON.stringify(payload), {
+            qos: 1
+        });
+        return true;
+    } catch (err) {
+        console.warn("".concat(LOG2, " publish failed on ").concat(topic, ":"), err);
+        return false;
+    }
+}
+function disconnectMQTT() {
+    if (client) {
+        client.end(true);
+        client = null;
+        status = "disconnected";
+        brokerUrl = "";
+    }
+}
 // src/utils/tracking.ts
 var cachedBrowserId = null;
 function getClientInfo() {
@@ -1978,8 +2140,8 @@ function getClientInfo() {
         os = "webOS";
         isSmartTV = true;
         deviceType = "tv";
-        var webosMatch = ua.match(/Web0S\/([^\s]+)/);
-        model = webosMatch ? "webOS ".concat(webosMatch[1]) : "webOS TV";
+        var m = ua.match(/Web0S\/([^\s]+)/);
+        model = m ? "webOS ".concat(m[1]) : "webOS TV";
     } else if (ua.includes("Tizen")) {
         brand = "Samsung";
         os = "Tizen";
@@ -2023,23 +2185,19 @@ function getClientInfo() {
         isAndroid = true;
         os = "Android";
         deviceType = /Mobile/.test(ua) ? "mobile" : "tablet";
-        if (ua.includes("Android") && (maxTouchPoints === 0 || ua.includes("Google TV") || ua.includes("XiaoMi"))) {
+        if (maxTouchPoints === 0 || ua.includes("Google TV") || ua.includes("XiaoMi")) {
             deviceType = "tv";
             isSmartTV = true;
             brand = brand === "Unknown" ? "Android TV" : brand;
         }
         var androidModelMatch = ua.match(/\(([^)]*Android[^)]*)\)/);
-        if (androidModelMatch && androidModelMatch[1]) {
-            model = androidModelMatch[1];
-        }
+        if (androidModelMatch === null || androidModelMatch === void 0 ? void 0 : androidModelMatch[1]) model = androidModelMatch[1];
     }
     if (/iPad|iPhone|iPod/.test(ua)) {
         os = "iOS";
         deviceType = "mobile";
         brand = "Apple";
-        if (navigator.maxTouchPoints > 1 && /iPad/.test(ua)) {
-            deviceType = "tablet";
-        }
+        if (navigator.maxTouchPoints > 1 && /iPad/.test(ua)) deviceType = "tablet";
     }
     if (!isAndroid && !isSmartTV && !/Mobile/.test(ua)) {
         if (ua.includes("Windows")) {
@@ -2060,9 +2218,7 @@ function getClientInfo() {
         if (vendor.includes("Samsung") || ua.includes("SM-")) brand = "Samsung";
     }
     isWebView = /wv|WebView|Linux; U;/.test(ua);
-    if (((_window = window) === null || _window === void 0 ? void 0 : _window.outerHeight) === 0 && ((_window1 = window) === null || _window1 === void 0 ? void 0 : _window1.outerWidth) === 0) {
-        isWebView = true;
-    }
+    if (((_window = window) === null || _window === void 0 ? void 0 : _window.outerHeight) === 0 && ((_window1 = window) === null || _window1 === void 0 ? void 0 : _window1.outerWidth) === 0) isWebView = true;
     isWebApp = window.matchMedia("(display-mode: standalone)").matches || window.navigator.standalone === true || ((_window_screen = window.screen) === null || _window_screen === void 0 ? void 0 : (_window_screen_orientation = _window_screen.orientation) === null || _window_screen_orientation === void 0 ? void 0 : _window_screen_orientation.angle) !== void 0;
     return {
         brand: brand,
@@ -2093,18 +2249,16 @@ function getClientInfo() {
 }
 function getBrowserID(clientInfo) {
     return _async_to_generator(function() {
-        var fingerprintString, encodedData, utf8, buffer, i, hashBuffer, hashArray, hashHex, error, hash, i1, char, fallbackHash, timestamp, random;
+        var _crypto_subtle, fingerprintString, encodedData, utf8, buffer, i, hashBuffer, hashHex, unused, hash, i1, char, fallbackHash, timestamp, random;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
-                    if (cachedBrowserId) {
-                        return [
-                            2,
-                            cachedBrowserId
-                        ];
-                    }
+                    if (cachedBrowserId) return [
+                        2,
+                        cachedBrowserId
+                    ];
                     fingerprintString = JSON.stringify(clientInfo);
-                    if (!(typeof crypto !== "undefined" && crypto.subtle && crypto.subtle.digest)) return [
+                    if (!(typeof crypto !== "undefined" && ((_crypto_subtle = crypto.subtle) === null || _crypto_subtle === void 0 ? void 0 : _crypto_subtle.digest))) return [
                         3,
                         5
                     ];
@@ -2131,9 +2285,7 @@ function getBrowserID(clientInfo) {
                     } else {
                         utf8 = unescape(encodeURIComponent(fingerprintString));
                         buffer = new Uint8Array(utf8.length);
-                        for(i = 0; i < utf8.length; i++){
-                            buffer[i] = utf8.charCodeAt(i);
-                        }
+                        for(i = 0; i < utf8.length; i++)buffer[i] = utf8.charCodeAt(i);
                         encodedData = buffer;
                     }
                     return [
@@ -2142,8 +2294,7 @@ function getBrowserID(clientInfo) {
                     ];
                 case 3:
                     hashBuffer = _state.sent();
-                    hashArray = Array.from(new Uint8Array(hashBuffer));
-                    hashHex = hashArray.map(function(b) {
+                    hashHex = Array.from(new Uint8Array(hashBuffer)).map(function(b) {
                         return b.toString(16).padStart(2, "0");
                     }).join("");
                     cachedBrowserId = hashHex;
@@ -2152,8 +2303,8 @@ function getBrowserID(clientInfo) {
                         hashHex
                     ];
                 case 4:
-                    error = _state.sent();
-                    console.warn("[StormcloudVideoPlayer] crypto.subtle.digest not supported, using fallback hash");
+                    unused = _state.sent();
+                    console.warn("[StormcloudVideoPlayer] crypto.subtle not supported, using fallback hash");
                     return [
                         3,
                         5
@@ -2177,6 +2328,10 @@ function getBrowserID(clientInfo) {
         });
     })();
 }
+var mqttTopicPrefix = "adstorm";
+function setMQTTTopicPrefix(prefix) {
+    mqttTopicPrefix = prefix || "adstorm";
+}
 var PLAYER_TRACKING_BASE_URL = "https://adstorm.co/api-adstorm-dev/adstorm/player-tracking";
 var TRACK_URL = "".concat(PLAYER_TRACKING_BASE_URL, "/metrics/ingest");
 var HEARTBEAT_URL = "".concat(PLAYER_TRACKING_BASE_URL, "/heartbeat");
@@ -2185,43 +2340,9 @@ function buildHeaders(licenseKey) {
     var headers = {
         "Content-Type": "application/json"
     };
-    if (licenseKey) {
-        headers["Authorization"] = "Bearer ".concat(licenseKey);
-    }
+    if (licenseKey) headers["Authorization"] = "Bearer ".concat(licenseKey);
     return headers;
 }
-function sendTrackRequest(licenseKey, body) {
-    return _async_to_generator(function() {
-        var response;
-        return _ts_generator(this, function(_state) {
-            switch(_state.label){
-                case 0:
-                    return [
-                        4,
-                        fetch(TRACK_URL, {
-                            method: "POST",
-                            headers: buildHeaders(licenseKey),
-                            body: JSON.stringify(body)
-                        })
-                    ];
-                case 1:
-                    response = _state.sent();
-                    if (!response.ok) {
-                        throw new Error("HTTP error! status: ".concat(response.status));
-                    }
-                    return [
-                        4,
-                        response.json()
-                    ];
-                case 2:
-                    _state.sent();
-                    return [
-                        2
-                    ];
-            }
-        });
-    })();
-}
 function postJson(url, licenseKey, body) {
     return _async_to_generator(function() {
         var response;
@@ -2238,9 +2359,7 @@ function postJson(url, licenseKey, body) {
                     ];
                 case 1:
                     response = _state.sent();
-                    if (!response.ok) {
-                        throw new Error("HTTP error! status: ".concat(response.status));
-                    }
+                    if (!response.ok) throw new Error("HTTP error! status: ".concat(response.status));
                     return [
                         4,
                         response.json()
@@ -2290,9 +2409,33 @@ function buildPlayerMetricEvent(_0) {
         });
     }).apply(this, arguments);
 }
+function publishOrPost(mqttTopic, httpUrl, licenseKey, body) {
+    return _async_to_generator(function() {
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    if (isMQTTConfigured()) {
+                        publishMQTT(mqttTopic, body);
+                        return [
+                            2
+                        ];
+                    }
+                    return [
+                        4,
+                        postJson(httpUrl, licenseKey, body)
+                    ];
+                case 1:
+                    _state.sent();
+                    return [
+                        2
+                    ];
+            }
+        });
+    })();
+}
 function sendInitialTracking(_0) {
     return _async_to_generator(function(licenseKey) {
-        var context, clientInfo, browserId, trackingData, error;
+        var context, clientInfo, browserId, captureAt, trackingData, metricsBody, error;
         var _arguments = arguments;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
@@ -2313,26 +2456,28 @@ function sendInitialTracking(_0) {
                     ];
                 case 2:
                     browserId = _state.sent();
+                    captureAt = /* @__PURE__ */ new Date().toISOString();
                     trackingData = _object_spread({
                         browserId: browserId
                     }, clientInfo);
+                    metricsBody = {
+                        events: [
+                            {
+                                player_id: browserId,
+                                device_type: clientInfo.deviceType,
+                                input_stream_type: context.inputStreamType,
+                                os: clientInfo.os,
+                                ad_loaded: false,
+                                ad_detect: false,
+                                license_key: licenseKey,
+                                capture_at: captureAt
+                            }
+                        ],
+                        trackingData: trackingData
+                    };
                     return [
                         4,
-                        sendTrackRequest(licenseKey, {
-                            events: [
-                                {
-                                    player_id: browserId,
-                                    device_type: clientInfo.deviceType,
-                                    input_stream_type: context.inputStreamType,
-                                    os: clientInfo.os,
-                                    ad_loaded: false,
-                                    ad_detect: false,
-                                    license_key: licenseKey,
-                                    capture_at: /* @__PURE__ */ new Date().toISOString()
-                                }
-                            ],
-                            trackingData: trackingData
-                        })
+                        publishOrPost("".concat(mqttTopicPrefix, "/tracking/metrics"), TRACK_URL, licenseKey, metricsBody)
                     ];
                 case 3:
                     _state.sent();
@@ -2445,7 +2590,7 @@ function sendAdLoadedTracking(_0, _1) {
 }
 function sendAdImpressionTracking(_0, _1) {
     return _async_to_generator(function(licenseKey, adImpressionInfo) {
-        var context, metricEvent, error;
+        var context, metricEvent, heartbeatBody, impressionsBody, error;
         var _arguments = arguments;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
@@ -2467,21 +2612,23 @@ function sendAdImpressionTracking(_0, _1) {
                     ];
                 case 2:
                     metricEvent = _state.sent();
+                    heartbeatBody = metricEvent;
+                    impressionsBody = {
+                        events: [
+                            {
+                                player_id: metricEvent.player_id,
+                                ad_played_count: 1,
+                                ad_url: adImpressionInfo.adUrl,
+                                license_key: licenseKey,
+                                capture_at: adImpressionInfo.timestamp
+                            }
+                        ]
+                    };
                     return [
                         4,
                         Promise.all([
-                            postJson(HEARTBEAT_URL, licenseKey, metricEvent),
-                            postJson(IMPRESSIONS_URL, licenseKey, {
-                                events: [
-                                    {
-                                        player_id: metricEvent.player_id,
-                                        ad_played_count: 1,
-                                        ad_url: adImpressionInfo.adUrl,
-                                        license_key: licenseKey,
-                                        capture_at: adImpressionInfo.timestamp
-                                    }
-                                ]
-                            })
+                            publishOrPost("".concat(mqttTopicPrefix, "/tracking/heartbeat"), HEARTBEAT_URL, licenseKey, heartbeatBody),
+                            publishOrPost("".concat(mqttTopicPrefix, "/tracking/impressions"), IMPRESSIONS_URL, licenseKey, impressionsBody)
                         ])
                     ];
                 case 3:
@@ -2529,7 +2676,7 @@ function sendHeartbeat(_0) {
                     heartbeatData = _state.sent();
                     return [
                         4,
-                        postJson(HEARTBEAT_URL, licenseKey, heartbeatData)
+                        publishOrPost("".concat(mqttTopicPrefix, "/tracking/heartbeat"), HEARTBEAT_URL, licenseKey, heartbeatData)
                     ];
                 case 3:
                     _state.sent();
@@ -3133,9 +3280,11 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
         this.video = config.videoElement;
         this.adTransitionGapMs = (_this_config_adTransitionGapMs = this.config.adTransitionGapMs) !== null && _this_config_adTransitionGapMs !== void 0 ? _this_config_adTransitionGapMs : 100;
         logBrowserInfo(config.debugAdTiming);
-        this.vastManager = createVastManager(config.debugAdTiming !== void 0 ? {
-            debug: !!config.debugAdTiming
-        } : {});
+        this.vastManager = createVastManager(_object_spread({
+            debug: config.debugAdTiming !== void 0 ? !!config.debugAdTiming : false
+        }, config.licenseKey ? {
+            licenseKey: config.licenseKey
+        } : {}));
         var browserForAdLayer = detectBrowser();
         var isSinglePipeline = browserForAdLayer.isSmartTV || !!this.config.singlePipelineMode;
         this.adLayer = createVastAdLayer(this.video, {
@@ -3186,6 +3335,9 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                     this.attach();
                                 }
                                 this.initializeTracking();
+                                if (!this.config.disableAds) {
+                                    this.vastManager.initialize().catch(function() {});
+                                }
                                 if (!this.shouldUseNativeHls()) return [
                                     3,
                                     3
@@ -4481,6 +4633,11 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
             key: "initializeTracking",
             value: function initializeTracking() {
                 var _this = this;
+                if (this.config.mqttBrokerUrl) {
+                    var topicPrefix = "adstorm";
+                    setMQTTTopicPrefix(topicPrefix);
+                    initMQTTClient(this.config.mqttBrokerUrl, topicPrefix);
+                }
                 sendInitialTracking(this.config.licenseKey, this.getAnalyticsContext()).then(function() {
                     _this.heartbeatInterval = window.setInterval(function() {
                         _this.sendHeartbeatIfNeeded();
@@ -6160,6 +6317,9 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                     clearInterval(this.heartbeatInterval);
                     this.heartbeatInterval = void 0;
                 }
+                if (this.config.mqttBrokerUrl) {
+                    disconnectMQTT();
+                }
                 (_this_hls = this.hls) === null || _this_hls === void 0 ? void 0 : _this_hls.destroy();
                 (_this_adLayer = this.adLayer) === null || _this_adLayer === void 0 ? void 0 : _this_adLayer.destroy();
                 this.consecutiveFailures = 0;
@@ -6181,7 +6341,7 @@ var CRITICAL_PROPS = [
 var CONTROLS_HIDE_DELAY = 3e3;
 var DEFAULT_PLAYER_ASPECT_RATIO = 16 / 9;
 var StormcloudVideoPlayerComponent = React.memo(function(props) {
-    var src = props.src, autoplay = props.autoplay, muted = props.muted, lowLatencyMode = props.lowLatencyMode, allowNativeHls = props.allowNativeHls, driftToleranceMs = props.driftToleranceMs, immediateManifestAds = props.immediateManifestAds, debugAdTiming = props.debugAdTiming, showCustomControls = props.showCustomControls, hideLoadingIndicator = props.hideLoadingIndicator, onVolumeToggle = props.onVolumeToggle, onFullscreenToggle = props.onFullscreenToggle, onControlClick = props.onControlClick, onReady = props.onReady, wrapperClassName = props.wrapperClassName, wrapperStyle = props.wrapperStyle, className = props.className, style = props.style, controls = props.controls, playsInline = props.playsInline, preload = props.preload, poster = props.poster, children = props.children, licenseKey = props.licenseKey, minSegmentsBeforePlay = props.minSegmentsBeforePlay, disableAds = props.disableAds, disableFiller = props.disableFiller, restVideoAttrs = _object_without_properties(props, [
+    var src = props.src, autoplay = props.autoplay, muted = props.muted, lowLatencyMode = props.lowLatencyMode, allowNativeHls = props.allowNativeHls, driftToleranceMs = props.driftToleranceMs, immediateManifestAds = props.immediateManifestAds, debugAdTiming = props.debugAdTiming, showCustomControls = props.showCustomControls, hideLoadingIndicator = props.hideLoadingIndicator, onVolumeToggle = props.onVolumeToggle, onFullscreenToggle = props.onFullscreenToggle, onControlClick = props.onControlClick, onReady = props.onReady, wrapperClassName = props.wrapperClassName, wrapperStyle = props.wrapperStyle, className = props.className, style = props.style, controls = props.controls, playsInline = props.playsInline, preload = props.preload, poster = props.poster, children = props.children, licenseKey = props.licenseKey, minSegmentsBeforePlay = props.minSegmentsBeforePlay, disableAds = props.disableAds, disableFiller = props.disableFiller, mqttBrokerUrl = props.mqttBrokerUrl, restVideoAttrs = _object_without_properties(props, [
         "src",
         "autoplay",
         "muted",
@@ -6208,7 +6368,8 @@ var StormcloudVideoPlayerComponent = React.memo(function(props) {
         "licenseKey",
         "minSegmentsBeforePlay",
         "disableAds",
-        "disableFiller"
+        "disableFiller",
+        "mqttBrokerUrl"
     ]);
     var videoRef = useRef(null);
     var playerRef = useRef(null);
@@ -6368,6 +6529,7 @@ var StormcloudVideoPlayerComponent = React.memo(function(props) {
         if (minSegmentsBeforePlay !== void 0) cfg.minSegmentsBeforePlay = minSegmentsBeforePlay;
         if (disableAds !== void 0) cfg.disableAds = disableAds;
         cfg.disableFiller = disableFiller !== null && disableFiller !== void 0 ? disableFiller : true;
+        if (mqttBrokerUrl !== void 0) cfg.mqttBrokerUrl = mqttBrokerUrl;
         var player = new StormcloudVideoPlayer(cfg);
         playerRef.current = player;
         player.load().then(function() {
@@ -8602,5 +8764,5 @@ var createStormcloudPlayer = function createStormcloudPlayer(playerList, fallbac
 };
 var StormcloudPlayer = createStormcloudPlayer(players_default, players_default[players_default.length - 1]);
 var StormcloudPlayer_default = StormcloudPlayer;
-export { IS_BROWSER, IS_GLOBAL, IS_IOS, IS_SAFARI, SUPPORTS_DASH, SUPPORTS_HLS, StormcloudPlayer_default as StormcloudPlayer, StormcloudVideoPlayer, StormcloudVideoPlayerComponent, canPlay, createStormcloudPlayer, createVastAdLayer, createVastManager, StormcloudVideoPlayerComponent as default, detectBrowser, getBrowserConfigOverrides, getBrowserID, getClientInfo, initializePolyfills, isMediaStream, lazy, logBrowserInfo, merge, omit, parseQuery, players_default as players, randomString, sendHeartbeat, sendInitialTracking, supportsFeature, supportsModernJS, supportsWebKitPresentationMode };
+export { IS_BROWSER, IS_GLOBAL, IS_IOS, IS_SAFARI, SUPPORTS_DASH, SUPPORTS_HLS, StormcloudPlayer_default as StormcloudPlayer, StormcloudVideoPlayer, StormcloudVideoPlayerComponent, canPlay, createStormcloudPlayer, createVastAdLayer, createVastManager, StormcloudVideoPlayerComponent as default, detectBrowser, disconnectMQTT, getBrowserConfigOverrides, getBrowserID, getClientInfo, getMQTTStatus, initMQTTClient, initializePolyfills, isMQTTConfigured, isMQTTConnected, isMediaStream, lazy, logBrowserInfo, merge, omit, parseQuery, players_default as players, publishMQTT, randomString, sendHeartbeat, sendInitialTracking, supportsFeature, supportsModernJS, supportsWebKitPresentationMode };
 //# sourceMappingURL=index.js.map