tencent cloud

文档反馈

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

    环境准备

    Node.js, 如果没有,请点击下载。
    Modern browser, supporting WebRTC API.

    步骤一:下载 Demo

    1. 打开终端,克隆仓库。
    2. 安装依赖。
    React
    Vue3
    cd ./TUICallKit/Web/basic-react
    cd ./TUICallKit/Web/basic-vue3
    npm install

    步骤二:配置 Demo

    1. 点击进入开通服务页面, 获取SDKAppID、SDKSecretKey
    2. 填写 SDKAPPID、SDKSecretKey
    React
    Vue3
    文件路径:TUICallKit/Web/basic-react/public/debug/GenerateTestUserSig-es.js
    
    
    
    文件路径:TUICallKit/Web/basic-vue3/public/debug/GenerateTestUserSig-es.js
    
    
    

    步骤三:运行 Demo

    1. 打开终端,复制示例命令运行 Demo。
    警告:
    本地环境请在 localhost 协议下访问,具体参见 网络访问协议说明
    React
    Vue3
    # TUICallKit/Web/basic-react
    npm run dev
    # TUICallKit/Web/basic-vue3
    npm run serve
    2. 打开两个浏览器页面输入相同的 URL,然后输入两个不同的 userID 登录。
    
    
    
    3. 两个 userID 都登录成功后,在当前登录页面输入另一个页面的 userID,点击 Add to call list 按钮添加到通话列表。
    
    
    

    步骤四:拨打您的第一通电话

    单击 Call 体验您的第一通话。
    
    
    
    
    联系我们

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

    技术支持

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

    7x24 电话支持