在 React 中基于 ZEGO Web SDK 实现音视频通话

React 是用于构建 Web 和原生交互界面的库，全球有几百万开发者使用。

ZEGO Web SDK 提供低延迟音视频通话功能，具有跨平台适配和抗弱网能力。

实现实时音视频功能前需在 ZEGO 控制台创建项目并申请 AppID 和 Server 地址。

步骤包括创建引擎、登录房间、推流和拉流等。

创建 ZegoExpressEngine 引擎实例，传入 AppID 和 Server 地址。

登录房间需要 Token，调用 loginRoom 接口传入房间 ID 和用户参数。

监听房间状态、用户状态和流状态更新的事件回调。

推流前需创建本端音视频流，调用 createZegoStream 接口。

开始推流调用 startPublishingStream 接口，向远端用户发送音视频流。

拉流调用 startPlayingStream 接口，根据流 ID 拉取远端音视频画面。

在真机中运行项目以体验实时音视频功能。

停止推流和拉流，调用相应接口进行操作。

退出房间调用 logoutRoom 接口完成退出。