unified-video-framework 1.4.382 → 1.4.384

package/packages/web/dist/security/CanvasVideoRenderer.js

@@ -0,0 +1,143 @@
+export class CanvasVideoRenderer {
+    constructor(opts) {
+        this.animationFrameId = null;
+        this.isActive = false;
+        this.noiseOffset = 0;
+        this.renderFrame = () => {
+            if (!this.isActive)
+                return;
+            const video = this.opts.sourceVideo;
+            if (video.readyState >= video.HAVE_CURRENT_DATA) {
+                this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
+                if (this.opts.enableDynamicTransforms) {
+                    this.ctx.save();
+                    const jitterX = Math.sin(Date.now() / 1000) * 0.5;
+                    const jitterY = Math.cos(Date.now() / 1000) * 0.5;
+                    this.ctx.translate(jitterX, jitterY);
+                }
+                this.ctx.drawImage(video, 0, 0, this.canvas.width, this.canvas.height);
+                if (this.opts.enableNoise) {
+                    this.applyNoiseLayer();
+                }
+                if (this.opts.watermarkText) {
+                    this.drawDynamicWatermark();
+                }
+                if (this.opts.enableDynamicTransforms) {
+                    this.ctx.restore();
+                }
+            }
+            this.animationFrameId = requestAnimationFrame(this.renderFrame);
+        };
+        this.opts = opts;
+        this.canvas = document.createElement('canvas');
+        this.canvas.className = 'uvf-canvas-video-renderer';
+        this.canvas.style.cssText = `
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+      z-index: 2;
+    `;
+        const context = this.canvas.getContext('2d', {
+            alpha: false,
+            desynchronized: true,
+            willReadFrequently: false
+        });
+        if (!context) {
+            throw new Error('[CanvasRenderer] Failed to get 2D context');
+        }
+        this.ctx = context;
+    }
+    activate() {
+        if (this.isActive)
+            return;
+        console.log('[CanvasRenderer] Activating canvas-based video rendering...');
+        console.warn('[CanvasRenderer] WARNING: Canvas rendering does NOT prevent screenshots showing content.');
+        console.warn('[CanvasRenderer] This only adds obfuscation. Use DRM for true protection.');
+        this.opts.sourceVideo.style.opacity = '0';
+        this.opts.sourceVideo.style.pointerEvents = 'none';
+        this.opts.containerElement.appendChild(this.canvas);
+        this.updateCanvasSize();
+        this.isActive = true;
+        this.renderFrame();
+        this.opts.sourceVideo.addEventListener('loadedmetadata', () => {
+            this.updateCanvasSize();
+        });
+        console.log('[CanvasRenderer] Canvas rendering active');
+    }
+    deactivate() {
+        if (!this.isActive)
+            return;
+        console.log('[CanvasRenderer] Deactivating canvas rendering...');
+        this.isActive = false;
+        if (this.animationFrameId !== null) {
+            cancelAnimationFrame(this.animationFrameId);
+            this.animationFrameId = null;
+        }
+        this.opts.sourceVideo.style.opacity = '1';
+        this.opts.sourceVideo.style.pointerEvents = 'auto';
+        if (this.canvas.parentElement) {
+            this.canvas.parentElement.removeChild(this.canvas);
+        }
+    }
+    destroy() {
+        this.deactivate();
+    }
+    updateCanvasSize() {
+        const video = this.opts.sourceVideo;
+        this.canvas.width = video.videoWidth || 1920;
+        this.canvas.height = video.videoHeight || 1080;
+        console.log(`[CanvasRenderer] Canvas size: ${this.canvas.width}x${this.canvas.height}`);
+    }
+    applyNoiseLayer() {
+        const imageData = this.ctx.getImageData(0, 0, this.canvas.width, this.canvas.height);
+        const data = imageData.data;
+        for (let i = 0; i < data.length; i += 4) {
+            const noise = (Math.random() - 0.5) * 2;
+            data[i] += noise;
+            data[i + 1] += noise;
+            data[i + 2] += noise;
+        }
+        this.ctx.putImageData(imageData, 0, 0);
+    }
+    drawDynamicWatermark() {
+        const text = this.opts.watermarkText;
+        const fontSize = Math.floor(this.canvas.height / 30);
+        this.ctx.save();
+        this.ctx.font = `${fontSize}px Arial, sans-serif`;
+        this.ctx.fillStyle = 'rgba(255, 255, 255, 0.3)';
+        this.ctx.strokeStyle = 'rgba(0, 0, 0, 0.3)';
+        this.ctx.lineWidth = 1;
+        this.ctx.textAlign = 'center';
+        this.ctx.textBaseline = 'middle';
+        const time = Date.now() / 1000;
+        const positions = [
+            { x: this.canvas.width * 0.25, y: this.canvas.height * 0.25 },
+            { x: this.canvas.width * 0.75, y: this.canvas.height * 0.25 },
+            { x: this.canvas.width * 0.25, y: this.canvas.height * 0.75 },
+            { x: this.canvas.width * 0.75, y: this.canvas.height * 0.75 },
+            { x: this.canvas.width * 0.5, y: this.canvas.height * 0.5 }
+        ];
+        positions.forEach((pos, index) => {
+            this.ctx.save();
+            this.ctx.translate(pos.x, pos.y);
+            const rotation = (Math.sin(time + index) * 15 * Math.PI) / 180;
+            this.ctx.rotate(rotation);
+            const opacity = 0.2 + Math.sin(time * 2 + index) * 0.1;
+            this.ctx.globalAlpha = opacity;
+            this.ctx.strokeText(text, 0, 0);
+            this.ctx.fillText(text, 0, 0);
+            this.ctx.restore();
+        });
+        this.ctx.restore();
+    }
+    getCanvas() {
+        return this.canvas;
+    }
+    isRendering() {
+        return this.isActive;
+    }
+}
+//# sourceMappingURL=CanvasVideoRenderer.js.map

