Web

Download

Focus Mode

Font Size

Last updated: 2024-09-06 15:37:02

本文将介绍如何快速实现音视频通话演示。您将在10分钟内完成以下关键步骤，并最终获得一个具有全面用户界面的视频通话功能。
﻿
﻿
﻿
环境准备
﻿Node.js version 16+.
Modern browser, supporting WebRTC API.
步骤一：下载 Demo
1. 打开终端，克隆仓库。
git clone https://github.com/Tencent-RTC/TUICallKit.git﻿
2. 安装依赖。
React
Vue3
 cd ./TUICallKit/Web/basic-react
 cd ./TUICallKit/Web/basic-vue3
 npm install
步骤二：配置 Demo
﻿进入开通服务页面 获取SDKAppID、SDKSecretKey，在 GenerateTestUserSig-es.js 文件填写。
React
Vue3
文件路径：TUICallKit/Web/basic-react/src/debug/GenerateTestUserSig-es.js
﻿
﻿
﻿
文件路径：TUICallKit/Web/basic-vue3/src/debug/GenerateTestUserSig-es.js
﻿
﻿
﻿
步骤三：运行 Demo
打开终端，复制示例命令运行 Demo。
TUICallKit/Web/basic-react
TUICallKit/Web/basic-vue3
npm run dev
npm run dev
警告：
本地环境请在 localhost 协议下访问，公网体验请在 HTTPS 协议下访问，具体参见 网络访问协议说明。
步骤四：拨打您的第一通电话
1. 打开浏览器页面，输入项目运行地址，登录 userID(由您定义) 。
﻿
﻿
﻿
2. 输入被叫方的 userID，单击 Call 体验您的第一通话。
﻿
﻿
﻿