agora-electron-sdk 4.1.1-rc.1 → 4.2.0-dev.13

package/js/Renderer/AgoraView.js

@@ -1,131 +1,128 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const AgoraMediaBase_1 = require("../Private/AgoraMediaBase");
-const RendererManager_1 = __importDefault(require("./RendererManager"));
-const VIDEO_SOURCE_TYPE_STRING = 'video-source-type';
-const UID_STRING = 'uid';
-const CHANNEL_ID_STRING = 'channel-id';
-const RENDERER_CONTENT_MODE_STRING = 'renderer-content-mode';
-const RENDERER_MIRROR_STRING = 'renderer-mirror';
-const observedAttributes = [
-    VIDEO_SOURCE_TYPE_STRING,
-    UID_STRING,
-    CHANNEL_ID_STRING,
-    RENDERER_CONTENT_MODE_STRING,
-    RENDERER_MIRROR_STRING,
-];
-class AgoraView extends HTMLElement {
-    constructor() {
-        super();
-        this.isConnectedCallback = false;
-        this.initializeRender = () => {
-            RendererManager_1.default.destroyRendererByView(this);
-            RendererManager_1.default.setupVideo({
-                videoSourceType: this.videoSourceType,
-                view: this,
-                uid: this.uid,
-                channelId: this.channelId,
-                rendererOptions: {
-                    mirror: this.renderMirror,
-                    contentMode: this.renderContentMode,
-                },
-            });
-        };
-        this.destroyRender = () => {
-            RendererManager_1.default.destroyRendererByView(this);
-        };
-    }
-    static get observedAttributes() {
-        return observedAttributes;
-    }
-    get videoSourceType() {
-        const number = Number(this.getAttribute(VIDEO_SOURCE_TYPE_STRING));
-        return isNaN(number) ? 0 : number;
-    }
-    set videoSourceType(val) {
-        if (val) {
-            this.setAttribute(VIDEO_SOURCE_TYPE_STRING, String(val));
-        }
-        else {
-            this.removeAttribute(VIDEO_SOURCE_TYPE_STRING);
-        }
-    }
-    get uid() {
-        const number = Number(this.getAttribute(UID_STRING));
-        return isNaN(number) ? 0 : number;
-    }
-    set uid(val) {
-        if (val) {
-            this.setAttribute(UID_STRING, String(val));
-        }
-        else {
-            this.removeAttribute(UID_STRING);
-        }
-    }
-    get channelId() {
-        return this.getAttribute(CHANNEL_ID_STRING) || '';
-    }
-    set channelId(val) {
-        if (val) {
-            this.setAttribute(CHANNEL_ID_STRING, val);
-        }
-        else {
-            this.removeAttribute(CHANNEL_ID_STRING);
-        }
-    }
-    get renderContentMode() {
-        const number = Number(this.getAttribute(RENDERER_CONTENT_MODE_STRING) ||
-            AgoraMediaBase_1.RenderModeType.RenderModeFit);
-        return isNaN(number) ? AgoraMediaBase_1.RenderModeType.RenderModeFit : number;
-    }
-    set renderContentMode(val) {
-        if (val) {
-            this.setAttribute(RENDERER_CONTENT_MODE_STRING, String(val));
-        }
-        else {
-            this.removeAttribute(RENDERER_CONTENT_MODE_STRING);
-        }
-    }
-    get renderMirror() {
-        return this.getAttribute(RENDERER_MIRROR_STRING) === 'true';
-    }
-    set renderMirror(val) {
-        if (val) {
-            this.setAttribute(RENDERER_MIRROR_STRING, String(val));
-        }
-        else {
-            this.removeAttribute(RENDERER_MIRROR_STRING);
-        }
-    }
-    connectedCallback() {
-        this.isConnectedCallback = true;
-        this.initializeRender();
-    }
-    attributeChangedCallback(attrName, oldVal, newVal) {
-        if (!this.isConnectedCallback) {
-            return;
-        }
-        const isSetRenderOption = [
-            RENDERER_CONTENT_MODE_STRING,
-            RENDERER_MIRROR_STRING,
-        ].includes(attrName);
-        if (isSetRenderOption) {
-            RendererManager_1.default.setRenderOption(this, this.renderContentMode, this.renderMirror);
-            return;
-        }
-        const isNeedReInitialize = observedAttributes.includes(attrName);
-        if (!isNeedReInitialize) {
-            return;
-        }
-        this.initializeRender();
-    }
-    disconnectedCallback() {
-        this.isConnectedCallback = false;
-        this.destroyRender();
-    }
-}
-exports.default = AgoraView;
-window.customElements.define('agora-view', AgoraView);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const AgoraMediaBase_1 = require("../Private/AgoraMediaBase");
+const Utils_1 = require("../Utils");
+const VIDEO_SOURCE_TYPE_STRING = 'video-source-type';
+const UID_STRING = 'uid';
+const CHANNEL_ID_STRING = 'channel-id';
+const RENDERER_CONTENT_MODE_STRING = 'renderer-content-mode';
+const RENDERER_MIRROR_STRING = 'renderer-mirror';
+const observedAttributes = [
+    VIDEO_SOURCE_TYPE_STRING,
+    UID_STRING,
+    CHANNEL_ID_STRING,
+    RENDERER_CONTENT_MODE_STRING,
+    RENDERER_MIRROR_STRING,
+];
+class AgoraView extends HTMLElement {
+    isConnectedCallback = false;
+    static get observedAttributes() {
+        return observedAttributes;
+    }
+    get videoSourceType() {
+        const number = Number(this.getAttribute(VIDEO_SOURCE_TYPE_STRING));
+        return isNaN(number) ? 0 : number;
+    }
+    set videoSourceType(val) {
+        if (val) {
+            this.setAttribute(VIDEO_SOURCE_TYPE_STRING, String(val));
+        }
+        else {
+            this.removeAttribute(VIDEO_SOURCE_TYPE_STRING);
+        }
+    }
+    get uid() {
+        const number = Number(this.getAttribute(UID_STRING));
+        return isNaN(number) ? 0 : number;
+    }
+    set uid(val) {
+        if (val) {
+            this.setAttribute(UID_STRING, String(val));
+        }
+        else {
+            this.removeAttribute(UID_STRING);
+        }
+    }
+    get channelId() {
+        return this.getAttribute(CHANNEL_ID_STRING) || '';
+    }
+    set channelId(val) {
+        if (val) {
+            this.setAttribute(CHANNEL_ID_STRING, val);
+        }
+        else {
+            this.removeAttribute(CHANNEL_ID_STRING);
+        }
+    }
+    get renderContentMode() {
+        const number = Number(this.getAttribute(RENDERER_CONTENT_MODE_STRING) ||
+            AgoraMediaBase_1.RenderModeType.RenderModeFit);
+        return isNaN(number) ? AgoraMediaBase_1.RenderModeType.RenderModeFit : number;
+    }
+    set renderContentMode(val) {
+        if (val) {
+            this.setAttribute(RENDERER_CONTENT_MODE_STRING, String(val));
+        }
+        else {
+            this.removeAttribute(RENDERER_CONTENT_MODE_STRING);
+        }
+    }
+    get renderMirror() {
+        return this.getAttribute(RENDERER_MIRROR_STRING) === 'true';
+    }
+    set renderMirror(val) {
+        if (val) {
+            this.setAttribute(RENDERER_MIRROR_STRING, String(val));
+        }
+        else {
+            this.removeAttribute(RENDERER_MIRROR_STRING);
+        }
+    }
+    constructor() {
+        super();
+    }
+    initializeRender = () => {
+        Utils_1.AgoraEnv.AgoraRendererManager?.destroyRendererByView(this);
+        Utils_1.AgoraEnv.AgoraRendererManager?.setupVideo({
+            videoSourceType: this.videoSourceType,
+            view: this,
+            uid: this.uid,
+            channelId: this.channelId,
+            rendererOptions: {
+                mirror: this.renderMirror,
+                contentMode: this.renderContentMode,
+            },
+        });
+    };
+    destroyRender = () => {
+        Utils_1.AgoraEnv.AgoraRendererManager?.destroyRendererByView(this);
+    };
+    connectedCallback() {
+        this.isConnectedCallback = true;
+        this.initializeRender();
+    }
+    attributeChangedCallback(attrName, oldVal, newVal) {
+        if (!this.isConnectedCallback) {
+            return;
+        }
+        const isSetRenderOption = [
+            RENDERER_CONTENT_MODE_STRING,
+            RENDERER_MIRROR_STRING,
+        ].includes(attrName);
+        if (isSetRenderOption) {
+            Utils_1.AgoraEnv.AgoraRendererManager?.setRenderOption(this, this.renderContentMode, this.renderMirror);
+            return;
+        }
+        const isNeedReInitialize = observedAttributes.includes(attrName);
+        if (!isNeedReInitialize) {
+            return;
+        }
+        this.initializeRender();
+    }
+    disconnectedCallback() {
+        this.isConnectedCallback = false;
+        this.destroyRender();
+    }
+}
+exports.default = AgoraView;
+window.customElements.define('agora-view', AgoraView);

