前提条件

• PC：Windows 或 MacOS 操作系统。

自 V3.50 版本，支持使用搭载 arm64 架构芯片的 Mac 进行开发。

• Electron 开发环境。

推荐使用 Node.js V14.16.0。

• 获取 RTC Demo 工程文件

步骤 1：获取 AppId 和临时 Token

申请临时 Token 后，你应记录下申请时的房间 ID，用户 ID 和对应生成的临时 Token，以供后续配置环境和加入房间时使用。

参考 RTC 接入指南获取 AppId 和临时 Token。 临时 Token 仅用于测试或跑通 Demo，阅读密钥说明了解更多 Token 相关。

步骤 2：配置 Demo 工程文件

将获取到的 AppID 和 Token 填写到配置文件 ./src/config/config.js

const config ={
 
    appId:"你的 AppId",
    token:"你的 Token"
};
module.exports = config;

步骤 3：安装依赖

打开终端，进入 Demo 工程文件根目录，安装依赖

npm install

步骤 4：下载 SDK

【推荐】NPM 方式

在项目的根目录运行以下命令：

npm install @volcengine/vertc-electron-sdk --save

离线方式

下载 Electron SDK，保存到 node_modules/@volcengine/vertc-electron-sdk

步骤 5：启动 Demo

npm run build

启动完成，弹出桌面应用。输入用于生成此 Token 的房间 ID 和用户 ID，进入房间开始体验实时音视频通话。

多端联调时，应使用同一个 appID 下生成的 Token，并进入同一个房间。

步骤 6：体验音视频通话功能

为更好地体验实时音视频互动效果，你可以邀请一位朋友使用另一台设备运行该示例项目（需确保两个设备配置示例项目时填入的 App ID 和 AppKey 一致）。当你们输入相同的房间名加入房间后，即可在同一房间中体验音视频通话。

FAQ

Q: 运行 npm run build 后报错信息： "error:0308010C:digital envelope routines::unsupported"
A: Node.js 版本过高，与其他依赖不兼容。 建议切换或降级 Node 版本，例如 v14.16.0，然后重试启动 Demo.

更多关于 Electron 平台上集成 RTC SDK 的问题，参看 Electron 集成常见问题。