You need to enable JavaScript to run this app.
导航
Electron
最近更新时间:2024.12.02 19:05:50首次发布时间:2022.06.23 19:44:25

前提条件

  • PC:Windows 或 MacOS 操作系统。

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

  • Electron 开发环境。

推荐使用 Node.js V14.16.0。

步骤 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
alt

步骤 5:启动 Demo

npm run build

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

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

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

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

后续步骤

在完成音视频互动后,你可以阅读以下文档进一步了解:

  • 在测试或生产环境中,你需要使用 Token 进行鉴权。为保证通信安全,推荐从服务器中获取 Token,详情请参考使用 Token 完成鉴权
  • 在实现不同的视频通话场景时,你需要配置不同的视频发布参数以达到最佳效果,详情请参考设置视频发布参数

FAQ

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

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