首页 > 其他分享 >腾讯云音视频插件使用文档

腾讯云音视频插件使用文档

时间:2023-11-06 18:04:17浏览次数:38  
标签:TUICallKit 插件 音视频 通话 文档 腾讯 组件

获取服务所需信息

腾讯云新用户有实时音视频提供包月套餐体验和免费时长包免费试用 TRTC 功能

首先注册并实名认证后,先领取七天免费体验和免费时长包。

领取链接:https://cloud.tencent.com/document/product/647/44360七天免费体验结束后,如果再想使用腾讯云音视频功能需购买

领取成功后,需要先创建应用

腾讯云音视频插件使用文档_初始化


应用创建后,点击详情获取所需数据。

吃一堑长一智

领完体验功能时候还要领一下音视频时长包。

腾讯云音视频插件使用文档_音视频_02


不要勾选超级加购。

腾讯云音视频插件使用文档_初始化_03


SDKAppID:在腾讯云创建的音视频应用 SDKAppID

SDKSecretKey:在腾讯云创建的音视频应用 SDKSecretKey

腾讯云音视频插件使用文档_腾讯云_04


RoomID 即房间号,用于唯一标识一个房间。房间号取值区间为1 - 4294967295,由开发者自行维护和分配。

UserID 即用户ID,用于在一个实时音视频应用中唯一标识一个用户。取值范围长度建议不超过32字节。请使用英文字母、数字或下划线,区分大小写。

UserSig 是腾讯云设计的一种安全保护签名,目的是为了阻止恶意攻击者盗用您的云服务使用权。

目前,腾讯云的实时音视频(TRTC)、即时通信(IM)以及移动直播(MLVB)等服务都采用了该套安全保护机制。要使用这些服务,您需要在相应 SDK 的初始化或登录函数中提供 SDKAppID,UserID 和 UserSig 三个关键信息。 其中 SDKAppID 用于标识您的应用,UserID 用于标识您的用户,而 UserSig 则是基于前两者计算出的安全签名,它由 HMAC SHA256 加密算法计算得出。只要攻击者不能伪造 UserSig,就无法盗用您的云服务流量。 UserSig 的计算原理如下图所示,其本质就是对 SDKAppID、UserID、ExpireTime 等关键信息进行了一次哈希加密:

TRTC 自己的本地画面和远端画面左右相反?本地默认采集的画面是镜像的。App 端可以通过 setLocalViewMirror 接口设置,该接口只改变本地摄像头预览画面的镜像模式;也可以通过 setVideoEncoderMirror 接口设置编码器输出的画面镜像模式,该接口不改变本地摄像头的预览画面,但会改变另一端用户看到的(以及服务器录制下来的)画面效果。Web 端可以通过 createStream 接口修改 mirror 参数来设置。

web端

1.创建项目

可先创建对应项目,如已有项目则跳过

2.安装组件

vue2:

vue3:

3.获取到使用实时音视频对应的信息

页面中直接引入所需模块, 并在对应位置进行注册组件

在模板中使用组件,组件外使用大小固定的盒子包裹 (组件默认显示空内容,进入通话后自动显示 )

4.登录 TUI 组件

设置好对应的用户信息(获取方式看上文)

初始化插件(使用之前先初始化,登录之后可接受到电话消息)

5.拨通电话

过调用 TUICallKitServer 的 call 函数并指定通话类型和被叫方的 userID,就可以发起语音或者视频通话 (type为通话方式 1语音 2视频) 此时组件可自行显示通话内容


UNI-APP端

1.创建项目

可先创建对应项目,如已有项目则跳过

2.购买 uni-app 原生插件

登录 uni 原生插件市场,并访问 TencentCloud-TUICallKit 插件,在插件详情页中购买(免费插件也可以在插件市场0元购)。购买后才能够云端打包使用插件。(购买插件时请选择正确的 appid,以及绑定正确包名)

腾讯云音视频插件使用文档_音视频_05


使用 uni 原生插件必须先提交云端打包才能生效,购买插件后在应用的 manifest.json 页面的 App原生插件配置 项下单击选择云端插件,选择腾讯云原生音视频插件。

腾讯云音视频插件使用文档_音视频_06


3.使用插件

使用 uni.requireNativePlugin 的 API 在 vue 页面中引入原生插件,参数为插件的 ID。

const TUICallKit = uni.requireNativePlugin('TencentCloud-TUICallKit');

4.登录 TUI 组件

在项目中添加如下代码,完成 TUICallKit 组件的登录

