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

package/ts/Private/impl/IAgoraSpatialAudioImpl.ts

@@ -1,11 +1,11 @@
-import { callIrisApi } from '../internal/IrisApiEngine';
+import { RtcConnection } from '../IAgoraRtcEngineEx';
 import {
   IBaseSpatialAudioEngine,
+  ILocalSpatialAudioEngine,
   RemoteVoicePositionInfo,
   SpatialAudioZone,
-  ILocalSpatialAudioEngine,
 } from '../IAgoraSpatialAudio';
-import { RtcConnection } from '../IAgoraRtcEngineEx';
+
 // @ts-ignore
 export class IBaseSpatialAudioEngineImpl implements IBaseSpatialAudioEngine {
   release(): void {
@@ -498,3 +498,5 @@ export class ILocalSpatialAudioEngineImpl
     return 'LocalSpatialAudioEngine_setRemoteAudioAttenuation';
   }
 }
+
+import { callIrisApi } from '../internal/IrisApiEngine';

package/ts/Private/impl/IAudioDeviceManagerImpl.ts

@@ -1,6 +1,6 @@
-import { callIrisApi } from '../internal/IrisApiEngine';
-import { IAudioDeviceManager } from '../IAudioDeviceManager';
 import { AudioDeviceInfo } from '../IAgoraRtcEngine';
