## 前提条件 * PC：Windows 或 MacOS 操作系统。 > 自 V3.50 版本，支持使用搭载 arm64 架构芯片的 Mac 进行开发。 * Electron 开发环境。 > 推荐使用 Node.js V14.16.0。 * 获取 RTC [Demo 工程文件](https://docs.volcengine.com/docs/6348/1163793) ## 步骤 1：获取 AppId 和临时 Token 申请临时 Token 后，你应记录下申请时的房间 ID，用户 ID 和对应生成的临时 Token，以供后续配置环境和加入房间时使用。 > 参考 RTC [接入指南](https://docs.volcengine.com/docs/6348/69865)获取 AppId 和临时 Token。临时 Token 仅用于测试或跑通 Demo，阅读[密钥说明](https://docs.volcengine.com/docs/6348/70121)了解更多 Token 相关。 ![图片](https://lf6-volc-editor.volccdn.com/obj/volcfe/sop-public/upload_7e44133f56dd94709341319ed07f24da) ## 步骤 2：配置 Demo 工程文件将获取到的 AppID 和 Token 填写到配置文件 `./src/config/config.js` ```javascript const config ={ appId:"你的 AppId", token:"你的 Token" }; module.exports = config; ``` ## 步骤 3：安装依赖打开终端，进入 Demo 工程文件根目录，安装依赖 ```shell npm install ``` ## 步骤 4：下载 SDK ### 【推荐】NPM 方式在项目的根目录运行以下命令： ```powershell npm install @volcengine/vertc-electron-sdk --save ``` ### 离线方式下载 [Electron SDK](https://docs.volcengine.com/docs/6348/75707)，保存到 `node_modules/@volcengine/vertc-electron-sdk` ![图片](https://portal.volccdn.com/obj/volcfe/cloud-universal-doc/upload_7b5536f952ce381f5d35aa2ea2c36df7.png) ## 步骤 5：启动 Demo ```shell npm run build ``` 启动完成，弹出桌面应用。输入用于生成此 Token 的房间 ID 和用户 ID，进入房间开始体验实时音视频通话。 > 多端联调时，应使用同一个 appID 下生成的 Token，并进入同一个房间。 ![图片](https://lf3-volc-editor.volccdn.com/obj/volcfe/sop-public/upload_80b222f112a38ae7c6cb72514a66ac28) ## 步骤 6：体验音视频通话功能为更好地体验实时音视频互动效果，你可以邀请一位朋友使用另一台设备运行该示例项目（需确保两个设备配置示例项目时填入的 App ID 和 Token 一致）。当你们输入相同的房间名加入房间后，即可在同一房间中体验音视频通话。 ## 后续步骤在完成音视频互动后，你可以阅读以下文档进一步了解： * 在测试或生产环境中，你需要使用 Token 进行鉴权。为保证通信安全，推荐从服务器中获取 Token，详情请参考[使用 Token 完成鉴权](https://docs.volcengine.com/docs/6348/70121)。 * 在实现不同的视频通话场景时，你需要配置不同的视频发布参数以达到最佳效果，详情请参考[设置视频发布参数](https://docs.volcengine.com/docs/6348/70122)。 ## FAQ Q: 运行 `npm run build` 后报错信息： "error:0308010C:digital envelope routines::unsupported" A: Node.js 版本过高，与其他依赖不兼容。建议切换或降级 Node 版本，例如 v14.16.0，然后重试启动 Demo. 更多关于 Electron 平台上集成 RTC SDK 的问题，参看 [Electron 集成常见问题](https://docs.volcengine.com/docs/6348/1133953)。