unified-video-framework 1.4.444 → 1.4.445

package/packages/web/src/WebPlayer.ts

@@ -2885,10 +2885,14 @@ export class WebPlayer extends BasePlayer {
     const ticker = document.createElement('div');
     ticker.className = `uvf-ticker-broadcast1 ticker-${position}`;
 
-    const height = config.height || 60;
+    const height = config.height || 90;
     const bottomOffset = config.bottomOffset || 0;
     const topOffset = config.topOffset || 10;
 
+    // Store state for cycling
+    this.tickerConfig = config;
+    this.tickerCurrentItemIndex = 0;
+
     ticker.style.cssText = `
       position: absolute;
       left: 10%;
@@ -2900,11 +2904,12 @@ export class WebPlayer extends BasePlayer {
       font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
       z-index: 100;
       pointer-events: none;
+      filter: drop-shadow(0 8px 15px rgba(0,0,0,0.4));
     `;
 
     // Row 1: Split Red/Blue
     const row1 = document.createElement('div');
-    row1.style.cssText = `display: flex; height: 55%;`;
+    row1.style.cssText = `display: flex; height: 62%; position: relative; overflow: hidden;`;
 
     const b1 = document.createElement('div');
     b1.textContent = 'BREAKING NEWS';
@@ -2912,40 +2917,67 @@ export class WebPlayer extends BasePlayer {
       background: #c0392b;
       color: white;
       font-weight: 900;
-      padding: 0 20px;
+      padding: 0 25px;
       display: flex;
       align-items: center;
-      clip-path: polygon(0 0, 95% 0, 100% 100%, 0 100%);
-      font-size: ${height * 0.22}px;
+      clip-path: polygon(0 0, 92% 0, 100% 100%, 0 100%);
+      font-size: ${height * 0.18}px;
+      z-index: 2;
     `;
     row1.appendChild(b1);
 
     const b2 = document.createElement('div');
-    b2.textContent = config.headline || 'LOREM IPSUM DOLOR SIT AMET, CONS';
+    b2.className = 'uvf-ticker-headline-line';
+    this.tickerHeadlineElement = b2;
     b2.style.cssText = `
       background: #2980b9;
       color: white;
-      font-weight: 700;
-      padding: 0 30px;
+      padding: 0 40px;
       display: flex;
       align-items: center;
       flex-grow: 1;
-      margin-left: -10px;
-      clip-path: polygon(2% 0, 100% 0, 98% 100%, 0 100%);
-      font-size: ${height * 0.25}px;
+      margin-left: -15px;
+      clip-path: polygon(3% 0, 100% 0, 97% 100%, 0 100%);
+      position: relative;
+    `;
+
+    const headlineText = document.createElement('div');
+    headlineText.className = 'uvf-ticker-headline-text';
+    headlineText.style.cssText = `
+      font-weight: 800;
+      font-size: ${height * 0.22}px;
+      line-height: 1.2;
+      width: 100%;
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
     `;
+
+    const firstItem = config.items?.[0];
+    if (firstItem) {
+      headlineText.textContent = firstItem.headline || firstItem.text;
+    }
+
+    b2.appendChild(headlineText);
     row1.appendChild(b2);
     ticker.appendChild(row1);
 
     // Row 2: Black scrolling
     const row2 = document.createElement('div');
+    row2.className = 'uvf-ticker-detail-line';
+    this.tickerDetailElement = row2;
     row2.style.cssText = `
-      height: 35%;
+      height: 33%;
       background: #111;
       display: flex;
       align-items: center;
-      margin-top: 2px;
+      margin-top: 3px;
       clip-path: polygon(1% 0, 99% 0, 100% 100%, 0 100%);
+      position: relative;
+      overflow: hidden;
     `;
 
     const lbadge = document.createElement('div');
@@ -2953,23 +2985,34 @@ export class WebPlayer extends BasePlayer {
     lbadge.style.cssText = `
       background: #f1c40f;
       color: black;
-      font-weight: 900;
-      padding: 0 10px;
-      margin: 0 15px;
-      font-size: ${height * 0.15}px;
-      clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%);
+      font-weight: 950;
+      padding: 0 15px;
+      margin: 0 20px;
+      font-size: ${height * 0.14}px;
+      clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%);
+      z-index: 2;
     `;
     row2.appendChild(lbadge);
 
     const tCont = document.createElement('div');
     tCont.style.cssText = `flex-grow: 1; overflow: hidden; height: 100%; display: flex; align-items: center; color: white;`;
+
+    // Use standard scrolling track class for compatibility
     const track = this.createSeamlessScrollingTrack(config.items || [], config);
-    track.style.fontSize = `${height * 0.16}px`;
+    track.className = 'uvf-ticker-track'; // Change class for compatibility with updateItemContent
+    track.style.fontSize = `${height * 0.15}px`;
+    track.style.fontWeight = '600';
     tCont.appendChild(track);
     row2.appendChild(tCont);
     ticker.appendChild(row2);
 
     this.ensureTickerAnimations();
+
+    // Start cycling if enabled or if we want the "flow"
+    if (config.items && config.items.length > 1) {
+      this.startItemCycling();
+    }
+
     return ticker;
   }
 

package/packages/web/dist/WebPlayer.d.ts

@@ -1,350 +0,0 @@
-import { BasePlayer } from '../../core/dist/BasePlayer';
-import { Chapter, ChapterSegment } from '../../core/dist/index';
-import { ChapterConfig, VideoChapters, VideoSegment } from './chapters/types/ChapterTypes';
-import type { FlashNewsTickerConfig } from './react/types/FlashNewsTickerTypes';
-declare global {
-    interface Window {
-        Hls: any;
-        dashjs: any;
-        cast?: any;
-        chrome?: any;
-        YT?: any;
-        __onGCastApiAvailable?: (isAvailable: boolean) => void;
-    }
-}
-export declare class WebPlayer extends BasePlayer {
-    protected video: HTMLVideoElement | null;
-    private hls;
-    private dash;
-    private qualities;
-    private currentQualityIndex;
-    private autoQuality;
-    private useCustomControls;
-    private controlsContainer;
-    private volumeHideTimeout;
-    private hideControlsTimeout;
-    private isVolumeSliding;
-    private availableQualities;
-    private availableSubtitles;
-    private currentQuality;
-    private currentSubtitle;
-    private currentPlaybackRate;
-    private isDragging;
-    private settingsConfig;
-    private watermarkCanvas;
-    private playerWrapper;
-    private flashTickerContainer;
-    private flashTickerTopElement;
-    private flashTickerBottomElement;
-    private tickerCurrentItemIndex;
-    private tickerCycleTimer;
-    private tickerConfig;
-    private tickerHeadlineElement;
-    private tickerDetailElement;
-    private tickerIntroOverlay;
-    private tickerProgressBar;
-    private tickerProgressFill;
-    private tickerIsPaused;
-    private tickerPauseStartTime;
-    private tickerRemainingTime;
-    private previewGateHit;
-    private paymentSuccessTime;
-    private paymentSuccessful;
-    private isPaywallActive;
-    private authValidationInterval;
-    private overlayRemovalAttempts;
-    private maxOverlayRemovalAttempts;
-    private lastSecurityCheck;
-    private castContext;
-    private remotePlayer;
-    private remoteController;
-    private isCasting;
-    private _castTrackIdByKey;
-    private selectedSubtitleKey;
-    private _kiTo;
-    private paywallController;
-    private _playPromise;
-    private _deferredPause;
-    private _lastToggleAt;
-    private _TOGGLE_DEBOUNCE_MS;
-    private hasTriedButtonFallback;
-    private lastUserInteraction;
-    private showTimeTooltip;
-    private tapStartTime;
-    private tapStartX;
-    private tapStartY;
-    private lastTapTime;
-    private lastTapX;
-    private tapCount;
-    private longPressTimer;
-    private isLongPressing;
-    private longPressPlaybackRate;
-    private tapResetTimer;
-    private fastBackwardInterval;
-    private handleSingleTap;
-    private handleDoubleTap;
-    private handleLongPress;
-    private handleLongPressEnd;
-    private autoplayCapabilities;
-    private autoplayRetryPending;
-    private autoplayRetryAttempts;
-    private maxAutoplayRetries;
-    private chapterManager;
-    private drmManager;
-    private isDRMProtected;
-    private hasAppliedStartTime;
-    private coreChapterManager;
-    private chapterConfig;
-    private qualityFilter;
-    private premiumQualities;
-    private youtubeNativeControls;
-    private isAdPlaying;
-    private fallbackSourceIndex;
-    private fallbackErrors;
-    private isLoadingFallback;
-    private currentRetryAttempt;
-    private lastFailedUrl;
-    private isFallbackPosterMode;
-    private hlsErrorRetryCount;
-    private readonly MAX_HLS_ERROR_RETRIES;
-    private lastDuration;
-    private isDetectedAsLive;
-    private debugLog;
-    private debugError;
-    private debugWarn;
-    initialize(container: HTMLElement | string, config?: any): Promise<void>;
-    protected setupPlayer(): Promise<void>;
-    private autoplayAttempted;
-    private setupVideoEventListeners;
-    private getMediaErrorMessage;
-    private updateBufferProgress;
-    load(source: any): Promise<void>;
-    private loadVideoSource;
-    private initializeDRM;
-    private handleDRMError;
-    private tryFallbackSource;
-    private showFallbackPoster;
-    private detectSourceType;
-    private loadHLS;
-    private handleHLSError;
-    private loadDASH;
-    private updateDASHQuality;
-    private loadNative;
-    private loadYouTube;
-    private youtubePlayer;
-    private youtubePlayerReady;
-    private youtubeIframe;
-    private createYouTubePlayer;
-    private loadYouTubeAPI;
-    private waitForYouTubeAPI;
-    private onYouTubePlayerReady;
-    private onYouTubePlayerStateChange;
-    private updateYouTubeUI;
-    private onYouTubePlayerError;
-    private hideCustomControls;
-    private youtubeTimeTrackingInterval;
-    private startYouTubeTimeTracking;
-    private updateYouTubeProgressBar;
-    protected loadScript(src: string): Promise<void>;
-    private loadSubtitles;
-    private isAbortPlayError;
-    private isAutoplayRestrictionError;
-    private detectAutoplayCapabilities;
-    private hasUserActivation;
-    private attemptIntelligentAutoplay;
-    private setupAutoplayRetry;
-    private showUnmuteButton;
-    private setupClickToUnmute;
-    private clickToUnmuteHandler;
-    private hideUnmuteButton;
-    private updateTimeTooltip;
-    private hideTimeTooltip;
-    private setupUserInteractionTracking;
-    play(): Promise<void>;
-    pause(): void;
-    requestPause(): void;
-    private safeSetCurrentTime;
-    seek(time: number): void;
-    setVolume(level: number): void;
-    mute(): void;
-    unmute(): void;
-    getCurrentTime(): number;
-    getQualities(): any[];
-    getCurrentQuality(): any;
-    setQuality(index: number): void;
-    setPlaybackRate(rate: number): void;
-    setFlashNewsTicker(config: FlashNewsTickerConfig): void;
-    private createTickerElement;
-    private createSimpleTickerElement;
-    private createBroadcastTickerElement;
-    private getBroadcastThemeColors;
-    private createBroadcast1Element;
-    private createSeamlessScrollingTrack;
-    private createGlobeElement;
-    private createLiveBadgeElement;
-    private ensureTickerAnimations;
-    private calculateTickerDuration;
-    private createProfessionalTickerElement;
-    private createProfessionalHeader;
-    private createDecorativeSeparator;
-    private createTwoLineBody;
-    private createProgressBar;
-    private createIntroOverlay;
-    private playIntroAnimation;
-    private startItemCycling;
-    private stopItemCycling;
-    private pauseItemCycling;
-    private resumeItemCycling;
-    private animateProgress;
-    private transitionToNextItem;
-    private applyItemTransition;
-    private formatHeadlineText;
-    private escapeHtml;
-    private updateItemContent;
-    setAutoQuality(enabled: boolean): void;
-    enterFullscreen(): Promise<void>;
-    exitFullscreen(): Promise<void>;
-    enterPictureInPicture(): Promise<void>;
-    exitPictureInPicture(): Promise<void>;
-    focusPlayer(): void;
-    showFullscreenTip(): void;
-    private isBraveBrowser;
-    private checkFullscreenPermissions;
-    private isPrivateWindow;
-    triggerFullscreenButton(): void;
-    private performFullscreenButtonClick;
-    private requestFullscreenPermissionBrave;
-    enterFullscreenWithBraveSupport(): Promise<void>;
-    showTemporaryMessage(message: string): void;
-    enterFullscreenSynchronously(): void;
-    requestFullscreenWithUserGesture(event: Event): Promise<boolean>;
-    showFullscreenInstructions(): void;
-    attemptFullscreen(): Promise<boolean>;
-    protected applySubtitleTrack(track: any): void;
-    protected removeSubtitles(): void;
-    private injectStyles;
-    private getPlayerStyles;
-    private createFrameworkBranding;
-    private createNavigationButtons;
-    private getNavigationIcon;
-    private createCustomControls;
-    private setupControlsEventListeners;
-    protected setupKeyboardShortcuts(): void;
-    protected setupWatermark(): void;
-    setPaywallConfig(config: any): void;
-    private togglePlayPause;
-    private enforceFreePreviewGate;
-    setFreeDuration(seconds: number): void;
-    resetFreePreviewGate(): void;
-    resetPaymentStatus(): void;
-    private toggleMuteAction;
-    private isMobileDevice;
-    private isPipSupported;
-    private isIOSDevice;
-    private isAndroidDevice;
-    private isFullscreenSupported;
-    private lockOrientationLandscape;
-    private unlockOrientation;
-    private handleVolumeChange;
-    private seekToPosition;
-    private formatTime;
-    private updateTimeDisplay;
-    private showControls;
-    private hideControls;
-    private scheduleHideControls;
-    private setupAdvancedTapHandling;
-    private startFastBackward;
-    private stopFastBackward;
-    private isFullscreen;
-    private setupFullscreenListeners;
-    private showShortcutIndicator;
-    setSettingsScrollbarStyle(mode: 'default' | 'compact' | 'overlay'): void;
-    setSettingsScrollbarConfig(options: {
-        widthPx?: number;
-        intensity?: number;
-    }): void;
-    private applyScrollbarPreferencesFromDataset;
-    private setupChapterManager;
-    private convertToChapters;
-    private convertToChapterSegments;
-    private mapSegmentAction;
-    loadChapters(chapters: VideoChapters): Promise<void>;
-    loadChaptersFromUrl(url: string): Promise<void>;
-    getCurrentSegment(): VideoSegment | null;
-    skipToSegment(segmentId: string): void;
-    getSegments(): VideoSegment[];
-    updateChapterConfig(newConfig: Partial<ChapterConfig>): void;
-    hasChapters(): boolean;
-    getChapters(): VideoChapters | null;
-    getCoreChapters(): Chapter[];
-    getCoreSegments(): ChapterSegment[];
-    getCurrentChapterInfo(): Chapter | null;
-    seekToChapter(chapterId: string): void;
-    getNextChapter(): Chapter | null;
-    getPreviousChapter(): Chapter | null;
-    setTheme(theme: any): void;
-    private _parseRgb;
-    private _rgbToString;
-    private _lightenRgb;
-    private _toRgba;
-    private changeVolume;
-    private setSpeed;
-    private setQualityByLabel;
-    private togglePiP;
-    private setupCastContextSafe;
-    private setupCastContext;
-    private enableCastRemoteControl;
-    private disableCastRemoteControl;
-    private _bindRemotePlayerEvents;
-    private updateVolumeUIFromRemote;
-    private _syncUIFromRemote;
-    private _syncCastButtons;
-    private updateSettingsMenu;
-    private generateAccordionMenu;
-    private detectAvailableQualities;
-    private applyQualityFilter;
-    setQualityFilter(filter: any): void;
-    setAdPlaying(isPlaying: boolean): void;
-    isAdCurrentlyPlaying(): boolean;
-    private isQualityPremium;
-    private isPremiumUser;
-    private handlePremiumQualityClick;
-    private detectAvailableSubtitles;
-    private setupSettingsEventListeners;
-    private toggleAccordionSection;
-    private hideSettingsMenu;
-    private updateAccordionAfterSelection;
-    private updateSettingsActiveStates;
-    private setPlaybackRateFromSettings;
-    private setQualityFromSettings;
-    private applyHLSQualityFilter;
-    private applyDASHQualityFilter;
-    private setSubtitle;
-    private _updateCastActiveTracks;
-    private onCastButtonClick;
-    private showAirPlayPicker;
-    private stopCasting;
-    private initCast;
-    private shareVideo;
-    private isTextTruncated;
-    private showTextTooltip;
-    private hideTextTooltip;
-    private setupTextTooltips;
-    private smartTruncateText;
-    private applySmartTextDisplay;
-    private updateMetadataUI;
-    private showNotification;
-    private canPlayVideo;
-    private enforcePaywallSecurity;
-    private startOverlayMonitoring;
-    private handleSecurityViolation;
-    private showSecurityViolationMessage;
-    private forceCleanupOverlays;
-    showEPGButton(): void;
-    hideEPGButton(): void;
-    setEPGData(epgData: any): void;
-    isEPGButtonVisible(): boolean;
-    private cleanup;
-    destroy(): Promise<void>;
-}
-//# sourceMappingURL=WebPlayer.d.ts.map

package/packages/web/dist/ads/GoogleAdsManager.d.ts

@@ -1,57 +0,0 @@
-export interface GoogleAdsConfig {
-    adTagUrl: string;
-    midrollTimes?: number[];
-    liveAdBreakMode?: 'periodic' | 'manual';
-    periodicAdInterval?: number;
-    syncToLiveEdge?: boolean;
-    pauseStreamDuringAd?: boolean;
-    liveEdgeOffset?: number;
-    companionAdSlots?: Array<{
-        containerId: string;
-        width: number;
-        height: number;
-    }>;
-    onAdStart?: () => void;
-    onAdEnd?: () => void;
-    onAdError?: (error: any) => void;
-    onAllAdsComplete?: () => void;
-    onAdCuePoints?: (cuePoints: number[]) => void;
-}
-export declare class GoogleAdsManager {
-    private video;
-    private adContainer;
-    private config;
-    private adsManager;
-    private adsLoader;
-    private adDisplayContainer;
-    private isAdPlaying;
-    private isMuted;
-    private unmuteButton;
-    private lastAdTime;
-    private periodicAdCheckInterval;
-    private pendingAdRequest;
-    constructor(video: HTMLVideoElement, adContainer: HTMLElement, config: GoogleAdsConfig);
-    private setupFocusHandler;
-    initialize(): Promise<void>;
-    private loadIMASDK;
-    private setupAdsLoader;
-    setupPeriodicAds(): void;
-    private triggerPeriodicAd;
-    requestAds(): void;
-    initAdDisplayContainer(): void;
-    private onAdsManagerLoaded;
-    private setupAdsManagerListeners;
-    private onAdError;
-    pause(): void;
-    resume(): void;
-    skip(): void;
-    resize(width: number, height: number, viewMode?: any): void;
-    setVolume(volume: number): void;
-    isPlayingAd(): boolean;
-    private showUnmuteButton;
-    private toggleAdMute;
-    private resumeAdPlayback;
-    private hideUnmuteButton;
-    destroy(): void;
-}
-//# sourceMappingURL=GoogleAdsManager.d.ts.map

package/packages/web/dist/ads/LiveStreamAdsManager.d.ts

@@ -1,29 +0,0 @@
-import { GoogleAdsManager, GoogleAdsConfig } from './GoogleAdsManager';
-export interface LiveStreamAdsConfig extends GoogleAdsConfig {
-    liveAdBreakMode?: 'periodic' | 'manual';
-    periodicAdInterval?: number;
-    syncToLiveEdge?: boolean;
-    liveEdgeOffset?: number;
-    pauseStreamDuringAd?: boolean;
-    onAdBreakScheduled?: (scheduledTime: number) => void;
-}
-export declare class LiveStreamAdsManager extends GoogleAdsManager {
-    private liveConfig;
-    private isLiveStream;
-    private periodicAdTimer;
-    private lastAdBreakTime;
-    private playbackStartTime;
-    private streamStartTime;
-    private hlsInstance;
-    constructor(video: HTMLVideoElement, adContainer: HTMLElement, config: LiveStreamAdsConfig);
-    initializeLiveAds(hlsInstance?: any): Promise<void>;
-    private setupPeriodicAdBreaks;
-    triggerAdBreak(): void;
-    private pauseStreamDownload;
-    private resumeStreamDownload;
-    protected setupLiveEdgeResume(): void;
-    private resumeFromPausePoint;
-    private syncToLiveEdge;
-    destroy(): void;
-}
-//# sourceMappingURL=LiveStreamAdsManager.d.ts.map

package/packages/web/dist/ads/LiveStreamAdsManager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LiveStreamAdsManager.d.ts","sourceRoot":"","sources":["../../src/ads/LiveStreamAdsManager.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEvE,MAAM,WAAW,mBAAoB,SAAQ,eAAe;IAC1D,eAAe,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAG9B,kBAAkB,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;CACtD;AAED,qBAAa,oBAAqB,SAAQ,gBAAgB;IACxD,OAAO,CAAC,UAAU,CAAsB;IACxC,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,eAAe,CAAa;IACpC,OAAO,CAAC,eAAe,CAAK;IAC5B,OAAO,CAAC,iBAAiB,CAAK;IAC9B,OAAO,CAAC,eAAe,CAAK;IAC5B,OAAO,CAAC,WAAW,CAAa;gBAEpB,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,mBAAmB;IAcpF,iBAAiB,CAAC,WAAW,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC;IAyBzD,OAAO,CAAC,qBAAqB;IAqC7B,cAAc,IAAI,IAAI;IA+BtB,OAAO,CAAC,mBAAmB;IAc3B,OAAO,CAAC,oBAAoB;IAc5B,SAAS,CAAC,mBAAmB,IAAI,IAAI;IAyBrC,OAAO,CAAC,oBAAoB;IA4B5B,OAAO,CAAC,cAAc;IA+BtB,OAAO,IAAI,IAAI;CAQhB"}