package/packages/web/dist/security/CanvasVideoRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasVideoRenderer.js","sourceRoot":"","sources":["../../src/security/CanvasVideoRenderer.ts"],"names":[],"mappings":"AAyBA,MAAM,OAAO,mBAAmB;IAQ9B,YAAY,IAA2B;QAJ/B,qBAAgB,GAAkB,IAAI,CAAC;QACvC,aAAQ,GAAY,KAAK,CAAC;QAC1B,gBAAW,GAAW,CAAC,CAAC;QAiGxB,gBAAW,GAAG,GAAS,EAAE;YAC/B,IAAI,CAAC,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAE3B,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;YAGpC,IAAI,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,iBAAiB,EAAE;gBAE/C,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;gBAGhE,IAAI,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE;oBACrC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;oBAGhB,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC;oBAClD,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC;oBAClD,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;iBACtC;gBAGD,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;gBAGvE,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;oBACzB,IAAI,CAAC,eAAe,EAAE,CAAC;iBACxB;gBAGD,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;oBAC3B,IAAI,CAAC,oBAAoB,EAAE,CAAC;iBAC7B;gBAED,IAAI,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE;oBACrC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;iBACpB;aACF;YAGD,IAAI,CAAC,gBAAgB,GAAG,qBAAqB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAClE,CAAC,CAAC;QAtIA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QAGjB,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC/C,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,2BAA2B,CAAC;QACpD,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG;;;;;;;;KAQ3B,CAAC;QAEF,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE;YAC3C,KAAK,EAAE,KAAK;YACZ,cAAc,EAAE,IAAI;YACpB,kBAAkB,EAAE,KAAK;SAC1B,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,EAAE;YACZ,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAC;SAC9D;QAED,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC;IACrB,CAAC;IAEM,QAAQ;QACb,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE1B,OAAO,CAAC,GAAG,CAAC,6DAA6D,CAAC,CAAC;QAC3E,OAAO,CAAC,IAAI,CAAC,0FAA0F,CAAC,CAAC;QACzG,OAAO,CAAC,IAAI,CAAC,2EAA2E,CAAC,CAAC;QAG1F,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;QAGnD,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAGpD,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAGxB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,WAAW,EAAE,CAAC;QAGnB,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,GAAG,EAAE;YAC5D,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC1B,CAAC,CAAC,CAAC;QAEH,OAAO,CAAC,GAAG,CAAC,0CAA0C,CAAC,CAAC;IAC1D,CAAC;IAEM,UAAU;QACf,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE3B,OAAO,CAAC,GAAG,CAAC,mDAAmD,CAAC,CAAC;QAEjE,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QAGtB,IAAI,IAAI,CAAC,gBAAgB,KAAK,IAAI,EAAE;YAClC,oBAAoB,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;YAC5C,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAC9B;QAGD,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;QAGnD,IAAI,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE;YAC7B,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SACpD;IACH,CAAC;IAEM,OAAO;QACZ,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAEO,gBAAgB;QACtB,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;QAGpC,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC;QAC7C,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC,WAAW,IAAI,IAAI,CAAC;QAE/C,OAAO,CAAC,GAAG,CAAC,iCAAiC,IAAI,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;IAC1F,CAAC;IA4CO,eAAe;QAErB,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACrF,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC;QAG5B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;YACvC,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;YACxC,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC;YACjB,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC;YACrB,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC;SAEtB;QAED,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACzC,CAAC;IAEO,oBAAoB;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,aAAc,CAAC;QACtC,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;QAErD,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;QAGhB,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,QAAQ,sBAAsB,CAAC;QAClD,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,0BAA0B,CAAC;QAChD,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,oBAAoB,CAAC;QAC5C,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC;QACvB,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC9B,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,QAAQ,CAAC;QAGjC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC;QAC/B,MAAM,SAAS,GAAG;YAChB,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI,EAAE;YAC7D,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI,EAAE;YAC7D,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI,EAAE;YAC7D,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI,EAAE;YAC7D,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;SAC5D,CAAC;QAEF,SAAS,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;YAC/B,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;YAChB,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;YAGjC,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC;YAC/D,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YAG1B,MAAM,OAAO,GAAG,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC;YACvD,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,OAAO,CAAC;YAE/B,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YAChC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YAE9B,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;QACrB,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;IACrB,CAAC;IAKM,SAAS;QACd,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAKM,WAAW;QAChB,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;CACF"}