+import { IAudioDeviceManager } from '../IAudioDeviceManager';
+
 // @ts-ignore
 export class IAudioDeviceManagerImpl implements IAudioDeviceManager {
   enumeratePlaybackDevices(): AudioDeviceInfo[] {
@@ -439,3 +439,5 @@ export class IAudioDeviceManagerImpl implements IAudioDeviceManager {
     return 'AudioDeviceManager_getRecordingDefaultDevice';
   }
 }
+
+import { callIrisApi } from '../internal/IrisApiEngine';

package/ts/Private/internal/AudioDeviceManagerInternal.ts

@@ -1,9 +1,10 @@
 import { AudioDeviceInfo } from '../IAgoraRtcEngine';
-import { callIrisApi } from './IrisApiEngine';
 import { IAudioDeviceManagerImpl } from '../impl/IAudioDeviceManagerImpl';
 
+import { callIrisApi } from './IrisApiEngine';
+
 export class AudioDeviceManagerInternal extends IAudioDeviceManagerImpl {
-  getPlaybackDeviceInfo(): AudioDeviceInfo {
+  override getPlaybackDeviceInfo(): AudioDeviceInfo {
     const apiType = this.getApiTypeFromGetPlaybackDeviceInfo();
     const jsonParams = {};
     const jsonResults = callIrisApi.call(this, apiType, jsonParams);
@@ -13,7 +14,7 @@ export class AudioDeviceManagerInternal extends IAudioDeviceManagerImpl {
     };
   }
 
-  getRecordingDeviceInfo(): AudioDeviceInfo {
+  override getRecordingDeviceInfo(): AudioDeviceInfo {
     const apiType = this.getApiTypeFromGetRecordingDeviceInfo();
     const jsonParams = {};
     const jsonResults = callIrisApi.call(this, apiType, jsonParams);
@@ -23,7 +24,7 @@ export class AudioDeviceManagerInternal extends IAudioDeviceManagerImpl {
     };
   }
 
-  getPlaybackDefaultDevice(): AudioDeviceInfo {
+  override getPlaybackDefaultDevice(): AudioDeviceInfo {
     const apiType = this.getApiTypeFromGetPlaybackDefaultDevice();
     const jsonParams = {};
     const jsonResults = callIrisApi.call(this, apiType, jsonParams);
@@ -33,7 +34,7 @@ export class AudioDeviceManagerInternal extends IAudioDeviceManagerImpl {
     };
   }
 
-  getRecordingDefaultDevice(): AudioDeviceInfo {
+  override getRecordingDefaultDevice(): AudioDeviceInfo {
     const apiType = this.getApiTypeFromGetRecordingDefaultDevice();
     const jsonParams = {};
     const jsonResults = callIrisApi.call(this, apiType, jsonParams);

package/ts/Private/internal/IrisApiEngine.ts

@@ -1,51 +1,48 @@
-const JSON = require('json-bigint');
-import { AgoraEnv } from '../../Utils';
+import JSON from 'json-bigint';
 
+import { AgoraEnv } from '../../Utils';
 import { IAudioEncodedFrameObserver } from '../AgoraBase';
 import {
   AudioFrame,
   AudioPcmFrame,
   IAudioFrameObserver,
+  IAudioPcmFrameSink,
   IAudioSpectrumObserver,
   IMediaRecorderObserver,
   IVideoEncodedFrameObserver,
   IVideoFrameObserver,
   VideoFrame,
 } from '../AgoraMediaBase';
-import {
-  IDirectCdnStreamingEventHandler,
-  IMetadataObserver,
-  IRtcEngineEventHandler,
-  Metadata,
-} from '../IAgoraRtcEngine';
 import {
   IMediaPlayer,
-  IMediaPlayerAudioFrameObserver,
   IMediaPlayerVideoFrameObserver,
 } from '../IAgoraMediaPlayer';
 import { IMediaPlayerSourceObserver } from '../IAgoraMediaPlayerSource';
 import { IMusicContentCenterEventHandler } from '../IAgoraMusicContentCenter';
-
+import {
+  IDirectCdnStreamingEventHandler,
+  IMetadataObserver,
+  IRtcEngineEventHandler,
+  Metadata,
+} from '../IAgoraRtcEngine';
 import { processIAudioEncodedFrameObserver } from '../impl/AgoraBaseImpl';
 import {
   processIAudioFrameObserver,
   processIAudioFrameObserverBase,
+  processIAudioPcmFrameSink,
   processIAudioSpectrumObserver,
   processIMediaRecorderObserver,
   processIVideoEncodedFrameObserver,
   processIVideoFrameObserver,
 } from '../impl/AgoraMediaBaseImpl';
+import { processIMediaPlayerVideoFrameObserver } from '../impl/IAgoraMediaPlayerImpl';
+import { processIMediaPlayerSourceObserver } from '../impl/IAgoraMediaPlayerSourceImpl';
+import { processIMusicContentCenterEventHandler } from '../impl/IAgoraMusicContentCenterImpl';
 import {
   processIDirectCdnStreamingEventHandler,
   processIMetadataObserver,
   processIRtcEngineEventHandler,
 } from '../impl/IAgoraRtcEngineImpl';
-import {
-  processIMediaPlayerAudioFrameObserver,
-  processIMediaPlayerVideoFrameObserver,
-} from '../impl/IAgoraMediaPlayerImpl';
-import { processIMediaPlayerSourceObserver } from '../impl/IAgoraMediaPlayerSourceImpl';
-import { processIMusicContentCenterEventHandler } from '../impl/IAgoraMusicContentCenterImpl';
 
 import { MediaEngineInternal } from './MediaEngineInternal';
 import { MediaPlayerInternal } from './MediaPlayerInternal';
@@ -55,11 +52,11 @@ import {
   MusicContentCenterInternal,
 } from './MusicContentCenterInternal';
 import { RtcEngineExInternal } from './RtcEngineExInternal';
-
+import type { EventEmitter as IEventEmitter } from './emitter/EventEmitter';
 import EventEmitter from './emitter/EventEmitter';
 
 // @ts-ignore
-export const DeviceEventEmitter = new EventEmitter();
+export const DeviceEventEmitter: IEventEmitter = new EventEmitter();
 
 const AgoraRtcNg = AgoraEnv.AgoraElectronBridge;
 AgoraRtcNg.OnEvent('call_back_with_buffer', (...params: any) => {
@@ -103,7 +100,7 @@ export type EventProcessor = {
         | IAudioEncodedFrameObserver
         | IVideoEncodedFrameObserver
         | IMediaPlayerSourceObserver
-        | IMediaPlayerAudioFrameObserver
+        | IAudioPcmFrameSink
         | IMediaPlayerVideoFrameObserver
         | IMediaRecorderObserver
         | IMetadataObserver
@@ -215,9 +212,9 @@ export const EVENT_PROCESSORS = {
       MediaPlayerInternal._source_observers.get(data.playerId),
   },
   IMediaPlayerAudioFrameObserver: {
-    suffix: 'MediaPlayer_AudioFrameObserver_',
+    suffix: 'AudioPcmFrameSink_',
     type: EVENT_TYPE.IMediaPlayer,
-    func: [processIMediaPlayerAudioFrameObserver],
+    func: [processIAudioPcmFrameSink],
     preprocess: (event: string, data: any, buffers: Uint8Array[]) => {
       if (data.frame) {
         (data.frame as AudioPcmFrame).data_ = Array.from(buffers[0] ?? []);
@@ -227,7 +224,7 @@ export const EVENT_PROCESSORS = {
       MediaPlayerInternal._audio_frame_observers.get(data.playerId),
   },
   IMediaPlayerVideoFrameObserver: {
-    suffix: 'MediaPlayer_VideoFrameObserver_',
+    suffix: 'MediaPlayerVideoFrameObserver_',
     type: EVENT_TYPE.IMediaPlayer,
     func: [processIMediaPlayerVideoFrameObserver],
     preprocess: (event: string, data: any, buffers: Uint8Array[]) => {
@@ -247,9 +244,7 @@ export const EVENT_PROCESSORS = {
     type: EVENT_TYPE.IMediaRecorder,
     func: [processIMediaRecorderObserver],
     handlers: (data: any) => [
-      MediaRecorderInternal._observers.get(
-        (data.connection.channelId ?? '') + data.connection.localUid
-      ),
+      MediaRecorderInternal._observers.get(data.nativeHandle),
     ],
   },
   IMetadataObserver: {
@@ -320,7 +315,6 @@ function handleEvent(...[event, data, buffers]: any) {
   let processor: EventProcessor = EVENT_PROCESSORS.IRtcEngineEventHandler;
 
   Object.values(EVENT_PROCESSORS).some((it) => {
-    // @ts-ignore
     const p = it as EventProcessor;
     if (
       _event.startsWith(p.suffix) &&
@@ -355,7 +349,7 @@ function handleEvent(...[event, data, buffers]: any) {
 /**
  * @internal
  */
-export function callIrisApi<T>(funcName: string, params: any): any {
+export function callIrisApi(funcName: string, params: any): any {
   try {
     const buffers: Uint8Array[] = [];
 
@@ -375,6 +369,8 @@ export function callIrisApi<T>(funcName: string, params: any): any {
           buffers.push(Buffer.from(''));
           // frame.metadata_buffer
           buffers.push(Buffer.from(''));
+          // frame.alphaBuffer
+          buffers.push(params.frame.alphaBuffer);
           break;
         case 'MediaEngine_pushEncodedVideoImage':
           // imageBuffer
@@ -391,6 +387,13 @@ export function callIrisApi<T>(funcName: string, params: any): any {
       params.toJSON = function () {
         return { ...json, playerId: params.mediaPlayerId };
       };
+    } else if (funcName.startsWith('MediaRecorder_')) {
+      // @ts-ignore
+      params.nativeHandle = (this as MediaRecorderInternal).nativeHandle;
+      const json = params.toJSON?.call();
+      params.toJSON = function () {
+        return { ...json, nativeHandle: params.nativeHandle };
+      };
     } else if (funcName.startsWith('RtcEngine_')) {
       switch (funcName) {
         case 'RtcEngine_initialize':
@@ -415,12 +418,18 @@ export function callIrisApi<T>(funcName: string, params: any): any {
           buffers.push(params.data);
           break;
         case 'RtcEngine_destroyMediaPlayer':
-          // @ts-ignore
           params.mediaPlayerId = params.media_player.getMediaPlayerId();
           params.toJSON = function () {
             return { playerId: params.mediaPlayerId };
           };
           break;
+        case 'RtcEngine_destroyMediaRecorder':
+          // @ts-ignore
+          params.nativeHandle = (this as MediaRecorderInternal).nativeHandle;
+          params.toJSON = function () {
+            return { nativeHandle: params.nativeHandle };
+          };
+          break;
       }
     }
 
@@ -432,15 +441,15 @@ export function callIrisApi<T>(funcName: string, params: any): any {
     );
     let ret = callApiResult;
     if (ret !== undefined && ret !== null && ret !== '') {
-      ret = JSON.parse(ret);
+      const retObj = JSON.parse(ret);
       if (isDebuggable()) {
-        if (typeof ret.result === 'number' && ret.result < 0) {
+        if (typeof retObj.result === 'number' && retObj.result < 0) {
           console.error('callApi', funcName, JSON.stringify(params), ret);
         } else {
           console.debug('callApi', funcName, JSON.stringify(params), ret);
         }
       }
-      return ret;
+      return retObj;
     } else {
       if (isDebuggable()) {
         console.error(
@@ -465,8 +474,8 @@ export function callIrisApi<T>(funcName: string, params: any): any {
     } else {
       console.warn('callApi', funcName, JSON.stringify(params), e);
     }
-    return {};
   }
+  return {};
 }
 
 /**

package/ts/Private/internal/LocalSpatialAudioEngineInternal.ts

@@ -7,23 +7,25 @@ import {
 import { ILocalSpatialAudioEngineImpl } from '../impl/IAgoraSpatialAudioImpl';
 
 export class LocalSpatialAudioEngineInternal extends ILocalSpatialAudioEngineImpl {
-  protected getApiTypeFromRelease(): string {
+  protected override getApiTypeFromRelease(): string {
     return 'LocalSpatialAudioEngine_release';
   }
 
-  protected getApiTypeFromSetMaxAudioRecvCount(maxCount: number): string {
+  protected override getApiTypeFromSetMaxAudioRecvCount(
+    maxCount: number
+  ): string {
     return 'LocalSpatialAudioEngine_setMaxAudioRecvCount';
   }
 
-  protected getApiTypeFromSetAudioRecvRange(range: number): string {
+  protected override getApiTypeFromSetAudioRecvRange(range: number): string {
     return 'LocalSpatialAudioEngine_setAudioRecvRange';
   }
 
-  protected getApiTypeFromSetDistanceUnit(unit: number): string {
+  protected override getApiTypeFromSetDistanceUnit(unit: number): string {
     return 'LocalSpatialAudioEngine_setDistanceUnit';
   }
 
-  protected getApiTypeFromUpdateSelfPosition(
+  protected override getApiTypeFromUpdateSelfPosition(
     position: number[],
     axisForward: number[],
     axisRight: number[],
@@ -32,7 +34,7 @@ export class LocalSpatialAudioEngineInternal extends ILocalSpatialAudioEngineImp
     return 'LocalSpatialAudioEngine_updateSelfPosition';
   }
 
-  protected getApiTypeFromUpdateSelfPositionEx(
+  protected override getApiTypeFromUpdateSelfPositionEx(
     position: number[],
     axisForward: number[],
     axisRight: number[],
@@ -42,33 +44,35 @@ export class LocalSpatialAudioEngineInternal extends ILocalSpatialAudioEngineImp
     return 'LocalSpatialAudioEngine_updateSelfPositionEx';
   }
 
-  protected getApiTypeFromUpdatePlayerPositionInfo(
+  protected override getApiTypeFromUpdatePlayerPositionInfo(
     playerId: number,
     positionInfo: RemoteVoicePositionInfo
   ): string {
     return 'LocalSpatialAudioEngine_updatePlayerPositionInfo';
   }
 
-  protected getApiTypeFromSetParameters(params: string): string {
+  protected override getApiTypeFromSetParameters(params: string): string {
     return 'LocalSpatialAudioEngine_setParameters';
   }
 
-  protected getApiTypeFromMuteLocalAudioStream(mute: boolean): string {
+  protected override getApiTypeFromMuteLocalAudioStream(mute: boolean): string {
     return 'LocalSpatialAudioEngine_muteLocalAudioStream';
   }
 
-  protected getApiTypeFromMuteAllRemoteAudioStreams(mute: boolean): string {
+  protected override getApiTypeFromMuteAllRemoteAudioStreams(
+    mute: boolean
+  ): string {
     return 'LocalSpatialAudioEngine_muteAllRemoteAudioStreams';
   }
 
-  protected getApiTypeFromSetZones(
+  protected override getApiTypeFromSetZones(
     zones: SpatialAudioZone[],
     zoneCount: number
   ): string {
     return 'LocalSpatialAudioEngine_setZones';
   }
 
-  protected getApiTypeFromSetPlayerAttenuation(
+  protected override getApiTypeFromSetPlayerAttenuation(
     playerId: number,
     attenuation: number,
     forceSet: boolean
@@ -76,7 +80,7 @@ export class LocalSpatialAudioEngineInternal extends ILocalSpatialAudioEngineImp
     return 'LocalSpatialAudioEngine_setPlayerAttenuation';
   }
 
-  protected getApiTypeFromMuteRemoteAudioStream(
+  protected override getApiTypeFromMuteRemoteAudioStream(
     uid: number,
     mute: boolean
   ): string {

package/ts/Private/internal/MediaEngineInternal.ts

@@ -19,7 +19,7 @@ import AgoraMediaBaseTI from '../ti/AgoraMediaBase-ti';
 const checkers = createCheckers(AgoraMediaBaseTI);
 
 import { DeviceEventEmitter, EVENT_TYPE } from './IrisApiEngine';
-import { EmitterSubscription } from './emitter/EventEmitter';
+import type { EmitterSubscription } from './emitter/EventEmitter';
 
 export class MediaEngineInternal extends IMediaEngineImpl {
   static _audio_frame_observers: IAudioFrameObserver[] = [];
@@ -39,7 +39,7 @@ export class MediaEngineInternal extends IMediaEngineImpl {
     }
   >();
 
-  registerAudioFrameObserver(observer: IAudioFrameObserver): number {
+  override registerAudioFrameObserver(observer: IAudioFrameObserver): number {
     if (
       !MediaEngineInternal._audio_frame_observers.find(
         (value) => value === observer
@@ -50,7 +50,7 @@ export class MediaEngineInternal extends IMediaEngineImpl {
     return super.registerAudioFrameObserver(observer);
   }
 
-  unregisterAudioFrameObserver(observer: IAudioFrameObserver): number {
+  override unregisterAudioFrameObserver(observer: IAudioFrameObserver): number {
     MediaEngineInternal._audio_frame_observers =
       MediaEngineInternal._audio_frame_observers.filter(
         (value) => value !== observer
@@ -58,7 +58,7 @@ export class MediaEngineInternal extends IMediaEngineImpl {
     return super.unregisterAudioFrameObserver(observer);
   }
 
-  registerVideoFrameObserver(observer: IVideoFrameObserver): number {
+  override registerVideoFrameObserver(observer: IVideoFrameObserver): number {
     if (
       !MediaEngineInternal._video_frame_observers.find(
         (value) => value === observer
@@ -69,7 +69,7 @@ export class MediaEngineInternal extends IMediaEngineImpl {
     return super.registerVideoFrameObserver(observer);
   }
 
-  unregisterVideoFrameObserver(observer: IVideoFrameObserver): number {
+  override unregisterVideoFrameObserver(observer: IVideoFrameObserver): number {
     MediaEngineInternal._video_frame_observers =
       MediaEngineInternal._video_frame_observers.filter(
         (value) => value !== observer
@@ -77,7 +77,7 @@ export class MediaEngineInternal extends IMediaEngineImpl {
     return super.unregisterVideoFrameObserver(observer);
   }
 
-  registerVideoEncodedFrameObserver(
+  override registerVideoEncodedFrameObserver(
     observer: IVideoEncodedFrameObserver
   ): number {
     if (
@@ -90,7 +90,7 @@ export class MediaEngineInternal extends IMediaEngineImpl {
     return super.registerVideoEncodedFrameObserver(observer);
   }
 
-  unregisterVideoEncodedFrameObserver(
+  override unregisterVideoEncodedFrameObserver(
     observer: IVideoEncodedFrameObserver
   ): number {
     MediaEngineInternal._video_encoded_frame_observers =
@@ -100,7 +100,7 @@ export class MediaEngineInternal extends IMediaEngineImpl {
     return super.unregisterVideoEncodedFrameObserver(observer);
   }
 
-  release() {
+  override release() {
     MediaEngineInternal._audio_frame_observers = [];
     MediaEngineInternal._video_frame_observers = [];
     MediaEngineInternal._video_encoded_frame_observers = [];
@@ -168,9 +168,7 @@ export class MediaEngineInternal extends IMediaEngineImpl {
     listener: IMediaEngineEvent[EventType]
   ) {
     if (!this._events.has(listener)) return;
-    DeviceEventEmitter.removeSubscription(
-      this._events.get(listener)!.subscription
-    );
+    this._events.get(listener)!.subscription.remove();
     this._events.delete(listener);
   }
 

package/ts/Private/internal/MediaPlayerInternal.ts

@@ -2,20 +2,24 @@ import { createCheckers } from 'ts-interface-checker';
 
 import { AgoraEnv, logWarn } from '../../Utils';
 
-import { ErrorCodeType, VideoSourceType } from '../AgoraBase';
-import { IAudioSpectrumObserver, RenderModeType } from '../AgoraMediaBase';
+import { ErrorCodeType } from '../AgoraBase';
 import {
-  IMediaPlayerAudioFrameObserver,
-  IMediaPlayerVideoFrameObserver,
-} from '../IAgoraMediaPlayer';
+  IAudioPcmFrameSink,
+  IAudioSpectrumObserver,
+  RawAudioFrameOpModeType,
+  RenderModeType,
+  VideoSourceType,
+} from '../AgoraMediaBase';
+import { IMediaPlayerVideoFrameObserver } from '../IAgoraMediaPlayer';
 import { IMediaPlayerSourceObserver } from '../IAgoraMediaPlayerSource';
-
 import { IMediaPlayerEvent } from '../extension/IAgoraMediaPlayerExtension';
 
-import { processIAudioSpectrumObserver } from '../impl/AgoraMediaBaseImpl';
+import {
+  processIAudioPcmFrameSink,
+  processIAudioSpectrumObserver,
+} from '../impl/AgoraMediaBaseImpl';
 import {
   IMediaPlayerImpl,
-  processIMediaPlayerAudioFrameObserver,
   processIMediaPlayerVideoFrameObserver,
 } from '../impl/IAgoraMediaPlayerImpl';
 import { processIMediaPlayerSourceObserver } from '../impl/IAgoraMediaPlayerSourceImpl';
@@ -30,15 +34,17 @@ const checkers = createCheckers(
 );
 
 import { DeviceEventEmitter, EVENT_TYPE } from './IrisApiEngine';
-import { EmitterSubscription } from './emitter/EventEmitter';
+import type { EmitterSubscription } from './emitter/EventEmitter';
 
 export class MediaPlayerInternal extends IMediaPlayerImpl {
   static _source_observers: Map<number, IMediaPlayerSourceObserver[]> = new Map<
     number,
     IMediaPlayerSourceObserver[]
   >();
-  static _audio_frame_observers: Map<number, IMediaPlayerAudioFrameObserver[]> =
-    new Map<number, IMediaPlayerAudioFrameObserver[]>();
+  static _audio_frame_observers: Map<number, IAudioPcmFrameSink[]> = new Map<
+    number,
+    IAudioPcmFrameSink[]
+  >();
   static _video_frame_observers: Map<number, IMediaPlayerVideoFrameObserver[]> =
     new Map<number, IMediaPlayerVideoFrameObserver[]>();
   static _audio_spectrum_observers: Map<number, IAudioSpectrumObserver[]> =
@@ -143,7 +149,7 @@ export class MediaPlayerInternal extends IMediaPlayerImpl {
           eventType,
           data[1]
         );
-        processIMediaPlayerAudioFrameObserver(
+        processIAudioPcmFrameSink(
           { [eventType]: listener },
           eventType,
           data[1]
@@ -170,9 +176,7 @@ export class MediaPlayerInternal extends IMediaPlayerImpl {
     listener: IMediaPlayerEvent[EventType]
   ) {
     if (!this._events.has(listener)) return;
-    DeviceEventEmitter.removeSubscription(
-      this._events.get(listener)!.subscription
-    );
+    this._events.get(listener)!.subscription.remove();
     this._events.delete(listener);
   }
 
@@ -194,11 +198,13 @@ export class MediaPlayerInternal extends IMediaPlayerImpl {
     }
   }
 
-  getMediaPlayerId(): number {
+  override getMediaPlayerId(): number {
     return this._mediaPlayerId;
   }
 
-  registerPlayerSourceObserver(observer: IMediaPlayerSourceObserver): number {
+  override registerPlayerSourceObserver(
+    observer: IMediaPlayerSourceObserver
+  ): number {
     let observers = MediaPlayerInternal._source_observers.get(
       this._mediaPlayerId
     );
@@ -212,7 +218,9 @@ export class MediaPlayerInternal extends IMediaPlayerImpl {
     return super.registerPlayerSourceObserver(observer);
   }
 
-  unregisterPlayerSourceObserver(observer: IMediaPlayerSourceObserver): number {
+  override unregisterPlayerSourceObserver(
+    observer: IMediaPlayerSourceObserver
+  ): number {
     let observers = MediaPlayerInternal._source_observers.get(
       this._mediaPlayerId
     );
@@ -224,7 +232,10 @@ export class MediaPlayerInternal extends IMediaPlayerImpl {
     return super.unregisterPlayerSourceObserver(observer);
   }
 
-  registerAudioFrameObserver(observer: IMediaPlayerAudioFrameObserver): number {
+  override registerAudioFrameObserver(
+    observer: IAudioPcmFrameSink,
+    mode: RawAudioFrameOpModeType = RawAudioFrameOpModeType.RawAudioFrameOpModeReadOnly
+  ): number {
     let observers = MediaPlayerInternal._audio_frame_observers.get(
       this._mediaPlayerId
     );
@@ -238,12 +249,10 @@ export class MediaPlayerInternal extends IMediaPlayerImpl {
     if (!observers.find((value) => value === observer)) {
       observers.push(observer);
     }
-    return super.registerAudioFrameObserver(observer);
+    return super.registerAudioFrameObserver(observer, mode);
   }
 
-  unregisterAudioFrameObserver(
-    observer: IMediaPlayerAudioFrameObserver
-  ): number {
+  override unregisterAudioFrameObserver(observer: IAudioPcmFrameSink): number {
     let observers = MediaPlayerInternal._audio_frame_observers.get(
       this._mediaPlayerId
     );
@@ -255,7 +264,9 @@ export class MediaPlayerInternal extends IMediaPlayerImpl {
     return super.unregisterAudioFrameObserver(observer);
   }
 
-  registerVideoFrameObserver(observer: IMediaPlayerVideoFrameObserver): number {
+  override registerVideoFrameObserver(
+    observer: IMediaPlayerVideoFrameObserver
+  ): number {
     let observers = MediaPlayerInternal._video_frame_observers.get(
       this._mediaPlayerId
     );
@@ -272,7 +283,7 @@ export class MediaPlayerInternal extends IMediaPlayerImpl {
     return super.registerVideoFrameObserver(observer);
   }
 
-  unregisterVideoFrameObserver(
+  override unregisterVideoFrameObserver(
     observer: IMediaPlayerVideoFrameObserver
   ): number {
     let observers = MediaPlayerInternal._video_frame_observers.get(
@@ -286,7 +297,7 @@ export class MediaPlayerInternal extends IMediaPlayerImpl {
     return super.unregisterVideoFrameObserver(observer);
   }
 
-  registerMediaPlayerAudioSpectrumObserver(
+  override registerMediaPlayerAudioSpectrumObserver(
     observer: IAudioSpectrumObserver,
     intervalInMS: number
   ): number {
@@ -309,7 +320,7 @@ export class MediaPlayerInternal extends IMediaPlayerImpl {
     );
   }
 
-  unregisterMediaPlayerAudioSpectrumObserver(
+  override unregisterMediaPlayerAudioSpectrumObserver(
     observer: IAudioSpectrumObserver
   ): number {
     let observers = MediaPlayerInternal._audio_spectrum_observers.get(
@@ -323,21 +334,21 @@ export class MediaPlayerInternal extends IMediaPlayerImpl {
     return super.unregisterMediaPlayerAudioSpectrumObserver(observer);
   }
 
-  protected getApiTypeFromSetPlayerOptionInInt(
+  protected override getApiTypeFromSetPlayerOptionInInt(
     key: string,
     value: number
   ): string {
     return 'MediaPlayer_setPlayerOption';
   }
 
-  protected getApiTypeFromSetPlayerOptionInString(
+  protected override getApiTypeFromSetPlayerOptionInString(
     key: string,
     value: string
   ): string {
     return 'MediaPlayer_setPlayerOption2';
   }
 
-  setView(view: HTMLElement): number {
+  override setView(view: HTMLElement): number {
     logWarn('Also can use other api setupLocalVideo');
     return (
       AgoraEnv.AgoraRendererManager?.setupVideo({
@@ -348,7 +359,7 @@ export class MediaPlayerInternal extends IMediaPlayerImpl {
     );
   }
 
-  setRenderMode(renderMode: RenderModeType): number {
+  override setRenderMode(renderMode: RenderModeType): number {
     logWarn(
       'Also can use other api setRenderOption or setRenderOptionByConfig'
     );