const options = {
  SDKAppID: xxx,   // 请替换为步骤一取到的 SDKAppID
  userID: xxx,        // 请替换为您的 UserID
  userSig: xxxx, // 您可以在控制台中计算一个 UserSig 并填在这个位置
};
TUICallKit.login(options, (res) => {
  if (res.code === 0) {
    console.log('login success');
  } else {
    console.log(`login failed, error message = ${res.msg}`);
  }
});

5.拨通电话

通过调用 TUICallKit 的 call 函数并指定通话类型和被叫方的 userID,就可以发起语音或者视频通话。

const options = {
  userID: 'mike',
  callMediaType: 1, // 语音通话(callMediaType = 1)、视频通话(callMediaType = 2)
};
TUICallKit.call(options, (res) => {
  if (res.code === 0) {
    console.log('call success');
  } else {
    console.log(`call failed, error message = ${res.msg}`);
  }
});



标签:TUICallKit,插件,音视频,通话,文档,腾讯,组件
From: https://blog.51cto.com/u_16159713/8215178

相关文章

  • IDEA插件分享,支持接口调试!
    平时我们在写完接口需要填入postman、Apipost等工具进行接口调试,今天给大家推荐一款IDEA插件Apipost-helper,写完代码直接可以进行调试,而且支持生成接口文档,JAVA工程师必用!可以点击下方链接或在插件商店中搜索安装如下图:https://plugins.jetbrains.com/plugin/22676-apipost-helper-......
  • IDEA插件分享,支持接口调试!
    平时我们在写完接口需要填入postman、Apipost等工具进行接口调试,今天给大家推荐一款IDEA插件Apipost-helper,写完代码直接可以进行调试,而且支持生成接口文档,JAVA工程师必用!可以点击下方链接或在插件商店中搜索安装如下图:https://plugins.jetbrains.com/plugin/22676-apipost-help......
  • 软件开发项目文档系列之六概要设计:构建可靠系统的蓝图
    概要设计是软件开发项目中至关重要的阶段,它为整个系统提供了设计蓝图和技术方向。它的重要性在于明确项目目标、规划系统结构、确定技术选择、识别风险、以及为团队提供共同的视角,确保项目在后续开发阶段按计划进行。概要设计的主要内容包括项目的背景和目的、设计原则和要求、系......
  • 简单易懂,高效实用的接口文档编写技巧
    大家好!我是sum墨,一个一线的底层码农,平时喜欢研究和思考一些技术相关的问题并整理成文,限于本人水平,如果文章和代码有表述不当之处,还请不吝赐教。以下是正文!接口文档是什么接口文档是一个软件系统的重要组成部分,它描述了系统中所有可供外部应用程序使用的接口。简单来说,接口文档就......
  • JS对象文档 - FormData
    前言FormData接口提供了一种表示表单数据的键值对key/value的构造方式,并且可以轻松的将数据通过XMLHttpRequest.send()方法发送出去,本接口和此方法都相当简单直接。如果送出时的编码类型被设为"multipart/form-data",它会使用和表单一样的格式。正文构造函数constformDat......
  • SRE-描述文档
    SRE是什么SRE(SiteReliabilityEngineering)即网站可靠性工程,以软件工程的方法论重新定义研发运维,驱动并赋能业务演进。SRE的职责SRE主要负责所有核心业务系统的可用性、性能、容量相关的事情,根据《SiteReliabilityEngineering》一书提及的内容,笔者做简单汇总,SRE的工作主要包......
  • 华为云云容器引擎CCE产品文档带来4个升级,降低使用难度
    本文分享自华为云社区《华为云云容器引擎CCE产品文档优化升级!》,作者:云容器大未来。云原生产品技术栈庞大,需要用户对容器、Kubernetes等核心技术都有扎实的理解和掌握;同时问题定位和排查也较为困难,需要用户对不同系统模块原理非常熟悉。这些因素导致云原生产品上手门槛高、配置......
  • 搜索文档树,bs4其它用法,css选择器,selenium基本使用,selenium其它用法
    1搜索文档树......
  • Docker部署ShowDoc文档工具
    一、ShowDoc介绍1.ShowDoc简介ShowDoc是一个非常适合IT团队的在线API文档、技术文档工具。通过showdoc,你可以方便地使用markdown语法来书写出美观的API文档、数据字典文档、技术文档、在线excel文档等等。2.ShowDoc功能分享与导出响应式网页设计,可将项目文档分享到电脑或移动设......
  • Word文档审阅批注作者姓名更改方法
     审阅--跟踪--选项--修改用户名:     ......