package/packages/web/dist/security/ScreenProtectionController.d.ts

@@ -0,0 +1,39 @@
+import { ScreenCaptureEvent, EnhancedScreenProtectionConfig } from '@unified-video/core';
+export interface ScreenProtectionOptions {
+    videoElement: HTMLVideoElement;
+    containerElement: HTMLElement;
+    config: EnhancedScreenProtectionConfig;
+    watermarkConfig?: any;
+    onDetection?: (event: ScreenCaptureEvent) => void;
+    onDevToolsDetected?: () => void;
+    onPause?: () => void;
+}
+export declare class ScreenProtectionController {
+    private opts;
+    private overlayElement;
+    private canvasRenderer;
+    private detectionIntervals;
+    private eventListeners;
+    private isActive;
+    private devToolsOpen;
+    private originalGetDisplayMedia;
+    constructor(opts: ScreenProtectionOptions);
+    activate(): void;
+    deactivate(): void;
+    destroy(): void;
+    private initializeCanvasRendering;
+    private applyVideoProtection;
+    private createInterferenceOverlay;
+    private animateOverlay;
+    private setupDetection;
+    private detectDevTools;
+    private detectFocusLoss;
+    private detectVisibilityChange;
+    private detectScreenCaptureAPI;
+    private handleDetection;
+    private sendTrackingEvent;
+    private executeWarnAction;
+    private executePauseAction;
+    private executeDegradeAction;
+}
+//# sourceMappingURL=ScreenProtectionController.d.ts.map

