即时通信 IM Web(跑通 Demo)

这篇将介绍如何快速实现音视频通话演示。你将在10分钟内完成以下关键步骤,并最终获得一个具有全面用户界面的视频通话功能。

相关产品
即时通信 IM 产品页,含版本规格、价格与购买入口。

注意:推荐使用更高效的 AI 集成助手

注意:我们为你提供了全新的 AI 集成方式,如果你不需要完整的 Demo 工程, 只想快速开始集成,推荐你使用更高效的 AI 集成助手,只需要简单描述你的需求,即可自动生成集成代码,大幅提升开发效率。

注意:点击这里,立即体验 AI 集成

一、环境准备

·Node.js, 如果没有,请点击下载。

·Modern browser, supporting WebRTC API.

二、步骤1:下载 Demo

1. 打开终端,克隆仓库。

git clone https://github.com/Tencent-RTC/TUICallKit.git

2. 安装依赖。

ReactVue3 cd ./TUICallKit/Web/basic-react cd ./TUICallKit/Web/basic-vue3

npm install

三、步骤2:配置 Demo

1. 点击进入开通服务页面,获取SDKAppID、SecretKey。

2. 填写 SDKAPPID、SecretKey。

ReactVue3文件路径:TUICallKit/Web/basic-react/src/debug/GenerateTestUserSig-es.js文件路径:TUICallKit/Web/basic-vue3/src/debug/GenerateTestUserSig-es.js

四、步骤3:运行 Demo

打开终端,复制示例命令运行 Demo。

TUICallKit/Web/basic-reactTUICallKit/Web/basic-vue3npm run devnpm run dev

注意:警告:

注意:本地环境请在 localhost 协议下访问,公网体验请在 HTTPS 协议下访问,具体参见 网络访问协议说明。

五、步骤4:拨打你的第一通电话

1. 打开浏览器页面,输入项目运行地址,输入 userID(由你定义)。

2. 输入被叫方的 userID,单击 发起通话 体验你的第一次通话。

赞 (0)
上一篇 4天前
下一篇 4天前