@agora-js/media 4.20.0 → 4.20.1

package/media.d.ts

@@ -1354,6 +1354,28 @@ declare function event_beauty_effect_overload(): void;
  */
 declare function event_first_frame_decoded(): void;
 
+/**
+ * **自从**
+ * <br>&emsp;&emsp;&emsp;*4.20.1*
+ *
+ * 从 H.264 视频流中解析出 SEI 数据时触发，此事件会返回 SEI 数据。
+ *
+ * @param sei Uint8Array 类型的 SEI 数据
+ * @asMemberOf ILocalVideoTrack
+ * @event
+ */
+/** @en
+ * **Since**
+ * <br>&emsp;&emsp;&emsp;*4.20.1*
+ *
+ * Parsing SEI data from the H.264 video stream triggers this event, which returns the SEI data.
+ *
+ * @param sei SEI data in Uint8Array
+ * @asMemberOf ILocalVideoTrack
+ * @event
+ */
+declare function event_sei_received(sei: Uint8Array): void;
+
 /**
  * 当 [BufferSourceAudioTrack]{@link IBufferSourceAudioTrack} 的音频数据源处理状态变化时，会触发此事件。
  *
@@ -1533,6 +1555,20 @@ declare function event_video_element_visible_status(data?: CheckVideoVisibleResu
  */
 declare function event_video_element_visible_status_2(data?: CheckVideoVisibleResult): void;
 
+/**
+ * 视频状态发生变化时触发。
+ *
+ * @event
+ * @asMemberOf IRemoteTrack
+ */
+/** @en
+ * Occurs when the video state changes.
+ *
+ * @event
+ * @asMemberOf IRemoteTrack
+ */
+declare function event_video_state_changed(videoState: VideoState): void;
+
 export declare interface ExtendedVideoFrameCallbackMetadata extends VideoFrameCallbackMetadata {
     timestamp: DOMHighResTimeStamp;
 }
@@ -1576,7 +1612,7 @@ export declare function getAudioContext(): AudioContext;
 
 export declare function getAudioEncoderConfiguration(profile: AudioEncoderConfigurationPreset | AudioEncoderConfiguration): AudioEncoderConfiguration;
 
-export declare function getBitrateFromResAndFps(width: number, height: number, fps: number, bitrateAdapterType: "STANDARD_BITRATE" | "COMPATIABLE_BITRATE"): [number, number] | void;
+export declare function getBitrateConstrainRange(width: number, height: number, frameRate: number, bitrateMin?: number, bitrateMax?: number): DoubleRange;
 
 export declare function getCompatibility(): AgoraRTCCompatibility;
 