package/packages/web/dist/security/ScreenProtectionController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenProtectionController.d.ts","sourceRoot":"","sources":["../../src/security/ScreenProtectionController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,8BAA8B,EAAE,MAAM,qBAAqB,CAAC;AAGzF,MAAM,WAAW,uBAAuB;IACtC,YAAY,EAAE,gBAAgB,CAAC;IAC/B,gBAAgB,EAAE,WAAW,CAAC;IAC9B,MAAM,EAAE,8BAA8B,CAAC;IACvC,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAClD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,qBAAa,0BAA0B;IACrC,OAAO,CAAC,IAAI,CAA0B;IACtC,OAAO,CAAC,cAAc,CAA4B;IAClD,OAAO,CAAC,cAAc,CAAoC;IAC1D,OAAO,CAAC,kBAAkB,CAAwB;IAClD,OAAO,CAAC,cAAc,CAA2D;IACjF,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,YAAY,CAAkB;IACtC,OAAO,CAAC,uBAAuB,CAAa;gBAEhC,IAAI,EAAE,uBAAuB;IAIlC,QAAQ,IAAI,IAAI;IAsBhB,UAAU,IAAI,IAAI;IAoClB,OAAO,IAAI,IAAI;IAItB,OAAO,CAAC,yBAAyB;IA4BjC,OAAO,CAAC,oBAAoB;IAwC5B,OAAO,CAAC,yBAAyB;IAuCjC,OAAO,CAAC,cAAc;IActB,OAAO,CAAC,cAAc;IAgBtB,OAAO,CAAC,cAAc;IAkCtB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,sBAAsB;IAe9B,OAAO,CAAC,sBAAsB;IAsB9B,OAAO,CAAC,eAAe;YA6BT,iBAAiB;IAmB/B,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,oBAAoB;CAa7B"}

package/packages/web/dist/security/ScreenProtectionController.js