package/js/Renderer/IRenderer.js

@@ -1,48 +1,40 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IRenderer = void 0;
-const AgoraMediaBase_1 = require("../Private/AgoraMediaBase");
-class IRenderer {
-    constructor() {
-        this.contentMode = AgoraMediaBase_1.RenderModeType.RenderModeFit;
-    }
-    snapshot(fileType = 'image/png') {
-        if (this.canvas && this.canvas.toDataURL) {
-            return this.canvas.toDataURL(fileType);
-        }
-        return null;
-    }
-    bind(element) {
-        if (!element) {
-            throw new Error('You have pass a element');
-        }
-        this.parentElement = element;
-    }
-    unbind() {
-        throw new Error('You have to declare your own custom render');
-    }
-    equalsElement(element) {
-        if (!element) {
-            throw new Error('You have pass a element');
-        }
-        if (!this.parentElement) {
-            throw new Error('parentElement is null');
-        }
-        return element === this.parentElement;
-    }
-    drawFrame(imageData) {
-        throw new Error('You have to declare your own custom render');
-    }
-    setRenderOption({ contentMode, mirror }) {
-        this.contentMode =
-            contentMode === undefined ? AgoraMediaBase_1.RenderModeType.RenderModeFit : contentMode;
-        this.mirror = mirror;
-        Object.assign(this.parentElement.style, {
-            transform: mirror ? 'rotateY(180deg)' : '',
-        });
-    }
-    refreshCanvas() {
-        throw new Error('You have to declare your own custom render');
-    }
-}
-exports.IRenderer = IRenderer;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IRenderer = void 0;
+const AgoraMediaBase_1 = require("../Private/AgoraMediaBase");
+class IRenderer {
+    parentElement;
+    canvas;
+    event;
+    contentMode = AgoraMediaBase_1.RenderModeType.RenderModeFit;
+    mirror;
+    snapshot(fileType = 'image/png') {
+        if (this.canvas && this.canvas.toDataURL) {
+            return this.canvas.toDataURL(fileType);
+        }
+        return null;
+    }
+    bind(element) {
+        if (!element) {
+            throw new Error('You have pass a element');
+        }
+        this.parentElement = element;
+    }
+    equalsElement(element) {
+        if (!element) {
+            throw new Error('You have pass a element');
+        }
+        if (!this.parentElement) {
+            throw new Error('parentElement is null');
+        }
+        return element === this.parentElement;
+    }
+    setRenderOption({ contentMode, mirror }) {
+        this.contentMode = contentMode ?? AgoraMediaBase_1.RenderModeType.RenderModeFit;
+        this.mirror = mirror;
+        Object.assign(this.parentElement.style, {
+            transform: mirror ? 'rotateY(180deg)' : '',
+        });
+    }
+}
+exports.IRenderer = IRenderer;

package/js/Renderer/IRendererManager.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IRendererManager = void 0;
+/**
+ * @ignore
+ */
+class IRendererManager {
+}
+exports.IRendererManager = IRendererManager;