@@ -2034,7 +2070,6 @@ export declare interface ILocalAudioTrack extends ILocalTrack {
      *
      * > 注意事项：
      * > - 自 v4.7.0 起，该方法不再生效。请改用 [IRemoteAudioTrack.setPlaybackDevice]{@link IRemoteAudioTrack.setPlaybackDevice}。
-     * > - 该方法只支持桌面端的 Chrome 浏览器，其他浏览器调用将会抛出 `NOT_SUPPORTED` 错误。
      *
      * 设置本地播放远端音频流的设备（扬声器）。
      *
@@ -2046,7 +2081,6 @@ export declare interface ILocalAudioTrack extends ILocalTrack {
      *
      * > Note:
      * > - As of v4.7.0, this method no longer takes effect. Use [IRemoteAudioTrack.setPlaybackDevice]{@link IRemoteAudioTrack.setPlaybackDevice} instead.
-     * > - This method supports Chrome on desktop devices only. Other browsers throw a '`NOT_SUPPORTED` error when calling this method.
      *
      * Sets the playback device (speaker) for the remote audio stream.
      *
@@ -2241,7 +2275,7 @@ export declare interface ILocalTrack extends ITrack {
      *
      * If the track is published, a successful call of `setMuted(true)` triggers the [user-unpublished]{@link IAgoraRTCClient.event_user_unpublished} event on the remote client, and a successful call of `setMuted(false)` triggers the [user-published]{@link IAgoraRTCClient.event_user_published} event.
      *
-     * > - Calling `setMuted(true)` does not stop capturing audio or video and takes shorter time to take effect than [[setEnabled]]. For details, see [What are the differences between setEnabled and setMuted?](https://docs.agora.io/en/Interactive%20Broadcast/faq/differences_between_setenabled_and_setmuted).
+     * > - Calling `setMuted(true)` does not stop capturing audio or video and takes shorter time to take effect than [[setEnabled]]. For details, see [What are the differences between setEnabled and setMuted?](https://docs.agora.io/en/interactive-live-streaming/develop/product-workflow?platform=web#setenabled-and-setmuted).
      * > - Do not call `setEnabled` and `setMuted` together.
      *
      * @param muted Whether to stop sending the media data of the track:
@@ -2317,7 +2351,7 @@ export declare interface ILocalVideoTrack extends ILocalTrack {
      */
     on(event: "transceiver-updated", listener: typeof event_transceiver_updated): void;
     /**
-     * 在页面上播放本地视频轨道。
+     * 在页面上播放远端视频轨道。
      *
      * @param element 指定一个 DOM 元素，SDK 将在这个元素下创建 `<video>` 元素播放视频轨道，支持 2 种类型：
      * - `string`: 指定该 DOM 元素的 ID 值。
@@ -2325,7 +2359,7 @@ export declare interface ILocalVideoTrack extends ILocalTrack {
      * @param config 设置播放参数（镜像/显示模式）。详见 [[VideoPlayerConfig]]。对于本地视频轨道，镜像模式默认开启。
      */
     /** @en
-     * Plays a local video track on the web page.
+     * Plays a remote video track on the web page.
      *
      * @param element Specifies a DOM element. The SDK will create a `<video>` element under the specified DOM element to play the video track. You can specify a DOM element in either of the following ways:
      * - `string`: Specify the ID of the DOM element.
@@ -2641,6 +2675,17 @@ export declare interface ILocalVideoTrack extends ILocalTrack {
      * @param config The video encoder configurations. You can pass either [[VideoEncoderConfigurationPreset]] or a customized [[VideoEncoderConfiguration]] object.
      */
     setEncoderConfiguration(config: VideoEncoderConfiguration | VideoEncoderConfigurationPreset): Promise<void>;
+    /**
+     * 在 H.264 视频流中添加 SEI 数据。
+     *
+     * @param sei SEI 数据。
+     */
+    /** @en
+     * Add the SEI data to the H.264 video stream.
+     *
+     * @param config SEI data.
+     */
+    sendSeiData(sei: Uint8Array): void;
 }
 
 export declare interface ImageTypedData {
@@ -2710,6 +2755,18 @@ export declare interface IMicrophoneAudioTrack extends ILocalAudioTrack {
     setEnabled(enabled: boolean): Promise<void>;
 }
 
+export declare function interceptLocalAudioFrame(sender: RTCRtpSender): Promise<void>;
+
+export declare function interceptLocalVideoFrame(sender: RTCRtpSender, localVideoTrack: LocalVideoTrack): Promise<void>;
+
+export declare function interceptRemoteAudioFrame(receiver: RTCRtpReceiver): Promise<void>;
+
+export declare function interceptRemoteVideoFrame(receiver: RTCRtpReceiver, options?: InterceptVideoFrameOptions): Promise<void>;
+
+declare interface InterceptVideoFrameOptions {
+    onSei?: (sei: Uint8Array) => void;
+}
+
 /**
  * 远端音频轨道，调用 [subscribe]{@link IAgoraRTCClient.subscribe} 后通过 [AgoraRTCRemoteUser.audioTrack]{@link IAgoraRTCRemoteUser.audioTrack} 对象获取
  */
@@ -2749,7 +2806,7 @@ export declare interface IRemoteAudioTrack extends IRemoteTrack {
      *
      * 设置音频播放设备，比如扬声器。
      *
-     * > 该方法只支持桌面端的 Chrome 浏览器，其他浏览器调用将会抛出 `NOT_SUPPORTED` 错误。
+     * > 该方法只支持桌面端的 Chrome 和 Edge 浏览器，其他浏览器调用将会抛出 `NOT_SUPPORTED` 错误。
      * @param deviceId 设备 ID，可以通过 [[getPlaybackDevices]] 方法获取。
      */
     /** @en
@@ -2758,7 +2815,7 @@ export declare interface IRemoteAudioTrack extends IRemoteTrack {
      *
      * Sets the audio playback device, for example, the speaker.
      *
-     * > This method supports Chrome on desktop devices only. Other browsers throw a `NOT_SUPPORTED` error when calling this method.
+     * > This method supports Chrome and Edge on desktop devices only. Other browsers throw a `NOT_SUPPORTED` error when calling this method.
      * @param deviceId Device ID, which can be retrieved by calling [[getPlaybackDevices]].
      */
     setPlaybackDevice(deviceId: string): Promise<void>;
@@ -2963,6 +3020,15 @@ export declare interface IRemoteTrack extends ITrack {
  * You can get create a remote video track by the [AgoraRTCRemoteUser.videoTrack]{@link IAgoraRTCRemoteUser.videoTrack} object after calling [subscribe]{@link IAgoraRTCClient.subscribe}.
  */
 export declare interface IRemoteVideoTrack extends IRemoteTrack {
+    /**
+     * @param event 事件名称。
+     * @param listener 详见 [video-state-changed]{@link event_video_state_changed}。
+     */
+    /** @en
+     * @param event The event name.
+     * @param listener See [video-state-changed]{@link event_video_state_changed}.
+     */
+    on(event: "video-state-changed", listener: typeof event_video_state_changed): void;
     /**
      * @param event 事件名称。
      * @param listener 详见 [first-frame-decoded]{@link event_first_frame_decoded}。
@@ -2992,6 +3058,17 @@ export declare interface IRemoteVideoTrack extends IRemoteTrack {
      * @param listener See [IRemoteTrack.transceiver-updated]{@link event_transceiver_updated_2}.
      */
     on(event: "transceiver-updated", listener: typeof event_transceiver_updated_2): void;
+    /**
+     * 添加事件监听器。
+     * @param event 事件名称。
+     * @param listener 详见 [ILocalTrack.sei-received]{@link event_sei_received}。
+     */
+    /** @en
+     * Adds an event listener.
+     * @param event The event name.
+     * @param listener See [ILocalTrack.sei-received]{@link event_sei_received}.
+     */
+    on(event: "sei-received", listener: typeof event_sei_received): void;
     /**
      * 获取远端视频轨道相关信息。
      *
@@ -3241,23 +3318,24 @@ export declare class LocalAudioTrack extends LocalTrack implements ILocalAudioTr
     readonly trackMediaType: "audio" | "video";
     _encoderConfig?: AudioEncoderConfiguration;
     _trackSource: AudioTrackSource | FakeTrackSource;
-    get _source(): AudioTrackSource | FakeTrackSource;
+    /**
+     * @description This method is used to init WebAudio, if you're sure you don't want to use WebAudio, call _trackSource
+     */
+    get _source(): AudioTrackSource;
     set _source(source: AudioTrackSource | FakeTrackSource);
     _enabled: boolean;
     private _volume;
     _useAudioElement: boolean;
     _bypassWebAudio: boolean;
     protected processor?: IAudioProcessor;
-    protected _processorContext: AudioProcessorContext;
+    protected _processorContext: AudioProcessorContext | undefined;
     protected get processorContext(): AudioProcessorContext;
-    protected set processorContext(ctx: AudioProcessorContext);
-    _processorDestination: AudioProcessorDestination;
+    _processorDestination: AudioProcessorDestination | undefined;
     get processorDestination(): AudioProcessorDestination;
-    set processorDestination(des: AudioProcessorDestination);
     protected _getOriginVolumeLevel: boolean;
     get isPlaying(): boolean;
     get __className__(): string;
-    constructor(track: MediaStreamTrack, encoderConfig?: AudioEncoderConfiguration, trackId?: string, getOriginVolumeLevel?: boolean, deferWebAudio?: boolean);
+    constructor(track: MediaStreamTrack, encoderConfig?: AudioEncoderConfiguration, trackId?: string, getOriginVolumeLevel?: boolean);
     setVolume(volume: number): void;
     getVolumeLevel(): number;
     setPlaybackDevice(deviceId: string): Promise<void>;
@@ -3276,7 +3354,10 @@ export declare class LocalAudioTrack extends LocalTrack implements ILocalAudioTr
     unpipe(): void;
     private bindProcessorDestinationEvents;
     private unbindProcessorDestinationEvents;
-    private unbindProcessorContextEvents;
+    protected bindProcessorContextEvents(processorContext: AudioProcessorContext): void;
+    protected unbindProcessorContextEvents(processorContext: AudioProcessorContext): void;
+    private initWebAudio;
+    private initProcessor;
 }
 
 /**
@@ -3395,9 +3476,9 @@ export declare abstract class LocalTrack extends Track implements ILocalTrack {
     _isClosed: boolean;
     protected _enabledMutex: PromiseMutex;
     protected processor?: IBaseProcessor;
-    protected abstract _processorContext: IProcessorContext;
-    protected get processorContext(): IProcessorContext;
-    protected set processorContext(ctx: IProcessorContext);
+    protected abstract _processorContext: IProcessorContext | undefined;
+    protected get processorContext(): IProcessorContext | undefined;
+    abstract processorDestination: IBaseProcessor;
     constructor(track: MediaStreamTrack, trackId?: string);
     abstract getStats(): LocalVideoTrackStats | LocalAudioTrackStats;
     abstract setMuted(enabled: boolean): Promise<void>;
@@ -3480,6 +3561,7 @@ export declare class LocalVideoTrack extends LocalTrack implements ILocalVideoTr
     clone(config?: VideoEncoderConfiguration | VideoEncoderConfigurationPreset, cloneTrack?: boolean): LocalVideoTrack;
     replaceTrack(track: MediaStreamTrack, stopOldTrack: boolean): Promise<void>;
     startMonitorStats(): void;
+    sendSeiData(sei: Uint8Array): never;
     private bindProcessorDestinationEvents;
     private unbindProcessorDestinationEvents;
     private unbindProcessorContextEvents;
@@ -3751,7 +3833,8 @@ export declare class MicrophoneAudioTrack extends LocalAudioTrack implements IMi
     close(): void;
     protected onTrackEnded(): void;
     renewMediaStreamTrack(newConstraints?: MediaTrackConstraints): Promise<void>;
-    private bindProcessorContextEvents;
+    protected bindProcessorContextEvents(processorContext: AudioProcessorContext): void;
+    protected unbindProcessorContextEvents(processorContext: AudioProcessorContext): void;
 }
 
 /**
@@ -4136,7 +4219,8 @@ export declare abstract class RemoteTrack extends Track implements IRemoteTrack
 
 export declare enum RemoteTrackEvents {
     FIRST_FRAME_DECODED = "first-frame-decoded",
-    VIDEO_ELEMENT_VISIBLE_STATUS = "video-element-visible-status"
+    VIDEO_ELEMENT_VISIBLE_STATUS = "video-element-visible-status",
+    VIDEO_STATE_CHANGED = "video-state-changed"
 }
 
 export declare class RemoteVideoTrack extends RemoteTrack implements IRemoteVideoTrack {
@@ -4164,6 +4248,7 @@ export declare class RemoteVideoTrack extends RemoteTrack implements IRemoteVide
     private bindProcessorDestinationEvents;
     private unbindProcessorDestinationEvents;
     _destroy(): void;
+    _onSei(sei: Uint8Array): void;
 }
 
 /**
@@ -4820,7 +4905,9 @@ export declare abstract class Track extends EventEmitter implements ITrack {
 }
 
 export declare enum TrackEvents {
-    TRANSCEIVER_UPDATED = "transceiver-updated"
+    TRANSCEIVER_UPDATED = "transceiver-updated",
+    SEI_TO_SEND = "sei-to-send",
+    SEI_RECEIVED = "sei-received"
 }
 
 /**
@@ -4838,6 +4925,7 @@ export declare enum TrackHint {
 export declare enum TrackInternalEvent {
     NEED_RENEGOTIATE = "@need_renegotiate",
     NEED_REPLACE_TRACK = "@need_replace_track",
+    NEED_REPLACE_MIXING_TRACK = "@need_replace_mixing_track",
     NEED_CLOSE = "@need_close",
     NEED_ENABLE_TRACK = "@need_enable_track",
     NEED_DISABLE_TRACK = "@need_disable_track",
@@ -5069,6 +5157,7 @@ declare class VideoPlayer {
     trackId: string;
     config: PlayerConfig;
     onFirstVideoFrameDecoded?: () => void;
+    onVideoStateChanged?: (state: VideoState) => void;
     freezeTimeCounterList: number[];
     renderFreezeAccTime: number;
     isKeepLastFrame: boolean;
@@ -5084,7 +5173,11 @@ declare class VideoPlayer {
     protected cacheVideoElement?: HTMLVideoElement;
     get videoElementStatus(): MediaElementStatus;
     set videoElementStatus(status: MediaElementStatus);
+    get videoState(): VideoState;
+    set videoState(state: VideoState);
+    private _videoState;
     private videoElementCheckInterval?;
+    private videoElementFreezeTimeout?;
     private _videoElementStatus;
     private isGettingVideoDimensions;
     constructor(config: PlayerConfig);
@@ -5197,6 +5290,36 @@ export declare class VideoProcessorDestination extends EventEmitter implements I
     reset(): void;
 }
 
+/**
+ * 视频流状态。
+ * @public
+ */
+/** @en
+ * The state of the video stream.
+ */
+export declare enum VideoState {
+    /** 0: 视频默认初始状态。 */
+    /** @en
+     * 0: The initial state of the video.
+     */
+    VideoStateStopped = 0,
+    /** 1: 本地用户已接收视频首包。 */
+    /** @en
+     * 1: The local user has received the first video packet.
+     */
+    VideoStateStarting = 1,
+    /** 2: 视频流正在解码，正常播放。 */
+    /** @en
+     * 2: The video stream is being decoded and played normally.
+     */
+    VideoStateDecoding = 2,
+    /** 3: 视频流卡顿。 */
+    /** @en
+     * 3: The video stream is frozen.
+     */
+    VideoStateFrozen = 3
+}
+
 declare class VisibilityWatcher extends EventEmitter {
     private _lastHiddenTime;
     private _lastVisibleTime;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@agora-js/media",
-	"version": "4.20.0",
+	"version": "4.20.1",
 	"description": "media module across @agora-js packages",
 	"main": "AgoraRTC_N-media.js",
 	"module": "AgoraRTC_N-media.esm.mjs",
@@ -23,8 +23,8 @@
 	"homepage": "https://api-ref.agora.io/en/voice-sdk/web/4.x/index.html",
 	"peerDependencies": {},
 	"dependencies": {
-		"@agora-js/shared": "^4.20.0",
-		"@agora-js/report": "^4.20.0",
+		"@agora-js/shared": "4.20.1",
+		"@agora-js/report": "4.20.1",
 		"axios": "^0.27.2",
 		"agora-rte-extension": "^1.2.4",
 		"webrtc-adapter": "8.2.0",

package/rtc-sdk-media_en.d.ts

@@ -896,6 +896,18 @@ declare function event_beauty_effect_overload(): void;
  */
 declare function event_first_frame_decoded(): void;
 
+/**
+ * **Since**
+ * <br>&emsp;&emsp;&emsp;*4.20.1*
+ *
+ * Parsing SEI data from the H.264 video stream triggers this event, which returns the SEI data.
+ *
+ * @param sei SEI data in Uint8Array
+ * @asMemberOf ILocalVideoTrack
+ * @event
+ */
+declare function event_sei_received(sei: Uint8Array): void;
+
 /**
  * Occurs when the state of processing the audio buffer in [BufferSourceAudioTrack]{@link IBufferSourceAudioTrack} changes.
  *
@@ -999,6 +1011,14 @@ declare function event_video_element_visible_status(data?: CheckVideoVisibleResu
  */
 declare function event_video_element_visible_status_2(data?: CheckVideoVisibleResult): void;
 
+/**
+ * Occurs when the video state changes.
+ *
+ * @event
+ * @asMemberOf IRemoteTrack
+ */
+declare function event_video_state_changed(videoState: VideoState): void;
+
 export declare interface ExtendedVideoFrameCallbackMetadata extends VideoFrameCallbackMetadata {
     timestamp: DOMHighResTimeStamp;
 }
@@ -1042,7 +1062,7 @@ export declare function getAudioContext(): AudioContext;
 
 export declare function getAudioEncoderConfiguration(profile: AudioEncoderConfigurationPreset | AudioEncoderConfiguration): AudioEncoderConfiguration;
 
-export declare function getBitrateFromResAndFps(width: number, height: number, fps: number, bitrateAdapterType: "STANDARD_BITRATE" | "COMPATIABLE_BITRATE"): [number, number] | void;
+export declare function getBitrateConstrainRange(width: number, height: number, frameRate: number, bitrateMin?: number, bitrateMax?: number): DoubleRange;
 
 export declare function getCompatibility(): AgoraRTCCompatibility;
 
@@ -1317,7 +1337,6 @@ export declare interface ILocalAudioTrack extends ILocalTrack {
      *
      * > Note:
      * > - As of v4.7.0, this method no longer takes effect. Use [IRemoteAudioTrack.setPlaybackDevice]{@link IRemoteAudioTrack.setPlaybackDevice} instead.
-     * > - This method supports Chrome on desktop devices only. Other browsers throw a '`NOT_SUPPORTED` error when calling this method.
      *
      * Sets the playback device (speaker) for the remote audio stream.
      *
@@ -1424,7 +1443,7 @@ export declare interface ILocalTrack extends ITrack {
      *
      * If the track is published, a successful call of `setMuted(true)` triggers the [user-unpublished]{@link IAgoraRTCClient.event_user_unpublished} event on the remote client, and a successful call of `setMuted(false)` triggers the [user-published]{@link IAgoraRTCClient.event_user_published} event.
      *
-     * > - Calling `setMuted(true)` does not stop capturing audio or video and takes shorter time to take effect than [[setEnabled]]. For details, see [What are the differences between setEnabled and setMuted?](https://docs.agora.io/en/Interactive%20Broadcast/faq/differences_between_setenabled_and_setmuted).
+     * > - Calling `setMuted(true)` does not stop capturing audio or video and takes shorter time to take effect than [[setEnabled]]. For details, see [What are the differences between setEnabled and setMuted?](https://docs.agora.io/en/interactive-live-streaming/develop/product-workflow?platform=web#setenabled-and-setmuted).
      * > - Do not call `setEnabled` and `setMuted` together.
      *
      * @param muted Whether to stop sending the media data of the track:
@@ -1469,7 +1488,7 @@ export declare interface ILocalVideoTrack extends ILocalTrack {
      */
     on(event: "transceiver-updated", listener: typeof event_transceiver_updated): void;
     /**
-     * Plays a local video track on the web page.
+     * Plays a remote video track on the web page.
      *
      * @param element Specifies a DOM element. The SDK will create a `<video>` element under the specified DOM element to play the video track. You can specify a DOM element in either of the following ways:
      * - `string`: Specify the ID of the DOM element.
@@ -1636,6 +1655,12 @@ export declare interface ILocalVideoTrack extends ILocalTrack {
      * @param config The video encoder configurations. You can pass either [[VideoEncoderConfigurationPreset]] or a customized [[VideoEncoderConfiguration]] object.
      */
     setEncoderConfiguration(config: VideoEncoderConfiguration | VideoEncoderConfigurationPreset): Promise<void>;
+    /**
+     * Add the SEI data to the H.264 video stream.
+     *
+     * @param config SEI data.
+     */
+    sendSeiData(sei: Uint8Array): void;
 }
 
 export declare interface ImageTypedData {
@@ -1677,6 +1702,18 @@ export declare interface IMicrophoneAudioTrack extends ILocalAudioTrack {
     setEnabled(enabled: boolean): Promise<void>;
 }
 
+export declare function interceptLocalAudioFrame(sender: RTCRtpSender): Promise<void>;
+
+export declare function interceptLocalVideoFrame(sender: RTCRtpSender, localVideoTrack: LocalVideoTrack): Promise<void>;
+
+export declare function interceptRemoteAudioFrame(receiver: RTCRtpReceiver): Promise<void>;
+
+export declare function interceptRemoteVideoFrame(receiver: RTCRtpReceiver, options?: InterceptVideoFrameOptions): Promise<void>;
+
+declare interface InterceptVideoFrameOptions {
+    onSei?: (sei: Uint8Array) => void;
+}
+
 /**
  * `RemoteAudioTrack` is the basic interface for the remote audio track.
  *
@@ -1701,7 +1738,7 @@ export declare interface IRemoteAudioTrack extends IRemoteTrack {
      *
      * Sets the audio playback device, for example, the speaker.
      *
-     * > This method supports Chrome on desktop devices only. Other browsers throw a `NOT_SUPPORTED` error when calling this method.
+     * > This method supports Chrome and Edge on desktop devices only. Other browsers throw a `NOT_SUPPORTED` error when calling this method.
      * @param deviceId Device ID, which can be retrieved by calling [[getPlaybackDevices]].
      */
     setPlaybackDevice(deviceId: string): Promise<void>;
@@ -1820,6 +1857,11 @@ export declare interface IRemoteTrack extends ITrack {
  * You can get create a remote video track by the [AgoraRTCRemoteUser.videoTrack]{@link IAgoraRTCRemoteUser.videoTrack} object after calling [subscribe]{@link IAgoraRTCClient.subscribe}.
  */
 export declare interface IRemoteVideoTrack extends IRemoteTrack {
+    /**
+     * @param event The event name.
+     * @param listener See [video-state-changed]{@link event_video_state_changed}.
+     */
+    on(event: "video-state-changed", listener: typeof event_video_state_changed): void;
     /**
      * @param event The event name.
      * @param listener See [first-frame-decoded]{@link event_first_frame_decoded}.
@@ -1836,6 +1878,12 @@ export declare interface IRemoteVideoTrack extends IRemoteTrack {
      * @param listener See [IRemoteTrack.transceiver-updated]{@link event_transceiver_updated_2}.
      */
     on(event: "transceiver-updated", listener: typeof event_transceiver_updated_2): void;
+    /**
+     * Adds an event listener.
+     * @param event The event name.
+     * @param listener See [ILocalTrack.sei-received]{@link event_sei_received}.
+     */
+    on(event: "sei-received", listener: typeof event_sei_received): void;
     /**
      * Gets the statistics of a remote video track.
      *
@@ -1975,23 +2023,21 @@ export declare class LocalAudioTrack extends LocalTrack implements ILocalAudioTr
     readonly trackMediaType: "audio" | "video";
     _encoderConfig?: AudioEncoderConfiguration;
     _trackSource: AudioTrackSource | FakeTrackSource;
-    get _source(): AudioTrackSource | FakeTrackSource;
+    get _source(): AudioTrackSource;
     set _source(source: AudioTrackSource | FakeTrackSource);
     _enabled: boolean;
     private _volume;
     _useAudioElement: boolean;
     _bypassWebAudio: boolean;
     protected processor?: IAudioProcessor;
-    protected _processorContext: AudioProcessorContext;
+    protected _processorContext: AudioProcessorContext | undefined;
     protected get processorContext(): AudioProcessorContext;
-    protected set processorContext(ctx: AudioProcessorContext);
-    _processorDestination: AudioProcessorDestination;
+    _processorDestination: AudioProcessorDestination | undefined;
     get processorDestination(): AudioProcessorDestination;
-    set processorDestination(des: AudioProcessorDestination);
     protected _getOriginVolumeLevel: boolean;
     get isPlaying(): boolean;
     get __className__(): string;
-    constructor(track: MediaStreamTrack, encoderConfig?: AudioEncoderConfiguration, trackId?: string, getOriginVolumeLevel?: boolean, deferWebAudio?: boolean);
+    constructor(track: MediaStreamTrack, encoderConfig?: AudioEncoderConfiguration, trackId?: string, getOriginVolumeLevel?: boolean);
     setVolume(volume: number): void;
     getVolumeLevel(): number;
     setPlaybackDevice(deviceId: string): Promise<void>;
@@ -2010,7 +2056,10 @@ export declare class LocalAudioTrack extends LocalTrack implements ILocalAudioTr
     unpipe(): void;
     private bindProcessorDestinationEvents;
     private unbindProcessorDestinationEvents;
-    private unbindProcessorContextEvents;
+    protected bindProcessorContextEvents(processorContext: AudioProcessorContext): void;
+    protected unbindProcessorContextEvents(processorContext: AudioProcessorContext): void;
+    private initWebAudio;
+    private initProcessor;
 }
 
 /**
@@ -2083,9 +2132,9 @@ export declare abstract class LocalTrack extends Track implements ILocalTrack {
     _isClosed: boolean;
     protected _enabledMutex: PromiseMutex;
     protected processor?: IBaseProcessor;
-    protected abstract _processorContext: IProcessorContext;
-    protected get processorContext(): IProcessorContext;
-    protected set processorContext(ctx: IProcessorContext);
+    protected abstract _processorContext: IProcessorContext | undefined;
+    protected get processorContext(): IProcessorContext | undefined;
+    abstract processorDestination: IBaseProcessor;
     constructor(track: MediaStreamTrack, trackId?: string);
     abstract getStats(): LocalVideoTrackStats | LocalAudioTrackStats;
     abstract setMuted(enabled: boolean): Promise<void>;
@@ -2164,6 +2213,7 @@ export declare class LocalVideoTrack extends LocalTrack implements ILocalVideoTr
     clone(config?: VideoEncoderConfiguration | VideoEncoderConfigurationPreset, cloneTrack?: boolean): LocalVideoTrack;
     replaceTrack(track: MediaStreamTrack, stopOldTrack: boolean): Promise<void>;
     startMonitorStats(): void;
+    sendSeiData(sei: Uint8Array): never;
     private bindProcessorDestinationEvents;
     private unbindProcessorDestinationEvents;
     private unbindProcessorContextEvents;
@@ -2334,7 +2384,8 @@ export declare class MicrophoneAudioTrack extends LocalAudioTrack implements IMi
     close(): void;
     protected onTrackEnded(): void;
     renewMediaStreamTrack(newConstraints?: MediaTrackConstraints): Promise<void>;
-    private bindProcessorContextEvents;
+    protected bindProcessorContextEvents(processorContext: AudioProcessorContext): void;
+    protected unbindProcessorContextEvents(processorContext: AudioProcessorContext): void;
 }
 
 /**
@@ -2593,7 +2644,8 @@ export declare abstract class RemoteTrack extends Track implements IRemoteTrack
 
 export declare enum RemoteTrackEvents {
     FIRST_FRAME_DECODED = "first-frame-decoded",
-    VIDEO_ELEMENT_VISIBLE_STATUS = "video-element-visible-status"
+    VIDEO_ELEMENT_VISIBLE_STATUS = "video-element-visible-status",
+    VIDEO_STATE_CHANGED = "video-state-changed"
 }
 
 export declare class RemoteVideoTrack extends RemoteTrack implements IRemoteVideoTrack {
@@ -2621,6 +2673,7 @@ export declare class RemoteVideoTrack extends RemoteTrack implements IRemoteVide
     private bindProcessorDestinationEvents;
     private unbindProcessorDestinationEvents;
     _destroy(): void;
+    _onSei(sei: Uint8Array): void;
 }
 
 /**
@@ -2998,7 +3051,9 @@ export declare abstract class Track extends EventEmitter implements ITrack {
 }
 
 export declare enum TrackEvents {
-    TRANSCEIVER_UPDATED = "transceiver-updated"
+    TRANSCEIVER_UPDATED = "transceiver-updated",
+    SEI_TO_SEND = "sei-to-send",
+    SEI_RECEIVED = "sei-received"
 }
 
 export declare enum TrackHint {
@@ -3010,6 +3065,7 @@ export declare enum TrackHint {
 export declare enum TrackInternalEvent {
     NEED_RENEGOTIATE = "@need_renegotiate",
     NEED_REPLACE_TRACK = "@need_replace_track",
+    NEED_REPLACE_MIXING_TRACK = "@need_replace_mixing_track",
     NEED_CLOSE = "@need_close",
     NEED_ENABLE_TRACK = "@need_enable_track",
     NEED_DISABLE_TRACK = "@need_disable_track",
@@ -3141,6 +3197,7 @@ declare class VideoPlayer {
     trackId: string;
     config: PlayerConfig;
     onFirstVideoFrameDecoded?: () => void;
+    onVideoStateChanged?: (state: VideoState) => void;
     freezeTimeCounterList: number[];
     renderFreezeAccTime: number;
     isKeepLastFrame: boolean;
@@ -3154,7 +3211,11 @@ declare class VideoPlayer {
     protected cacheVideoElement?: HTMLVideoElement;
     get videoElementStatus(): MediaElementStatus;
     set videoElementStatus(status: MediaElementStatus);
+    get videoState(): VideoState;
+    set videoState(state: VideoState);
+    private _videoState;
     private videoElementCheckInterval?;
+    private videoElementFreezeTimeout?;
     private _videoElementStatus;
     private isGettingVideoDimensions;
     constructor(config: PlayerConfig);
@@ -3245,6 +3306,28 @@ export declare class VideoProcessorDestination extends EventEmitter implements I
     reset(): void;
 }
 
+/**
+ * The state of the video stream.
+ */
+export declare enum VideoState {
+    /**
+     * 0: The initial state of the video.
+     */
+    VideoStateStopped = 0,
+    /**
+     * 1: The local user has received the first video packet.
+     */
+    VideoStateStarting = 1,
+    /**
+     * 2: The video stream is being decoded and played normally.
+     */
+    VideoStateDecoding = 2,
+    /**
+     * 3: The video stream is frozen.
+     */
+    VideoStateFrozen = 3
+}
+
 declare class VisibilityWatcher extends EventEmitter {
     private _lastHiddenTime;
     private _lastVisibleTime;