@ngxsplayer/ngx-smart-player-ima 0.0.1-next.0

package/fesm2022/ngxsplayer-ngx-smart-player-ima.mjs

@@ -0,0 +1,107 @@
+class ImaAdsPlugin {
+    cfg;
+    id = 'ima-ads';
+    constructor(cfg) {
+        this.cfg = cfg;
+    }
+    adsManager = null;
+    adsLoader = null;
+    adDisplayContainer = null;
+    inAd = false;
+    async onInit(ctx) {
+        ctx.facade.ads = {
+            request: (tagUrl) => this.request(ctx, tagUrl),
+            skip: () => this.skip(),
+            isInAd: () => this.inAd
+        };
+    }
+    async onLoaded(ctx) {
+        if (this.cfg.autoPlayPreroll !== false) {
+            await this.request(ctx, this.cfg.adTagUrl);
+        }
+    }
+    async onDestroy() {
+        try {
+            this.adsManager?.destroy?.();
+        }
+        catch { }
+        this.adsManager = null;
+        this.adsLoader = null;
+        this.adDisplayContainer = null;
+        this.inAd = false;
+    }
+    ensureIma() {
+        const ima = globalThis.google?.ima;
+        if (!ima)
+            throw new Error('IMA SDK not found. Include ima3.js in your app.');
+        return ima;
+    }
+    findVideoElement() {
+        const v = document.querySelector('ngx-smart-player video');
+        if (!v)
+            throw new Error('Could not find ngx-smart-player video element for IMA');
+        return v;
+    }
+    async request(_ctx, tagUrl) {
+        const ima = this.ensureIma();
+        const videoEl = this.findVideoElement();
+        const container = videoEl.parentElement ?? document.body;
+        if (!this.adDisplayContainer) {
+            this.adDisplayContainer = new ima.AdDisplayContainer(container, videoEl);
+            this.adsLoader = new ima.AdsLoader(this.adDisplayContainer);
+            this.adsLoader.addEventListener(ima.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED, (e) => this.onAdsManagerLoaded(e, ima, videoEl), false);
+            this.adsLoader.addEventListener(ima.AdErrorEvent.Type.AD_ERROR, (e) => this.onAdError(e), false);
+        }
+        this.adDisplayContainer.initialize();
+        const req = new ima.AdsRequest();
+        req.adTagUrl = tagUrl;
+        req.linearAdSlotWidth = container.clientWidth || 640;
+        req.linearAdSlotHeight = container.clientHeight || 360;
+        req.nonLinearAdSlotWidth = req.linearAdSlotWidth;
+        req.nonLinearAdSlotHeight = 150;
+        this.adsLoader.requestAds(req);
+    }
+    onAdsManagerLoaded(e, ima, videoEl) {
+        const settings = new ima.AdsRenderingSettings();
+        this.adsManager = e.getAdsManager(videoEl, settings);
+        this.adsManager.addEventListener(ima.AdEvent.Type.CONTENT_PAUSE_REQUESTED, () => {
+            this.inAd = true;
+            videoEl.pause();
+        });
+        this.adsManager.addEventListener(ima.AdEvent.Type.CONTENT_RESUME_REQUESTED, () => {
+            this.inAd = false;
+            void videoEl.play();
+        });
+        this.adsManager.addEventListener(ima.AdErrorEvent.Type.AD_ERROR, (err) => this.onAdError(err));
+        try {
+            this.adsManager.init(videoEl.clientWidth || 640, videoEl.clientHeight || 360, ima.ViewMode.NORMAL);
+            this.adsManager.start();
+        }
+        catch (err) {
+            this.onAdError(err);
+        }
+    }
+    onAdError(e) {
+        if (this.cfg.debug)
+            console.warn('[IMA] ad error', e);
+        try {
+            this.adsManager?.destroy?.();
+        }
+        catch { }
+        this.adsManager = null;
+        this.inAd = false;
+    }
+    async skip() {
+        try {
+            this.adsManager?.skip?.();
+        }
+        catch { }
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ImaAdsPlugin };
+//# sourceMappingURL=ngxsplayer-ngx-smart-player-ima.mjs.map

package/fesm2022/ngxsplayer-ngx-smart-player-ima.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngxsplayer-ngx-smart-player-ima.mjs","sources":["../../../projects/ngx-smart-player-ima/src/lib/ima-ads.plugin.ts","../../../projects/ngx-smart-player-ima/src/ngxsplayer-ngx-smart-player-ima.ts"],"sourcesContent":["import { PlayerPlugin, PlayerContext } from '@ngxsp/core';\nimport { ImaConfig } from './ima.types';\n\nexport class ImaAdsPlugin implements PlayerPlugin {\n  id = 'ima-ads';\n\n  constructor(private cfg: ImaConfig) {}\n\n  private adsManager: any | null = null;\n  private adsLoader: any | null = null;\n  private adDisplayContainer: any | null = null;\n  private inAd = false;\n\n  async onInit(ctx: PlayerContext): Promise<void> {\n    (ctx.facade as any).ads = {\n      request: (tagUrl: string) => this.request(ctx, tagUrl),\n      skip: () => this.skip(),\n      isInAd: () => this.inAd\n    };\n  }\n\n  async onLoaded(ctx: PlayerContext): Promise<void> {\n    if (this.cfg.autoPlayPreroll !== false) {\n      await this.request(ctx, this.cfg.adTagUrl);\n    }\n  }\n\n  async onDestroy(): Promise<void> {\n    try { this.adsManager?.destroy?.(); } catch {}\n    this.adsManager = null;\n    this.adsLoader = null;\n    this.adDisplayContainer = null;\n    this.inAd = false;\n  }\n\n  private ensureIma(): any {\n    const ima = (globalThis as any).google?.ima;\n    if (!ima) throw new Error('IMA SDK not found. Include ima3.js in your app.');\n    return ima;\n  }\n\n  private findVideoElement(): HTMLVideoElement {\n    const v = document.querySelector('ngx-smart-player video') as HTMLVideoElement | null;\n    if (!v) throw new Error('Could not find ngx-smart-player video element for IMA');\n    return v;\n  }\n\n  private async request(_ctx: PlayerContext, tagUrl: string): Promise<void> {\n    const ima = this.ensureIma();\n    const videoEl = this.findVideoElement();\n    const container = videoEl.parentElement ?? document.body;\n\n    if (!this.adDisplayContainer) {\n      this.adDisplayContainer = new ima.AdDisplayContainer(container, videoEl);\n      this.adsLoader = new ima.AdsLoader(this.adDisplayContainer);\n\n      this.adsLoader.addEventListener(\n        ima.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED,\n        (e: any) => this.onAdsManagerLoaded(e, ima, videoEl),\n        false\n      );\n      this.adsLoader.addEventListener(\n        ima.AdErrorEvent.Type.AD_ERROR,\n        (e: any) => this.onAdError(e),\n        false\n      );\n    }\n\n    this.adDisplayContainer.initialize();\n\n    const req = new ima.AdsRequest();\n    req.adTagUrl = tagUrl;\n    req.linearAdSlotWidth = container.clientWidth || 640;\n    req.linearAdSlotHeight = container.clientHeight || 360;\n    req.nonLinearAdSlotWidth = req.linearAdSlotWidth;\n    req.nonLinearAdSlotHeight = 150;\n\n    this.adsLoader.requestAds(req);\n  }\n\n  private onAdsManagerLoaded(e: any, ima: any, videoEl: HTMLVideoElement): void {\n    const settings = new ima.AdsRenderingSettings();\n    this.adsManager = e.getAdsManager(videoEl, settings);\n\n    this.adsManager.addEventListener(ima.AdEvent.Type.CONTENT_PAUSE_REQUESTED, () => {\n      this.inAd = true;\n      videoEl.pause();\n    });\n    this.adsManager.addEventListener(ima.AdEvent.Type.CONTENT_RESUME_REQUESTED, () => {\n      this.inAd = false;\n      void videoEl.play();\n    });\n    this.adsManager.addEventListener(ima.AdErrorEvent.Type.AD_ERROR, (err: any) => this.onAdError(err));\n\n    try {\n      this.adsManager.init(videoEl.clientWidth || 640, videoEl.clientHeight || 360, ima.ViewMode.NORMAL);\n      this.adsManager.start();\n    } catch (err) {\n      this.onAdError(err);\n    }\n  }\n\n  private onAdError(e: any): void {\n    if (this.cfg.debug) console.warn('[IMA] ad error', e);\n    try { this.adsManager?.destroy?.(); } catch {}\n    this.adsManager = null;\n    this.inAd = false;\n  }\n\n  private async skip(): Promise<void> {\n    try { this.adsManager?.skip?.(); } catch {}\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,29 @@
+import { PlayerPlugin, PlayerContext } from '@ngxsp/core';
+
+interface ImaConfig {
+    adTagUrl: string;
+    autoPlayPreroll?: boolean;
+    debug?: boolean;
+}
+
+declare class ImaAdsPlugin implements PlayerPlugin {
+    private cfg;
+    id: string;
+    constructor(cfg: ImaConfig);
+    private adsManager;
+    private adsLoader;
+    private adDisplayContainer;
+    private inAd;
+    onInit(ctx: PlayerContext): Promise<void>;
+    onLoaded(ctx: PlayerContext): Promise<void>;
+    onDestroy(): Promise<void>;
+    private ensureIma;
+    private findVideoElement;
+    private request;
+    private onAdsManagerLoaded;
+    private onAdError;
+    private skip;
+}
+
+export { ImaAdsPlugin };
+export type { ImaConfig };

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@ngxsplayer/ngx-smart-player-ima",
+  "version": "0.0.1-next.0",
+  "description": "Google IMA CSAI integration for ngx-smart-player (separate package).",
+  "keywords": [
+    "angular",
+    "video",
+    "ads",
+    "ima",
+    "vast",
+    "vmap"
+  ],
+  "license": "MIT",
+  "peerDependencies": {
+    "@angular/common": ">=16.0.0",
+    "@angular/core": ">=16.0.0",
+    "rxjs": ">=7.0.0",
+    "@ngxsplayer/ngx-smart-player": "0.0.1-next.0",
+    "@ngxsp/core": "0.0.1-next.0"
+  },
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "peerDependenciesMeta": {
+    "@ngxsp/core": {
+      "optional": false
+    }
+  },
+  "module": "fesm2022/ngxsplayer-ngx-smart-player-ima.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/ngxsplayer-ngx-smart-player-ima.mjs"
+    }
+  }
+}