stormcloud-video-player 0.6.11 → 0.6.12

package/lib/index.d.cts

@@ -36,6 +36,7 @@ interface StormcloudVideoPlayerConfig {
     disableFiller?: boolean;
     adTransitionGapMs?: number;
     singlePipelineMode?: boolean;
+    mqttBrokerUrl?: string;
 }
 interface ClientInfo {
     brand: string;
@@ -3983,6 +3984,14 @@ type PlayerMetricFlags = {
 declare function sendInitialTracking(licenseKey?: string, context?: PlayerAnalyticsContext): Promise<void>;
 declare function sendHeartbeat(licenseKey?: string, context?: PlayerAnalyticsContext, flags?: PlayerMetricFlags): Promise<void>;
 
+type MQTTStatus = "disconnected" | "connecting" | "connected" | "error";
+declare function getMQTTStatus(): MQTTStatus;
+declare function isMQTTConnected(): boolean;
+declare function isMQTTConfigured(): boolean;
+declare function initMQTTClient(url: string, _topicPrefix?: string): void;
+declare function publishMQTT(topic: string, payload: Record<string, unknown>): boolean;
+declare function disconnectMQTT(): void;
+
 declare function initializePolyfills(): void;
 
 interface NavigatorUAData {
@@ -4065,4 +4074,4 @@ interface VastAdLayer {
 }
 declare function createVastAdLayer(contentVideo: HTMLVideoElement, options?: VastAdLayerOptions): VastAdLayer;
 
-export { type AdBreak, type AdSchedule, type BaseStormcloudPlayerProps, type BrowserInfo, type ClientInfo, type HeartbeatData, IS_BROWSER, IS_GLOBAL, IS_IOS, IS_SAFARI, type LateJoinPolicy, type OnProgressProps, SUPPORTS_DASH, SUPPORTS_HLS, StormcloudPlayer, StormcloudVideoPlayer, StormcloudVideoPlayerComponent, type StormcloudVideoPlayerConfig, type StormcloudVideoPlayerProps, type TrackingData, type VastAdLayer, type VastAdLayerOptions, type VastAdLayerOptionsUpdate, type VastBidResponse, type VastManager, type VastManagerOptions, canPlay, createStormcloudPlayer, createVastAdLayer, createVastManager, StormcloudVideoPlayerComponent as default, detectBrowser, getBrowserConfigOverrides, getBrowserID, getClientInfo, initializePolyfills, isMediaStream, lazy, logBrowserInfo, merge, omit, parseQuery, players, randomString, sendHeartbeat, sendInitialTracking, supportsFeature, supportsModernJS, supportsWebKitPresentationMode };
+export { type AdBreak, type AdSchedule, type BaseStormcloudPlayerProps, type BrowserInfo, type ClientInfo, type HeartbeatData, IS_BROWSER, IS_GLOBAL, IS_IOS, IS_SAFARI, type LateJoinPolicy, type MQTTStatus, type OnProgressProps, SUPPORTS_DASH, SUPPORTS_HLS, StormcloudPlayer, StormcloudVideoPlayer, StormcloudVideoPlayerComponent, type StormcloudVideoPlayerConfig, type StormcloudVideoPlayerProps, type TrackingData, type VastAdLayer, type VastAdLayerOptions, type VastAdLayerOptionsUpdate, type VastBidResponse, type VastManager, type VastManagerOptions, canPlay, createStormcloudPlayer, createVastAdLayer, createVastManager, StormcloudVideoPlayerComponent as default, detectBrowser, disconnectMQTT, getBrowserConfigOverrides, getBrowserID, getClientInfo, getMQTTStatus, initMQTTClient, initializePolyfills, isMQTTConfigured, isMQTTConnected, isMediaStream, lazy, logBrowserInfo, merge, omit, parseQuery, players, publishMQTT, randomString, sendHeartbeat, sendInitialTracking, supportsFeature, supportsModernJS, supportsWebKitPresentationMode };

package/lib/index.d.ts

@@ -36,6 +36,7 @@ interface StormcloudVideoPlayerConfig {
     disableFiller?: boolean;
     adTransitionGapMs?: number;
     singlePipelineMode?: boolean;
+    mqttBrokerUrl?: string;
 }
 interface ClientInfo {
     brand: string;
@@ -3983,6 +3984,14 @@ type PlayerMetricFlags = {
 declare function sendInitialTracking(licenseKey?: string, context?: PlayerAnalyticsContext): Promise<void>;
 declare function sendHeartbeat(licenseKey?: string, context?: PlayerAnalyticsContext, flags?: PlayerMetricFlags): Promise<void>;
 
+type MQTTStatus = "disconnected" | "connecting" | "connected" | "error";
+declare function getMQTTStatus(): MQTTStatus;
+declare function isMQTTConnected(): boolean;
+declare function isMQTTConfigured(): boolean;
+declare function initMQTTClient(url: string, _topicPrefix?: string): void;
+declare function publishMQTT(topic: string, payload: Record<string, unknown>): boolean;
+declare function disconnectMQTT(): void;
+
 declare function initializePolyfills(): void;
 
 interface NavigatorUAData {
@@ -4065,4 +4074,4 @@ interface VastAdLayer {
 }
 declare function createVastAdLayer(contentVideo: HTMLVideoElement, options?: VastAdLayerOptions): VastAdLayer;
 
-export { type AdBreak, type AdSchedule, type BaseStormcloudPlayerProps, type BrowserInfo, type ClientInfo, type HeartbeatData, IS_BROWSER, IS_GLOBAL, IS_IOS, IS_SAFARI, type LateJoinPolicy, type OnProgressProps, SUPPORTS_DASH, SUPPORTS_HLS, StormcloudPlayer, StormcloudVideoPlayer, StormcloudVideoPlayerComponent, type StormcloudVideoPlayerConfig, type StormcloudVideoPlayerProps, type TrackingData, type VastAdLayer, type VastAdLayerOptions, type VastAdLayerOptionsUpdate, type VastBidResponse, type VastManager, type VastManagerOptions, canPlay, createStormcloudPlayer, createVastAdLayer, createVastManager, StormcloudVideoPlayerComponent as default, detectBrowser, getBrowserConfigOverrides, getBrowserID, getClientInfo, initializePolyfills, isMediaStream, lazy, logBrowserInfo, merge, omit, parseQuery, players, randomString, sendHeartbeat, sendInitialTracking, supportsFeature, supportsModernJS, supportsWebKitPresentationMode };
+export { type AdBreak, type AdSchedule, type BaseStormcloudPlayerProps, type BrowserInfo, type ClientInfo, type HeartbeatData, IS_BROWSER, IS_GLOBAL, IS_IOS, IS_SAFARI, type LateJoinPolicy, type MQTTStatus, type OnProgressProps, SUPPORTS_DASH, SUPPORTS_HLS, StormcloudPlayer, StormcloudVideoPlayer, StormcloudVideoPlayerComponent, type StormcloudVideoPlayerConfig, type StormcloudVideoPlayerProps, type TrackingData, type VastAdLayer, type VastAdLayerOptions, type VastAdLayerOptionsUpdate, type VastBidResponse, type VastManager, type VastManagerOptions, canPlay, createStormcloudPlayer, createVastAdLayer, createVastManager, StormcloudVideoPlayerComponent as default, detectBrowser, disconnectMQTT, getBrowserConfigOverrides, getBrowserID, getClientInfo, getMQTTStatus, initMQTTClient, initializePolyfills, isMQTTConfigured, isMQTTConnected, isMediaStream, lazy, logBrowserInfo, merge, omit, parseQuery, players, publishMQTT, randomString, sendHeartbeat, sendInitialTracking, supportsFeature, supportsModernJS, supportsWebKitPresentationMode };

package/lib/index.js

@@ -2030,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() {
@@ -2061,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";
@@ -2106,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")) {
@@ -2143,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,
@@ -2176,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
                     ];
@@ -2214,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 [
@@ -2225,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;
@@ -2235,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
@@ -2260,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");
@@ -2268,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;
@@ -2321,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()
@@ -2373,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){
@@ -2396,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();
@@ -2528,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){
@@ -2550,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:
@@ -2612,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();
@@ -4569,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();
@@ -6248,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;
@@ -6269,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",
@@ -6296,7 +6368,8 @@ var StormcloudVideoPlayerComponent = React.memo(function(props) {
         "licenseKey",
         "minSegmentsBeforePlay",
         "disableAds",
-        "disableFiller"
+        "disableFiller",
+        "mqttBrokerUrl"
     ]);
     var videoRef = useRef(null);
     var playerRef = useRef(null);
@@ -6456,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() {
@@ -8690,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