tencent cloud

文档反馈

最后更新时间:2024-09-06 15:37:02
    本文将介绍如何快速实现音视频通话演示。您将在10分钟内完成以下关键步骤,并最终获得一个具有全面用户界面的视频通话功能。
    
    
    

    环境准备

    Node.js version 16+.
    Modern browser, supporting WebRTC API.

    步骤一:下载 Demo

    1. 打开终端,克隆仓库。
    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 体验您的第一通话。
    
    
    
    联系我们

    联系我们,为您的业务提供专属服务。

    技术支持

    如果你想寻求进一步的帮助,通过工单与我们进行联络。我们提供7x24的工单服务。

    7x24 电话支持