unified-video-framework 1.4.399 → 1.4.401

package/packages/web/dist/react/examples/live-stream-ads-example.js

@@ -0,0 +1,177 @@
+import React, { useState } from 'react';
+import { WebPlayerView } from "../WebPlayerView.js";
+export const LiveStreamAdsExample = () => {
+    const [adEvents, setAdEvents] = useState([]);
+    const [mode, setMode] = useState('periodic');
+    const logAdEvent = (event) => {
+        console.log(`[Ad Event] ${event}`);
+        setAdEvents(prev => [...prev, `${new Date().toLocaleTimeString()}: ${event}`].slice(-10));
+    };
+    return (React.createElement("div", { style: { height: '100vh', display: 'flex', flexDirection: 'column' } },
+        React.createElement("div", { style: { padding: '20px', backgroundColor: '#f5f5f5', borderBottom: '1px solid #ddd' } },
+            React.createElement("h2", { style: { margin: '0 0 15px 0' } }, "Live Stream Ads - Example"),
+            React.createElement("div", { style: { display: 'flex', gap: '10px', marginBottom: '10px' } },
+                React.createElement("button", { onClick: () => setMode('metadata'), style: {
+                        padding: '10px 20px',
+                        backgroundColor: mode === 'metadata' ? '#007bff' : '#6c757d',
+                        color: 'white',
+                        border: 'none',
+                        borderRadius: '4px',
+                        cursor: 'pointer'
+                    } }, "Metadata Mode"),
+                React.createElement("button", { onClick: () => setMode('periodic'), style: {
+                        padding: '10px 20px',
+                        backgroundColor: mode === 'periodic' ? '#007bff' : '#6c757d',
+                        color: 'white',
+                        border: 'none',
+                        borderRadius: '4px',
+                        cursor: 'pointer'
+                    } }, "Periodic Mode (Every 2 min)"),
+                React.createElement("button", { onClick: () => setMode('hybrid'), style: {
+                        padding: '10px 20px',
+                        backgroundColor: mode === 'hybrid' ? '#007bff' : '#6c757d',
+                        color: 'white',
+                        border: 'none',
+                        borderRadius: '4px',
+                        cursor: 'pointer'
+                    } }, "Hybrid Mode")),
+            React.createElement("div", { style: { fontSize: '14px', color: '#666' } },
+                React.createElement("strong", null, "Current Mode:"),
+                " ",
+                mode,
+                mode === 'metadata' && ' - Detects #EXT-X-DATERANGE tags in HLS stream',
+                mode === 'periodic' && ' - Shows ads every 2 minutes of playback',
+                mode === 'hybrid' && ' - Uses both metadata detection AND periodic fallback')),
+        React.createElement("div", { style: { flex: 1, position: 'relative', backgroundColor: '#000' } },
+            React.createElement(WebPlayerView, { url: "https://stream.example.com/live.m3u8", type: "hls", autoPlay: false, controls: true, muted: true, googleAds: {
+                    adTagUrl: 'https://pubads.g.doubleclick.net/gampad/ads?iu=/21775744923/external/single_ad_samples&sz=640x480&cust_params=sample_ct%3Dlinear&output=vast&unviewed_position_start=1&env=vp&impl=s&correlator=',
+                    liveAdBreakMode: mode,
+                    periodicAdInterval: 120,
+                    syncToLiveEdge: true,
+                    liveEdgeOffset: 3,
+                    metadataConfig: {
+                        detectDateRange: true,
+                        detectID3: true,
+                        adClassNames: ['com.google.ads', 'ads', 'ad-break']
+                    },
+                    onAdStart: () => {
+                        logAdEvent(`🎬 Ad Started (Mode: ${mode})`);
+                    },
+                    onAdEnd: () => {
+                        logAdEvent('✅ Ad Ended - Resuming Live Stream');
+                    },
+                    onAdError: (error) => {
+                        logAdEvent(`❌ Ad Error: ${error?.getMessage?.() || error}`);
+                    },
+                    onAllAdsComplete: () => {
+                        logAdEvent('✅ All Ads in Pod Completed');
+                    },
+                    onLiveAdBreakDetected: (metadata) => {
+                        logAdEvent(`📍 Live Ad Cue Detected: ${JSON.stringify(metadata).slice(0, 50)}...`);
+                    },
+                    onAdBreakScheduled: (scheduledTime) => {
+                        logAdEvent(`⏰ Ad Break Scheduled at ${scheduledTime.toFixed(0)}s playback time`);
+                    },
+                }, onReady: (player) => {
+                    console.log('Player ready with live stream ads');
+                    logAdEvent('🎥 Player Ready');
+                }, onError: (error) => {
+                    console.error('Player error:', error);
+                    logAdEvent(`❌ Player Error: ${error instanceof Error ? error.message : String(error)}`);
+                }, onTimeUpdate: (time) => {
+                } })),
+        React.createElement("div", { style: {
+                padding: '20px',
+                backgroundColor: '#f9f9f9',
+                borderTop: '1px solid #ddd',
+                maxHeight: '200px',
+                overflowY: 'auto',
+            } },
+            React.createElement("h3", { style: { margin: '0 0 10px 0', fontSize: '16px' } }, "Live Ad Events Log:"),
+            adEvents.length === 0 ? (React.createElement("p", { style: { color: '#999', margin: 0 } }, "No ad events yet. Play the video to see ads.")) : (React.createElement("ul", { style: { margin: 0, padding: '0 0 0 20px' } }, adEvents.map((event, index) => (React.createElement("li", { key: index, style: { fontSize: '14px', marginBottom: '5px' } }, event)))))),
+        React.createElement("div", { style: {
+                padding: '20px',
+                backgroundColor: '#e7f3ff',
+                borderTop: '1px solid #b3d9ff'
+            } },
+            React.createElement("h3", { style: { margin: '0 0 10px 0', fontSize: '16px' } }, "\uD83D\uDCA1 Implementation Notes:"),
+            React.createElement("ul", { style: { margin: 0, paddingLeft: '20px', fontSize: '14px' } },
+                React.createElement("li", null,
+                    React.createElement("strong", null, "Metadata Mode:"),
+                    " Requires HLS stream with #EXT-X-DATERANGE tags or ID3 metadata. Your encoder must embed ad cues in the manifest."),
+                React.createElement("li", null,
+                    React.createElement("strong", null, "Periodic Mode:"),
+                    " Works with any live stream. Ads trigger every X seconds of actual playback. Simple but users see ads at different times (not synchronized)."),
+                React.createElement("li", null,
+                    React.createElement("strong", null, "Hybrid Mode:"),
+                    " Uses metadata when available, falls back to periodic timer. Best of both worlds!"),
+                React.createElement("li", null,
+                    React.createElement("strong", null, "Live Edge Sync:"),
+                    " After ads, player jumps to live edge (catches up to \"now\"). Disable if you want DVR-style behavior (continue from where paused).")))));
+};
+export const MetadataLiveAdsExample = () => {
+    return (React.createElement(WebPlayerView, { url: "https://stream.example.com/live.m3u8", type: "hls", googleAds: {
+            adTagUrl: 'https://pubads.g.doubleclick.net/...',
+            liveAdBreakMode: 'metadata',
+            metadataConfig: {
+                detectDateRange: true,
+                detectID3: true,
+                adClassNames: ['com.google.ads', 'ads']
+            },
+            syncToLiveEdge: true,
+            liveEdgeOffset: 3,
+            onLiveAdBreakDetected: (metadata) => {
+                console.log('Ad cue detected:', metadata);
+            }
+        } }));
+};
+export const PeriodicLiveAdsExample = () => {
+    return (React.createElement(WebPlayerView, { url: "https://stream.example.com/live.m3u8", type: "hls", googleAds: {
+            adTagUrl: 'https://pubads.g.doubleclick.net/...',
+            liveAdBreakMode: 'periodic',
+            periodicAdInterval: 300,
+            syncToLiveEdge: true,
+            onAdBreakScheduled: (scheduledTime) => {
+                console.log(`Next ad at ${scheduledTime}s playback time`);
+            }
+        } }));
+};
+export const HybridLiveAdsExample = () => {
+    return (React.createElement(WebPlayerView, { url: "https://stream.example.com/live.m3u8", type: "hls", googleAds: {
+            adTagUrl: 'https://pubads.g.doubleclick.net/...',
+            liveAdBreakMode: 'hybrid',
+            metadataConfig: {
+                detectDateRange: true,
+                detectID3: true
+            },
+            periodicAdInterval: 300,
+            syncToLiveEdge: true,
+            onLiveAdBreakDetected: (metadata) => {
+                console.log('✅ Metadata ad cue detected');
+            },
+            onAdBreakScheduled: (scheduledTime) => {
+                console.log('⏰ Fallback periodic ad scheduled');
+            }
+        } }));
+};
+export const BackendControlledLiveAdsExample = () => {
+    const [adConfig, setAdConfig] = useState(null);
+    React.useEffect(() => {
+        fetch('/api/live-stream/ad-config')
+            .then(res => res.json())
+            .then(config => {
+            setAdConfig(config);
+        });
+    }, []);
+    if (!adConfig)
+        return React.createElement("div", null, "Loading...");
+    return (React.createElement(WebPlayerView, { url: adConfig.streamUrl, type: "hls", googleAds: {
+            adTagUrl: adConfig.adTagUrl,
+            liveAdBreakMode: adConfig.mode,
+            periodicAdInterval: adConfig.periodicInterval,
+            metadataConfig: adConfig.metadataConfig,
+            syncToLiveEdge: true
+        } }));
+};
+export default LiveStreamAdsExample;
+//# sourceMappingURL=live-stream-ads-example.js.map

package/packages/web/dist/react/examples/live-stream-ads-example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-stream-ads-example.js","sourceRoot":"","sources":["../../../src/react/examples/live-stream-ads-example.tsx"],"names":[],"mappings":"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"}

package/packages/web/src/ads/GoogleAdsManager.ts

@@ -34,9 +34,9 @@ export interface GoogleAdsConfig {
 }
 
 export class GoogleAdsManager {
-  private video: HTMLVideoElement;
-  private adContainer: HTMLElement;
-  private config: GoogleAdsConfig;
+  protected video: HTMLVideoElement;
+  protected adContainer: HTMLElement;
+  protected config: GoogleAdsConfig;
   private adsManager: any = null;
   private adsLoader: any = null;
   private adDisplayContainer: any = null;