腾讯云视频通话Demo跑通教程

本文章供大家交流学习,如果对您有所帮助,请点赞关注,谢谢。

腾讯云视频通话Demo参考文档: https://cloud.tencent.com/document/product/647/106905

一、安装Node.js

Node.js 官方网址: https://nodejs.org/en

1.1 Node.js 是什么

Node.js = 让 JavaScript 可以在电脑本地运行的一个环境。

最早 JavaScript 只能在浏览器里运行(Node.js 让它可以在你的 Windows、Mac、Linux 电脑上运行)。

如果把 JavaScript 比作 语言 ,那 Node.js 就是这门语言的 发动机

1.2 为什么要下载 Node.js

这个项目是 TUICallKit Web / React 项目

React 项目 必须依赖 Node.js 来运行:

  • 下载依赖(npm install
  • 启动开发服务器(npm run dev / npm start
  • 打包 Web 前端(npm run build

这些全都需要 Node.js 内置的工具 npm

1.3 Node.js 安装步骤

(1)下载安装包

Download-Windows installer(.msl)

(2)开始安装

一直下一步,注意安装路径即可。

(3)验证安装

打开终端输入

复制代码
node -v

若未安装则如下图

若安装成功则

二、下载Demo

2.1 打开终端,克隆仓库

复制代码
git clone <https://github.com/Tencent-RTC/TUICallKit.git>

我使用vscode运行,报错如下

复制代码
(base) PS D:\\python object\\Recruitment agent\\interview_system\\server> git clone <https://github.com/Tencent-RTC/TUICallKit.git> 
Cloning into 'TUICallKit'... 
remote: Enumerating objects: 15030, done. 
remote: Counting objects: 100% (1064/1064), done. 
remote: Compressing objects: 100% (421/421), done. 
error: RPC failed; curl 56 Recv failure: Connection was reset 
error: 1793 bytes of body are still expected fetch-pack: unexpected disconnect while reading sideband packet 
fatal: early EOF 
fatal: fetch-pack: invalid index-pack output

通常是由于 网络不稳定或者 Git 克隆大仓库时传输超时 导致的,尤其是仓库比较大或者你在国内访问 GitHub 时。

所以我选择另一种方式:去源代码网址-下载完整包-拿到项目内解压 Demo视频通话源代码https://github.com/Tencent-RTC/TUICallKit

下载后得到一个压缩吧,移动到你项目的目录中去解压如下

解压后注意,这个文件夹有两层,这里导致我一直进不去目录,解压后目录结构

复制代码
/TUICallKit-main/TUICallKit-main

这里记得将里面的TUICallKit-main剪切覆盖出来更清晰一些,不处理也一样

2.2 安装依赖

进入依赖安装目录

复制代码
 cd ./TUICallKit/Web/basic-react

运行

复制代码
 npm install

这里我第一次没有安装 Node.js,报错如下:

安装 Node.js 后,结果如下:

三、配置 Demo

3.1 获取 SDK 密钥

官方网址:https://console.trtc.io/call

这里需要注册账号后可以免费试用7天

如下图我们可以得到**SDKAppID、SecretKey**

3.2 将 SDK 密钥填入代码

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

四、运行 Demo

终端输入

复制代码
npm run dev

点击local后面的网址

五、进行视频对话

5.1 输入名字

abcd

5.2 选择通话方式

5.3 输入通话方名字

选择单人通话

1234

4、接通电话

再复制一个网页,输入1234,对方abcd即可实现通话

另外还可以手机扫描二维码等等。

相关推荐
音视频牛哥36 分钟前
SmartMediaKit 推拉流MP4录像实践:实时传输与本地留存一体化
音视频·rtmp推流录像·rtmp播放端录像·rtsp播放端录像·rtsp流录制·rtmp流录制·rtsp服务器录像
石臻臻的杂货铺2 小时前
做 AI 视频,先让 Blender 把镜头演一遍
人工智能·音视频·blender
ALINX技术博客2 小时前
【黑金云课堂】FPGA技术教程Vitis开发:SD卡WAV文件读取音频播放实验
fpga开发·音视频
沐禾安信18 小时前
AVI 视频打不开?2026 四款转 MP4 工具封神
音视频·电脑录屏
兵叔物联20 小时前
基于FFmpeg的短视频自动剪辑工具
ffmpeg·音视频
AORUO奥偌20 小时前
从“拼凑”到“集成”:音视频系统如何重塑弱电智能化建设逻辑
音视频·公共广播系统·音视频系统·多媒体会议与ip广播系统·多媒体会议系统
禹亮科技21 小时前
大型国企会议室音视频集成实战:3间120㎡空间Poly G7500+LED大屏+讯飞多语言会议系统落地方案
音视频·视频会议系统集成·上海禹亮科技·讯飞听见多语言会议系统·poly g7500
行业研究员1 天前
AI原生的商城智能经营平台合作商推荐:腾讯云Mall
云计算·腾讯云·ai-native
音视频牛哥1 天前
SmartMediaKit macOS版RTSP/RTMP低延迟播放器:技术架构、核心能力与应用实践
音视频·低延迟rtsp播放器·macos直播播放器·macos rtsp播放器·macos rtmp播放器·rtsp播放器mac版·rtmp播放器mac版
huijingjituan1 天前
三方聊天软件工具定制开发|打造企业级智能通讯平台
数据库·安全·阿里云·实时互动·腾讯云