@@ -0,0 +1,278 @@
+import { CanvasVideoRenderer } from "./CanvasVideoRenderer.js";
+export class ScreenProtectionController {
+    constructor(opts) {
+        this.overlayElement = null;
+        this.canvasRenderer = null;
+        this.detectionIntervals = [];
+        this.eventListeners = [];
+        this.isActive = false;
+        this.devToolsOpen = false;
+        this.originalGetDisplayMedia = null;
+        this.opts = opts;
+    }
+    activate() {
+        if (this.isActive)
+            return;
+        console.log('[ScreenProtectionController] Activating screen protection...');
+        this.applyVideoProtection();
+        this.initializeCanvasRendering();
+        if (!this.canvasRenderer) {
+            this.createInterferenceOverlay();
+        }
+        this.setupDetection();
+        this.isActive = true;
+    }
+    deactivate() {
+        if (!this.isActive)
+            return;
+        console.log('[ScreenProtectionController] Deactivating screen protection...');
+        if (this.canvasRenderer) {
+            this.canvasRenderer.deactivate();
+            this.canvasRenderer = null;
+        }
+        if (this.overlayElement && this.overlayElement.parentElement) {
+            this.overlayElement.parentElement.removeChild(this.overlayElement);
+            this.overlayElement = null;
+        }
+        this.detectionIntervals.forEach(interval => clearInterval(interval));
+        this.detectionIntervals = [];
+        this.eventListeners.forEach(({ target, event, handler }) => {
+            target.removeEventListener(event, handler);
+        });
+        this.eventListeners = [];
+        if (this.originalGetDisplayMedia && navigator.mediaDevices) {
+            navigator.mediaDevices.getDisplayMedia = this.originalGetDisplayMedia;
+            this.originalGetDisplayMedia = null;
+        }
+        this.isActive = false;
+    }
+    destroy() {
+        this.deactivate();
+    }
+    initializeCanvasRendering() {
+        if (!this.opts.config.canvasRendering?.enabled) {
+            return;
+        }
+        console.log('[ScreenProtectionController] Initializing canvas-based video rendering...');
+        console.warn('[ScreenProtectionController] WARNING: Canvas rendering does NOT prevent screenshots.');
+        console.warn('[ScreenProtectionController] This only adds obfuscation. Use DRM for true protection.');
+        const watermarkText = this.opts.config.forensicWatermark?.userId
+            ? `PROTECTED - ${this.opts.config.forensicWatermark.userId}`
+            : 'PROTECTED CONTENT';
+        this.canvasRenderer = new CanvasVideoRenderer({
+            sourceVideo: this.opts.videoElement,
+            containerElement: this.opts.containerElement,
+            watermarkText: watermarkText,
+            enableNoise: this.opts.config.canvasRendering.enableNoise ?? true,
+            enableDynamicTransforms: this.opts.config.canvasRendering.enableDynamicTransforms ?? true
+        });
+        this.canvasRenderer.activate();
+    }
+    applyVideoProtection() {
+        const { videoElement, containerElement } = this.opts;
+        try {
+            videoElement.disablePictureInPicture = true;
+            videoElement.autoPictureInPicture = false;
+        }
+        catch (e) {
+            console.warn('[ScreenProtection] Could not disable PiP:', e);
+        }
+        try {
+            if ('controlsList' in videoElement) {
+                videoElement.controlsList.add('nodownload');
+            }
+        }
+        catch (e) {
+            console.warn('[ScreenProtection] controlsList not supported:', e);
+        }
+        containerElement.style.userSelect = 'none';
+        containerElement.style.webkitUserSelect = 'none';
+        containerElement.style.webkitTouchCallout = 'none';
+        const contextMenuHandler = (e) => {
+            if (containerElement.contains(e.target)) {
+                e.preventDefault();
+                e.stopPropagation();
+                return false;
+            }
+            return true;
+        };
+        document.addEventListener('contextmenu', contextMenuHandler);
+        this.eventListeners.push({ target: document, event: 'contextmenu', handler: contextMenuHandler });
+        console.log('[ScreenProtection] Video protection applied');
+    }
+    createInterferenceOverlay() {
+        const { containerElement } = this.opts;
+        this.overlayElement = document.createElement('div');
+        this.overlayElement.className = 'uvf-screen-protection-overlay';
+        this.overlayElement.setAttribute('aria-hidden', 'true');
+        Object.assign(this.overlayElement.style, {
+            position: 'absolute',
+            top: '0',
+            left: '0',
+            width: '100%',
+            height: '100%',
+            pointerEvents: 'none',
+            zIndex: '3',
+            mixBlendMode: 'screen',
+            opacity: '0.01',
+            background: 'transparent',
+            backgroundImage: 'url("data:image/svg+xml,%3Csvg viewBox=\'0 0 256 256\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cfilter id=\'noise\'%3E%3CfeTurbulence type=\'fractalNoise\' baseFrequency=\'0.9\' numOctaves=\'4\' stitchTiles=\'stitch\'/%3E%3C/filter%3E%3Crect width=\'100%25\' height=\'100%25\' filter=\'url(%23noise)\' opacity=\'0.05\'/%3E%3C/svg%3E")',
+            transition: 'opacity 0.3s ease-in-out'
+        });
+        const watermarkCanvas = containerElement.querySelector('.uvf-watermark-layer');
+        if (watermarkCanvas) {
+            containerElement.insertBefore(this.overlayElement, watermarkCanvas);
+        }
+        else {
+            containerElement.appendChild(this.overlayElement);
+        }
+        this.animateOverlay();
+        console.log('[ScreenProtection] Interference overlay created');
+    }
+    animateOverlay() {
+        if (!this.overlayElement || !this.isActive)
+            return;
+        const baseOpacity = 0.01;
+        const variation = baseOpacity * 0.5;
+        const newOpacity = baseOpacity + (Math.random() * variation - variation / 2);
+        this.overlayElement.style.opacity = newOpacity.toString();
+        setTimeout(() => this.animateOverlay(), 3000 + Math.random() * 2000);
+    }
+    setupDetection() {
+        this.detectDevTools();
+        this.detectFocusLoss();
+        this.detectVisibilityChange();
+        this.detectScreenCaptureAPI();
+        console.log('[ScreenProtection] Detection mechanisms active');
+    }
+    detectDevTools() {
+        const threshold = 160;
+        let previousState = false;
+        const checkDevTools = () => {
+            if (!this.isActive)
+                return;
+            const widthDiff = window.outerWidth - window.innerWidth;
+            const heightDiff = window.outerHeight - window.innerHeight;
+            const isOpen = widthDiff > threshold || heightDiff > threshold;
+            if (isOpen && !previousState) {
+                this.devToolsOpen = true;
+                this.handleDetection({
+                    type: 'devtools',
+                    timestamp: Date.now(),
+                    details: { widthDiff, heightDiff }
+                });
+                if (this.opts.onDevToolsDetected) {
+                    this.opts.onDevToolsDetected();
+                }
+            }
+            else if (!isOpen && previousState) {
+                this.devToolsOpen = false;
+            }
+            previousState = isOpen;
+        };
+        const interval = setInterval(checkDevTools, 500);
+        this.detectionIntervals.push(interval);
+    }
+    detectFocusLoss() {
+        const blurHandler = () => {
+            this.handleDetection({
+                type: 'focus-loss',
+                timestamp: Date.now(),
+                details: { documentHidden: document.hidden }
+            });
+        };
+        window.addEventListener('blur', blurHandler);
+        this.eventListeners.push({ target: window, event: 'blur', handler: blurHandler });
+    }
+    detectVisibilityChange() {
+        const visibilityHandler = () => {
+            if (document.hidden) {
+                this.handleDetection({
+                    type: 'visibility-change',
+                    timestamp: Date.now(),
+                    details: { visibilityState: document.visibilityState }
+                });
+            }
+        };
+        document.addEventListener('visibilitychange', visibilityHandler);
+        this.eventListeners.push({ target: document, event: 'visibilitychange', handler: visibilityHandler });
+    }
+    detectScreenCaptureAPI() {
+        if (navigator.mediaDevices && navigator.mediaDevices.getDisplayMedia) {
+            this.originalGetDisplayMedia = navigator.mediaDevices.getDisplayMedia.bind(navigator.mediaDevices);
+            const self = this;
+            navigator.mediaDevices.getDisplayMedia = async function (...args) {
+                self.handleDetection({
+                    type: 'screen-capture-api',
+                    timestamp: Date.now(),
+                    details: { api: 'getDisplayMedia', args: args.length }
+                });
+                return self.originalGetDisplayMedia(...args);
+            };
+        }
+    }
+    handleDetection(event) {
+        console.warn('[ScreenProtection] Detection event:', event);
+        if (this.opts.onDetection) {
+            this.opts.onDetection(event);
+        }
+        if (this.opts.config.trackingEndpoint) {
+            this.sendTrackingEvent(event);
+        }
+        const action = this.opts.config.onDetection || 'warn';
+        switch (action) {
+            case 'warn':
+                this.executeWarnAction();
+                break;
+            case 'pause':
+                this.executePauseAction();
+                break;
+            case 'degrade':
+                this.executeDegradeAction();
+                break;
+        }
+    }
+    async sendTrackingEvent(event) {
+        try {
+            await fetch(this.opts.config.trackingEndpoint, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({
+                    event,
+                    userAgent: navigator.userAgent,
+                    timestamp: new Date().toISOString(),
+                    forensicData: this.opts.config.forensicWatermark
+                })
+            });
+        }
+        catch (error) {
+            console.error('[ScreenProtection] Failed to send tracking event:', error);
+        }
+    }
+    executeWarnAction() {
+        const message = this.opts.config.warningMessage ||
+            'Screen recording or screenshot detected. This content is protected.';
+        console.warn(`[ScreenProtection] ${message}`);
+    }
+    executePauseAction() {
+        console.warn('[ScreenProtection] Pausing playback due to suspicious activity');
+        if (this.opts.onPause) {
+            this.opts.onPause();
+        }
+        else {
+            this.opts.videoElement.pause();
+        }
+    }
+    executeDegradeAction() {
+        console.warn('[ScreenProtection] Degrading video quality due to suspicious activity');
+        this.opts.videoElement.style.filter = 'blur(10px) brightness(0.5)';
+        setTimeout(() => {
+            if (this.opts.videoElement.style.filter) {
+                this.opts.videoElement.style.filter = '';
+            }
+        }, 5000);
+    }
+}
+//# sourceMappingURL=ScreenProtectionController.js.map

