agora-electron-sdk 4.5.3-dev.2 → 4.5.3

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 
 
+## [4.5.3](https://github.com/AgoraIO-Extensions/Electron-SDK/compare/v4.5.3-dev.3...v4.5.3) (2026-04-28)
+
+## [4.5.3-dev.3](https://github.com/AgoraIO-Extensions/Electron-SDK/compare/v4.5.3-dev.2...v4.5.3-dev.3) (2026-04-03)
+
 ## [4.5.3-dev.2](https://github.com/AgoraIO-Extensions/Electron-SDK/compare/v4.5.3-dev.1...v4.5.3-dev.2) (2026-04-03)
 
 ## [4.5.3-dev.1](https://github.com/AgoraIO-Extensions/Electron-SDK/compare/v4.5.2-build.9-rc.1...v4.5.3-dev.1) (2026-04-03)

package/js/{ts/Private → Private}/internal/AgoraH265TranscoderInternal.js

@@ -36,15 +36,13 @@ class H265TranscoderInternal extends IAgoraH265TranscoderImpl_1.IH265TranscoderI
         };
         // @ts-ignore
         listener.agoraCallback = callback;
-        IrisApiEngine_1.DeviceEventEmitter.addListener(eventType, callback);
+        (0, IrisApiEngine_1.addScopedEventListener)(this, eventType, listener, callback);
     }
     removeListener(eventType, listener) {
-        IrisApiEngine_1.DeviceEventEmitter.removeListener(eventType, 
-        // @ts-ignore
-        listener?.agoraCallback ?? listener);
+        (0, IrisApiEngine_1.removeScopedEventListener)(this, eventType, listener);
     }
     removeAllListeners(eventType) {
-        IrisApiEngine_1.DeviceEventEmitter.removeAllListeners(eventType);
+        (0, IrisApiEngine_1.removeAllScopedEventListeners)(this, eventType);
     }
     registerTranscoderObserver(observer) {
         if (!H265TranscoderInternal._h265_transcoder_observers.find((value) => value === observer)) {

package/js/{ts/Private → Private}/internal/IrisApiEngine.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.emitEvent = exports.callIrisApi = exports.EVENT_PROCESSORS = exports.EVENT_TYPE = exports.isDebuggable = exports.setDebuggable = exports.AgoraElectronBridge = exports.DeviceEventEmitter = void 0;
+exports.emitEvent = exports.callIrisApi = exports.EVENT_PROCESSORS = exports.EVENT_TYPE = exports.isDebuggable = exports.setDebuggable = exports.AgoraElectronBridge = exports.removeAllScopedEventListeners = exports.removeScopedEventListener = exports.addScopedEventListener = exports.DeviceEventEmitter = void 0;
 const eventemitter3_1 = __importDefault(require("eventemitter3"));
 const json_bigint_1 = __importDefault(require("json-bigint"));
 const JSON = (0, json_bigint_1.default)({ storeAsString: true });
@@ -26,6 +26,76 @@ const MusicContentCenterInternal_1 = require("./MusicContentCenterInternal");
 const RtcEngineExInternal_1 = require("./RtcEngineExInternal");
 // @ts-ignore
 exports.DeviceEventEmitter = new eventemitter3_1.default();
+const ScopedDeviceEventListeners = new WeakMap();
+function getScopedListenerMap(owner) {
+    let scopedListeners = ScopedDeviceEventListeners.get(owner);
+    if (scopedListeners === undefined) {
+        scopedListeners = new Map();
+        ScopedDeviceEventListeners.set(owner, scopedListeners);
+    }
+    return scopedListeners;
+}
+function cleanupScopedListenerMap(owner, scopedListeners) {
+    if (scopedListeners.size === 0) {
+        ScopedDeviceEventListeners.delete(owner);
+    }
+}
+function addScopedEventListener(owner, eventType, listener, callback) {
+    const scopedListeners = getScopedListenerMap(owner);
+    const listeners = scopedListeners.get(eventType) ?? [];
+    listeners.push({ listener, callback });
+    scopedListeners.set(eventType, listeners);
+    exports.DeviceEventEmitter.addListener(eventType, callback);
+}
+exports.addScopedEventListener = addScopedEventListener;
+function removeScopedEventListener(owner, eventType, listener) {
+    if (listener === undefined) {
+        removeAllScopedEventListeners(owner, eventType);
+        return;
+    }
+    const scopedListeners = ScopedDeviceEventListeners.get(owner);
+    if (scopedListeners === undefined) {
+        return;
+    }
+    const listeners = scopedListeners.get(eventType) ?? [];
+    const index = listeners.findIndex((record) => record.listener === listener);
+    if (index === -1) {
+        return;
+    }
+    const [record] = listeners.splice(index, 1);
+    exports.DeviceEventEmitter.removeListener(eventType, record.callback);
+    if (listeners.length === 0) {
+        scopedListeners.delete(eventType);
+    }
+    else {
+        scopedListeners.set(eventType, listeners);
+    }
+    cleanupScopedListenerMap(owner, scopedListeners);
+}
+exports.removeScopedEventListener = removeScopedEventListener;
+function removeAllScopedEventListeners(owner, eventType) {
+    const scopedListeners = ScopedDeviceEventListeners.get(owner);
+    if (scopedListeners === undefined) {
+        return;
+    }
+    if (eventType !== undefined) {
+        const listeners = scopedListeners.get(eventType) ?? [];
+        listeners.forEach((record) => {
+            exports.DeviceEventEmitter.removeListener(eventType, record.callback);
+        });
+        scopedListeners.delete(eventType);
+        cleanupScopedListenerMap(owner, scopedListeners);
+        return;
+    }
+    scopedListeners.forEach((listeners, currentEventType) => {
+        listeners.forEach((record) => {
+            exports.DeviceEventEmitter.removeListener(currentEventType, record.callback);
+        });
+    });
+    scopedListeners.clear();
+    ScopedDeviceEventListeners.delete(owner);
+}
+exports.removeAllScopedEventListeners = removeAllScopedEventListeners;
 const AgoraNode = require('../../../build/Release/agora_node_ext');
 exports.AgoraElectronBridge = new AgoraNode.AgoraElectronBridge();
 exports.AgoraElectronBridge.OnEvent('call_back_with_buffer', (...params) => {
@@ -201,19 +271,6 @@ exports.EVENT_PROCESSORS = {
                 case 'onStreamMessageEx':
                     data.data = buffers[0];
                     break;
-                case 'onLocalVideoStats':
-                    if (data) {
-                        let rendererManager = Utils_1.AgoraEnv.AgoraRendererManager;
-                        if (rendererManager) {
-                            let sourceType = data.sourceType;
-                            let connection = data.connection;
-                            let rendererCaches = rendererManager.getRendererCachesBySourceType(sourceType);
-                            rendererCaches.forEach((cache) => {
-                                cache.setCallbackContext(connection, sourceType);
-                            });
-                        }
-                    }
-                    break;
                 case 'onRemoteVideoStats':
                     if (data) {
                         let rendererManager = Utils_1.AgoraEnv.AgoraRendererManager;

package/js/{ts/Private → Private}/internal/MediaEngineInternal.js

@@ -104,15 +104,13 @@ class MediaEngineInternal extends IAgoraMediaEngineImpl_1.IMediaEngineImpl {
         };
         // @ts-ignore
         listener.agoraCallback = callback;
-        IrisApiEngine_1.DeviceEventEmitter.addListener(eventType, callback);
+        (0, IrisApiEngine_1.addScopedEventListener)(this, eventType, listener, callback);
     }
     removeListener(eventType, listener) {
-        IrisApiEngine_1.DeviceEventEmitter.removeListener(eventType, 
-        // @ts-ignore
-        listener?.agoraCallback ?? listener);
+        (0, IrisApiEngine_1.removeScopedEventListener)(this, eventType, listener);
     }
     removeAllListeners(eventType) {
-        IrisApiEngine_1.DeviceEventEmitter.removeAllListeners(eventType);
+        (0, IrisApiEngine_1.removeAllScopedEventListeners)(this, eventType);
     }
 }
 exports.MediaEngineInternal = MediaEngineInternal;

package/js/{ts/Private → Private}/internal/MediaPlayerInternal.js

@@ -77,15 +77,13 @@ class MediaPlayerInternal extends IAgoraMediaPlayerImpl_1.IMediaPlayerImpl {
         };
         // @ts-ignore
         listener.agoraCallback = callback;
-        IrisApiEngine_1.DeviceEventEmitter.addListener(eventType, callback);
+        (0, IrisApiEngine_1.addScopedEventListener)(this, eventType, listener, callback);
     }
     removeListener(eventType, listener) {
-        IrisApiEngine_1.DeviceEventEmitter.removeListener(eventType, 
-        // @ts-ignore
-        listener?.agoraCallback ?? listener);
+        (0, IrisApiEngine_1.removeScopedEventListener)(this, eventType, listener);
     }
     removeAllListeners(eventType) {
-        IrisApiEngine_1.DeviceEventEmitter.removeAllListeners(eventType);
+        (0, IrisApiEngine_1.removeAllScopedEventListeners)(this, eventType);
     }
     getMediaPlayerId() {
         return this._mediaPlayerId;

package/js/{ts/Private → Private}/internal/MediaRecorderInternal.js

@@ -24,7 +24,8 @@ class MediaRecorderInternal extends IAgoraMediaRecorderImpl_1.IMediaRecorderImpl
     }
     setMediaRecorderObserver(callback) {
         const key = this._nativeHandle;
-        if (MediaRecorderInternal._observers.has(key)) {
+        const currentObserver = MediaRecorderInternal._observers.get(key);
+        if (currentObserver === callback) {
             return AgoraBase_1.ErrorCodeType.ErrOk;
         }
         MediaRecorderInternal._observers.set(key, callback);
@@ -55,15 +56,13 @@ class MediaRecorderInternal extends IAgoraMediaRecorderImpl_1.IMediaRecorderImpl
         };
         // @ts-ignore
         listener.agoraCallback = callback;
-        IrisApiEngine_1.DeviceEventEmitter.addListener(eventType, callback);
+        (0, IrisApiEngine_1.addScopedEventListener)(this, eventType, listener, callback);
     }
     removeListener(eventType, listener) {
-        IrisApiEngine_1.DeviceEventEmitter.removeListener(eventType, 
-        // @ts-ignore
-        listener?.agoraCallback ?? listener);
+        (0, IrisApiEngine_1.removeScopedEventListener)(this, eventType, listener);
     }
     removeAllListeners(eventType) {
-        IrisApiEngine_1.DeviceEventEmitter.removeAllListeners(eventType);
+        (0, IrisApiEngine_1.removeAllScopedEventListeners)(this, eventType);
     }
 }
 exports.MediaRecorderInternal = MediaRecorderInternal;

package/js/{ts/Private → Private}/internal/MusicContentCenterInternal.js

@@ -34,15 +34,13 @@ class MusicContentCenterInternal extends IAgoraMusicContentCenterImpl_1.IMusicCo
         };
         // @ts-ignore
         listener.agoraCallback = callback;
-        IrisApiEngine_1.DeviceEventEmitter.addListener(eventType, callback);
+        (0, IrisApiEngine_1.addScopedEventListener)(this, eventType, listener, callback);
     }
     removeListener(eventType, listener) {
-        IrisApiEngine_1.DeviceEventEmitter.removeListener(eventType, 
-        // @ts-ignore
-        listener?.agoraCallback ?? listener);
+        (0, IrisApiEngine_1.removeScopedEventListener)(this, eventType, listener);
     }
     removeAllListeners(eventType) {
-        IrisApiEngine_1.DeviceEventEmitter.removeAllListeners(eventType);
+        (0, IrisApiEngine_1.removeAllScopedEventListeners)(this, eventType);
     }
     registerEventHandler(eventHandler) {
         if (!MusicContentCenterInternal._event_handlers.find((value) => value === eventHandler)) {

package/js/{ts/Private → Private}/internal/RtcEngineExInternal.js

@@ -69,38 +69,62 @@ class RtcEngineExInternal extends IAgoraRtcEngineExImpl_1.IRtcEngineExImpl {
                 try {
                     this.performanceIntervalFunc = setInterval(() => {
                         let rendererManager = Utils_1.AgoraEnv.AgoraRendererManager;
-                        let counters = [];
+                        let remoteCounters = [];
+                        let localCounters = [];
                         if (rendererManager) {
                             rendererManager.getRendererCaches().forEach((cache) => {
-                                const isRemote = cache.callbackContext.sourceType ===
+                                const isRemote = cache.callbackContext?.sourceType ===
                                     AgoraMediaBase_1.VideoSourceType.VideoSourceRemote;
-                                if (cache.callbackContext.connection?.channelId &&
-                                    (cache.callbackContext.connection?.localUid || isRemote)) {
-                                    let counter = counters.find((counter) => counter.connection.channelId ===
-                                        cache.callbackContext.connection.channelId &&
-                                        counter.connection.localUid ===
-                                            cache.callbackContext.connection.localUid);
+                                if (isRemote) {
+                                    if (cache.callbackContext.connection?.channelId &&
+                                        cache.callbackContext.connection?.localUid) {
+                                        let counter = remoteCounters.find((counter) => counter.connection.channelId ===
+                                            cache.callbackContext.connection.channelId &&
+                                            counter.connection.localUid ===
+                                                cache.callbackContext.connection.localUid);
+                                        let data = {
+                                            counters: [
+                                                {
+                                                    counterId: this.VideoRemoteRenderMeanFpsCounterId,
+                                                    value: Math.floor(cache.actualFps),
+                                                },
+                                                {
+                                                    counterId: this.VideoRemoteRenderDrawCostCounterId,
+                                                    value: Math.floor(cache.avgFrameInterval),
+                                                },
+                                            ],
+                                            uid: cache.cacheContext.uid,
+                                        };
+                                        if (!counter) {
+                                            remoteCounters.push({
+                                                data: [data],
+                                                connection: cache.callbackContext.connection,
+                                            });
+                                        }
+                                        else {
+                                            counter.data.push(data);
+                                        }
+                                    }
+                                }
+                                else {
+                                    let counter = localCounters.find((counter) => counter.videoSourceType === cache.cacheContext.sourceType);
                                     let data = {
                                         counters: [
                                             {
-                                                counterId: isRemote
-                                                    ? this.VideoRemoteRenderMeanFpsCounterId
-                                                    : this.VideoLocalRenderMeanFpsCounterId,
+                                                counterId: this.VideoLocalRenderMeanFpsCounterId,
                                                 value: Math.floor(cache.actualFps),
                                             },
                                             {
-                                                counterId: isRemote
-                                                    ? this.VideoRemoteRenderDrawCostCounterId
-                                                    : this.VideoLocalRenderDrawCostCounterId,
+                                                counterId: this.VideoLocalRenderDrawCostCounterId,
                                                 value: Math.floor(cache.avgFrameInterval),
                                             },
                                         ],
-                                        uid: isRemote ? cache.cacheContext.uid : 0,
+                                        uid: cache.cacheContext.uid,
                                     };
                                     if (!counter) {
-                                        counters.push({
+                                        localCounters.push({
                                             data: [data],
-                                            connection: cache.callbackContext.connection,
+                                            videoSourceType: cache.cacheContext.sourceType,
                                         });
                                     }
                                     else {
@@ -109,6 +133,7 @@ class RtcEngineExInternal extends IAgoraRtcEngineExImpl_1.IRtcEngineExImpl {
                                 }
                             });
                         }
+                        const counters = [...remoteCounters, ...localCounters];
                         counters.forEach((counter) => {
                             this.setParameters(JSON.stringify({ 'rtc.report.argus_counters': counter }));
                         });
@@ -201,15 +226,13 @@ class RtcEngineExInternal extends IAgoraRtcEngineExImpl_1.IRtcEngineExImpl {
         };
         // @ts-ignore
         listener.agoraCallback = callback;
-        IrisApiEngine_2.DeviceEventEmitter.addListener(eventType, callback);
+        (0, IrisApiEngine_2.addScopedEventListener)(this, eventType, listener, callback);
     }
     removeListener(eventType, listener) {
-        IrisApiEngine_2.DeviceEventEmitter.removeListener(eventType, 
-        // @ts-ignore
-        listener?.agoraCallback ?? listener);
+        (0, IrisApiEngine_2.removeScopedEventListener)(this, eventType, listener);
     }
     removeAllListeners(eventType) {
-        IrisApiEngine_2.DeviceEventEmitter.removeAllListeners(eventType);
+        (0, IrisApiEngine_2.removeAllScopedEventListeners)(this, eventType);
     }
     getVersion() {
         const apiType = 'RtcEngine_getVersion_915cb25';

package/js/{ts/Renderer → Renderer}/RendererCache.js

@@ -104,11 +104,6 @@ class RendererCache extends IRendererCache_1.IRendererCache {
                 this.videoFrame.alphaBuffer = Buffer.alloc(this.videoFrame.width * this.videoFrame.height);
             }
         }
-        if (hasMoreFrame) {
-            this.renderers.forEach((renderer) => {
-                renderer.drawFrame(this.cacheContext.uid, this.videoFrame);
-            });
-        }
         return { hasMoreFrame, needRender };
     }
     addRenderer(renderer) {
@@ -207,22 +202,12 @@ class RendererCache extends IRendererCache_1.IRendererCache {
             }
             // 记录当前时间作为本次循环的开始时间
             this._lastRenderTime = currentTime;
-            // 获取第一帧并渲染
-            // 无论hasMoreFrame是true还是false，都渲染当前帧
-            // 因为fetchVideoFrame总是会获取一帧数据（如果有的话）
-            let { hasMoreFrame, needRender } = this.fetchVideoFrame();
+            // Fetch at most one frame per tick and render it once. When frames pile
+            // up, favor UI responsiveness over draining the entire backlog.
+            const { needRender } = this.fetchVideoFrame();
             if (needRender) {
                 this.renderFrame();
             }
-            // 如果hasMoreFrame为true，表示还有更多帧需要获取
-            while (hasMoreFrame) {
-                // 获取下一帧
-                let { hasMoreFrame: nextHasMoreFrame, needRender } = this.fetchVideoFrame();
-                hasMoreFrame = nextHasMoreFrame;
-                if (needRender) {
-                    this.renderFrame();
-                }
-            }
             // 安排下一帧
             this._renderingTimer = window.setTimeout(renderingLooper, 0);
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agora-electron-sdk",
-  "version": "4.5.3-dev.2",
+  "version": "4.5.3",
   "description": "agora-electron-sdk",
   "main": "js/AgoraSdk",
   "types": "types/AgoraSdk.d.ts",
@@ -160,9 +160,9 @@
     "pify": "^4.0.1"
   },
   "agora_electron": {
-    "iris_sdk_win": "https://download.agora.io/sdk/release/iris_4.5.3-dev.8_DCG_Windows_Video_Standalone_20260403_0226_31945.zip",
-    "iris_sdk_mac": "https://download.agora.io/sdk/release/iris_4.5.3-dev.8_DCG_Mac_Video_Standalone_20260403_0226_32882.zip",
-    "native_sdk_win": "https://download.agora.io/sdk/release/Agora_Native_SDK_for_Windows_v4.5.3_FULL.zip",
-    "native_sdk_mac": "https://download.agora.io/sdk/release/Agora_Native_SDK_for_Mac_v4.5.3_FULL.zip"
+    "iris_sdk_win": "https://download.agora.io/sdk/release/iris_4.5.3-build.1_DCG_Windows_Video_Standalone_20260428_1050_31959.zip",
+    "iris_sdk_mac": "https://download.agora.io/sdk/release/iris_4.5.3-build.1_DCG_Mac_Video_Standalone_20260428_1052_32896.zip",
+    "native_sdk_win": "https://download.agora.io/sdk/release/Agora_Native_SDK_for_Windows_rel.v4.5.3.70_32091_FULL_20260416_1933_1076734.zip",
+    "native_sdk_mac": "https://download.agora.io/sdk/release/Agora_Native_SDK_for_Mac_rel.v4.5.3.70_27430_FULL_20260416_1933_1076735.zip"
   }
 }

package/ts/Private/internal/AgoraH265TranscoderInternal.ts

@@ -9,9 +9,11 @@ import IAgoraH265TranscoderTI from '../ti/IAgoraH265Transcoder-ti';
 const checkers = createCheckers(IAgoraH265TranscoderTI);
 
 import {
-  DeviceEventEmitter,
   EVENT_TYPE,
   EventProcessor,
+  addScopedEventListener,
+  removeAllScopedEventListeners,
+  removeScopedEventListener,
 } from './IrisApiEngine';
 
 export class H265TranscoderInternal extends IH265TranscoderImpl {
@@ -52,24 +54,24 @@ export class H265TranscoderInternal extends IH265TranscoderImpl {
     };
     // @ts-ignore
     listener!.agoraCallback = callback;
-    DeviceEventEmitter.addListener(eventType, callback);
+    addScopedEventListener(this, eventType, listener as Function, callback);
   }
 
   removeListener<EventType extends keyof IH265TranscoderEvent>(
     eventType: EventType,
     listener?: IH265TranscoderEvent[EventType]
   ) {
-    DeviceEventEmitter.removeListener(
+    removeScopedEventListener(
+      this,
       eventType,
-      // @ts-ignore
-      listener?.agoraCallback ?? listener
+      listener as Function | undefined
     );
   }
 
   removeAllListeners<EventType extends keyof IH265TranscoderEvent>(
     eventType?: EventType
   ) {
-    DeviceEventEmitter.removeAllListeners(eventType);
+    removeAllScopedEventListeners(this, eventType);
   }
 
   override registerTranscoderObserver(

package/ts/Private/internal/IrisApiEngine.ts

@@ -71,6 +71,110 @@ import { VideoEffectObjectInternal } from './VideoEffectObjectInternal';
 // @ts-ignore
 export const DeviceEventEmitter: EventEmitter = new EventEmitter();
 
+type DeviceEventListener = (...args: any[]) => void;
+type ListenerRecord = {
+  listener: Function;
+  callback: DeviceEventListener;
+};
+
+const ScopedDeviceEventListeners = new WeakMap<
+  object,
+  Map<string, ListenerRecord[]>
+>();
+
+function getScopedListenerMap(owner: object): Map<string, ListenerRecord[]> {
+  let scopedListeners = ScopedDeviceEventListeners.get(owner);
+  if (scopedListeners === undefined) {
+    scopedListeners = new Map<string, ListenerRecord[]>();
+    ScopedDeviceEventListeners.set(owner, scopedListeners);
+  }
+  return scopedListeners;
+}
+
+function cleanupScopedListenerMap(
+  owner: object,
+  scopedListeners: Map<string, ListenerRecord[]>
+) {
+  if (scopedListeners.size === 0) {
+    ScopedDeviceEventListeners.delete(owner);
+  }
+}
+
+export function addScopedEventListener(
+  owner: object,
+  eventType: string,
+  listener: Function,
+  callback: DeviceEventListener
+) {
+  const scopedListeners = getScopedListenerMap(owner);
+  const listeners = scopedListeners.get(eventType) ?? [];
+
+  listeners.push({ listener, callback });
+  scopedListeners.set(eventType, listeners);
+  DeviceEventEmitter.addListener(eventType, callback);
+}
+
+export function removeScopedEventListener(
+  owner: object,
+  eventType: string,
+  listener?: Function
+) {
+  if (listener === undefined) {
+    removeAllScopedEventListeners(owner, eventType);
+    return;
+  }
+
+  const scopedListeners = ScopedDeviceEventListeners.get(owner);
+  if (scopedListeners === undefined) {
+    return;
+  }
+
+  const listeners = scopedListeners.get(eventType) ?? [];
+  const index = listeners.findIndex((record) => record.listener === listener);
+
+  if (index === -1) {
+    return;
+  }
+
+  const [record] = listeners.splice(index, 1);
+  DeviceEventEmitter.removeListener(eventType, record!.callback);
+
+  if (listeners.length === 0) {
+    scopedListeners.delete(eventType);
+  } else {
+    scopedListeners.set(eventType, listeners);
+  }
+  cleanupScopedListenerMap(owner, scopedListeners);
+}
+
+export function removeAllScopedEventListeners(
+  owner: object,
+  eventType?: string
+) {
+  const scopedListeners = ScopedDeviceEventListeners.get(owner);
+  if (scopedListeners === undefined) {
+    return;
+  }
+
+  if (eventType !== undefined) {
+    const listeners = scopedListeners.get(eventType) ?? [];
+    listeners.forEach((record) => {
+      DeviceEventEmitter.removeListener(eventType, record.callback);
+    });
+    scopedListeners.delete(eventType);
+    cleanupScopedListenerMap(owner, scopedListeners);
+    return;
+  }
+
+  scopedListeners.forEach((listeners, currentEventType) => {
+    listeners.forEach((record) => {
+      DeviceEventEmitter.removeListener(currentEventType, record.callback);
+    });
+  });
+  scopedListeners.clear();
+  ScopedDeviceEventListeners.delete(owner);
+}
+
 const AgoraNode = require('../../../build/Release/agora_node_ext');
 export const AgoraElectronBridge: IAgoraElectronBridge =
   new AgoraNode.AgoraElectronBridge();
@@ -345,20 +449,6 @@ export const EVENT_PROCESSORS: EventProcessors = {
         case 'onStreamMessageEx':
           data.data = buffers[0];
           break;
-        case 'onLocalVideoStats':
-          if (data) {
-            let rendererManager = AgoraEnv.AgoraRendererManager;
-            if (rendererManager) {
-              let sourceType = (data as any).sourceType;
-              let connection = (data as any).connection;
-              let rendererCaches =
-                rendererManager.getRendererCachesBySourceType(sourceType);
-              rendererCaches.forEach((cache) => {
-                cache.setCallbackContext(connection, sourceType);
-              });
-            }
-          }
-          break;
         case 'onRemoteVideoStats':
           if (data) {
             let rendererManager = AgoraEnv.AgoraRendererManager;

package/ts/Private/internal/MediaEngineInternal.ts

@@ -12,9 +12,11 @@ import AgoraMediaBaseTI from '../ti/AgoraMediaBase-ti';
 const checkers = createCheckers(AgoraMediaBaseTI);
 
 import {
-  DeviceEventEmitter,
   EVENT_TYPE,
   EventProcessor,
+  addScopedEventListener,
+  removeAllScopedEventListeners,
+  removeScopedEventListener,
 } from './IrisApiEngine';
 
 export class MediaEngineInternal extends IMediaEngineImpl {
@@ -168,23 +170,23 @@ export class MediaEngineInternal extends IMediaEngineImpl {
     };
     // @ts-ignore
     listener!.agoraCallback = callback;
-    DeviceEventEmitter.addListener(eventType, callback);
+    addScopedEventListener(this, eventType, listener as Function, callback);
   }
 
   removeListener<EventType extends keyof IMediaEngineEvent>(
     eventType: EventType,
     listener?: IMediaEngineEvent[EventType]
   ) {
-    DeviceEventEmitter.removeListener(
+    removeScopedEventListener(
+      this,
       eventType,
-      // @ts-ignore
-      listener?.agoraCallback ?? listener
+      listener as Function | undefined
     );
   }
 
   removeAllListeners<EventType extends keyof IMediaEngineEvent>(
     eventType?: EventType
   ) {
-    DeviceEventEmitter.removeAllListeners(eventType);
+    removeAllScopedEventListeners(this, eventType);
   }
 }

package/ts/Private/internal/MediaPlayerInternal.ts

@@ -23,9 +23,11 @@ const checkers = createCheckers(
 );
 
 import {
-  DeviceEventEmitter,
   EVENT_TYPE,
   EventProcessor,
+  addScopedEventListener,
+  removeAllScopedEventListeners,
+  removeScopedEventListener,
 } from './IrisApiEngine';
 
 export class MediaPlayerInternal extends IMediaPlayerImpl {
@@ -131,24 +133,24 @@ export class MediaPlayerInternal extends IMediaPlayerImpl {
     };
     // @ts-ignore
     listener!.agoraCallback = callback;
-    DeviceEventEmitter.addListener(eventType, callback);
+    addScopedEventListener(this, eventType, listener as Function, callback);
   }
 
   removeListener<EventType extends keyof IMediaPlayerEvent>(
     eventType: EventType,
     listener?: IMediaPlayerEvent[EventType]
   ) {
-    DeviceEventEmitter.removeListener(
+    removeScopedEventListener(
+      this,
       eventType,
-      // @ts-ignore
-      listener?.agoraCallback ?? listener
+      listener as Function | undefined
     );
   }
 
   removeAllListeners<EventType extends keyof IMediaPlayerEvent>(
     eventType?: EventType
   ) {
-    DeviceEventEmitter.removeAllListeners(eventType);
+    removeAllScopedEventListeners(this, eventType);
   }
 
   override getMediaPlayerId(): number {