package/packages/web/dist/security/ScreenProtectionController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenProtectionController.js","sourceRoot":"","sources":["../../src/security/ScreenProtectionController.ts"],"names":[],"mappings":"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"}

package/packages/web/src/WebPlayer.ts

@@ -22,6 +22,8 @@ import {
 } from './chapters/types/ChapterTypes';
 import type { FlashNewsTickerConfig } from './react/types/FlashNewsTickerTypes';
 import YouTubeExtractor from './utils/YouTubeExtractor';
+import { ScreenProtectionController } from './security/ScreenProtectionController';
+import type { ScreenCaptureEvent } from '../../core/dist';
 
 // Dynamic imports for streaming libraries
 declare global {
@@ -93,6 +95,9 @@ export class WebPlayer extends BasePlayer {
   // Paywall
   private paywallController: any = null;
 
+  // Screen protection
+  private screenProtectionController: ScreenProtectionController | null = null;
+
   // Play/pause coordination to prevent race conditions
   private _playPromise: Promise<void> | null = null;
   private _deferredPause = false;
@@ -353,6 +358,11 @@ export class WebPlayer extends BasePlayer {
     this.setupFullscreenListeners();
     this.setupUserInteractionTracking();
 
+    // Setup screen protection if enabled
+    if ((this.config as any).screenProtection === true) {
+      this.initializeScreenProtection();
+    }
+
     // Initialize chapter manager if enabled
     if (this.chapterConfig.enabled && this.video) {
       this.setupChapterManager();
@@ -8110,10 +8120,27 @@ export class WebPlayer extends BasePlayer {
       }
 
       // Render the watermark
-      ctx.fillText(text, x, y);
+      // If screen protection is active, render multiple watermarks
+      if ((this.config as any).screenProtection && this.screenProtectionController) {
+        const positions = [
+          { x: 20, y: 40 },
+          { x: Math.max(20, this.watermarkCanvas!.width - 200), y: 40 },
+          { x: 20, y: Math.max(40, this.watermarkCanvas!.height - 60) },
+          { x: Math.max(20, this.watermarkCanvas!.width - 200), y: Math.max(40, this.watermarkCanvas!.height - 60) }
+        ];
+
+        positions.forEach((pos) => {
+          const offsetX = Math.random() * 100 - 50;
+          const offsetY = Math.random() * 50 - 25;
+          ctx.fillText(text, pos.x + offsetX, pos.y + offsetY);
+        });
+      } else {
+        // Normal single watermark rendering
+        ctx.fillText(text, x, y);
+      }
       ctx.restore();
 
-      this.debugLog('Watermark rendered:', { text, x, y });
+      this.debugLog('Watermark rendered:', { text, x, y, multiWatermark: !!((this.config as any).screenProtection && this.screenProtectionController) });
     };
 
     // Set up interval with configured frequency
@@ -8123,6 +8150,91 @@ export class WebPlayer extends BasePlayer {
     this.debugLog('Watermark setup complete with update interval:', config.updateInterval + 'ms');
   }
 
+  private initializeScreenProtection(): void {
+    if (!this.video || !this.container) return;
+
+    // Normalize config: convert boolean to EnhancedScreenProtectionConfig
+    const screenProtConfig = (this.config as any).screenProtection;
+    const enhancedConfig = typeof screenProtConfig === 'boolean'
+      ? { enabled: true }  // Simple mode: just { enabled: true }
+      : screenProtConfig;   // Advanced mode: full config object
+
+    if (!enhancedConfig || !enhancedConfig.enabled) return;
+
+    console.warn(
+      '[Unified Video Framework] Screen Protection Enabled\n' +
+      'Note: Browsers cannot completely block screen recording. ' +
+      'This provides detection and deterrence through watermarking and monitoring.\n' +
+      'For DRM-level protection, use encrypted content with Widevine/FairPlay.'
+    );
+
+    // Enhance watermark for protection
+    const watermarkText = enhancedConfig.forensicWatermark?.userId
+      ? `PROTECTED - ${enhancedConfig.forensicWatermark.userId}`
+      : 'PROTECTED CONTENT';
+
+    if (!(this.config as any).watermark) {
+      (this.config as any).watermark = {
+        enabled: true,
+        text: watermarkText,
+        randomPosition: true,
+        updateInterval: 1000 // Rapid updates
+      };
+    } else if ((this.config as any).watermark.enabled !== false) {
+      // Force aggressive watermarking
+      (this.config as any).watermark.randomPosition = true;
+      (this.config as any).watermark.updateInterval = Math.min(
+        (this.config as any).watermark.updateInterval || 5000,
+        1000
+      );
+      // Add forensic watermark user ID if provided
+      if (enhancedConfig.forensicWatermark?.userId) {
+        (this.config as any).watermark.text = watermarkText;
+      }
+    }
+    this.setupWatermark(); // Re-setup with new config
+
+    // Create protection controller
+    this.screenProtectionController = new ScreenProtectionController({
+      videoElement: this.video,
+      containerElement: this.container,
+      config: enhancedConfig,
+      watermarkConfig: (this.config as any).watermark,
+      onDetection: (event: ScreenCaptureEvent) => {
+        console.warn('[Screen Protection] Detection:', event);
+        this.emit('onScreenCaptureDetected', event);
+
+        // Call config callback if provided
+        if (enhancedConfig.onScreenCaptureDetected) {
+          enhancedConfig.onScreenCaptureDetected(event);
+        }
+        // Also check legacy callback
+        if ((this.config as any).onScreenCaptureDetected) {
+          (this.config as any).onScreenCaptureDetected(event);
+        }
+      },
+      onDevToolsDetected: () => {
+        console.warn('[Screen Protection] DevTools detected');
+        this.emit('onDevToolsDetected');
+
+        // Call config callback if provided
+        if (enhancedConfig.onDevToolsDetected) {
+          enhancedConfig.onDevToolsDetected();
+        }
+        // Also check legacy callback
+        if ((this.config as any).onDevToolsDetected) {
+          (this.config as any).onDevToolsDetected();
+        }
+      },
+      onPause: () => {
+        // Pause video when requested by protection controller
+        this.pause();
+      }
+    });
+
+    this.screenProtectionController.activate();
+  }
+
   public setPaywallConfig(config: any) {
     try {
       if (!config) return;
@@ -11278,6 +11390,12 @@ export class WebPlayer extends BasePlayer {
       this.paywallController = null;
     }
 
+    // Destroy screen protection controller
+    if (this.screenProtectionController) {
+      this.screenProtectionController.destroy();
+      this.screenProtectionController = null;
+    }
+
     // Destroy chapter managers
     if (this.chapterManager && typeof this.chapterManager.destroy === 'function') {
       this.chapterManager.destroy();