微信小程序_对接腾讯实时音视频_多人会议

news2024/11/13 16:48:17

目录

一、开通腾讯实时音视频

1.腾讯实时音视频简介

 2.创建应用

 二、快速接入

1.微信小程序账号类目资格

2.跑通腾讯多人会议源码

3.发行项目

三、开发自己的业务代码


如何对接腾讯实时音视频的多人会议产品,从开通服务到对接完成,一 一讲解。

一、开通腾讯实时音视频

1.腾讯实时音视频简介

腾讯云的实时音视频TRTC,多端支持,对接很方便,他支持的开发技术也都是最新的。

腾讯实时音视频(Tencent Real-Time Communication,TRTC),将腾讯多年来在网络与音视频技术上的深度积累,以多人音视频通话和低延时互动直播两大场景化方案,通过腾讯云服务向开发者开放,致力于帮助开发者快速搭建低成本、低延时、高品质的音视频互动解决方案。

多人音视频通话方案 依靠腾讯云覆盖全球的专线网络,全球均可互通,提供覆盖手机、桌面全平台的客户端 SDK 以及云端 API,终端用户还可以在微信、QQ、企业微信的小程序中使用 TRTC 服务,Web 网页也可轻松使用。

低延时互动直播方案 凭借行业领先的网络与音视频技术,结合腾讯云优质的节点资源,帮助开发者搭建卡顿率更低、延时1秒以内的互动直播,让直播走进 CDN 2.0 时代。

 2.创建应用

我开通的是多人会议,如果你开通实时音视频其他的产品,他的小程序对接方式应该也是一样的。

①注册腾讯云账号

点击链接,腾讯云官网注册icon-default.png?t=N7T8https://cloud.tencent.com/点击左上角免费注册按钮。

②开通实时音视频产品

进入腾讯云首页,鼠标悬浮在左上角的 产品 按钮:

找到实时音视频进行点击,然后点击免费试用。

 此时进入了控制台,点击立即开通。

 创建应用:

我这里选的是多人会议,使用的入门版。

 创建成功后,进入了详情页面,记录 SDKAppID  和  SDK 密钥,这个两个参数对接时会用。

但是此时 多人会议 服务还没有开通,我们需要领取体验。也是在详情页面。

点击领取体验, 有免费的7天试用。

 

注:不是完全免费,会产生费用。

 点击确认领取,开通成功,此时服务状态显示可集成。


 二、快速接入

1.微信小程序账号类目资格

你的微信小程序账号需要是企业账号,且具备以下二级类目资格,这样才能开通微信小程序实时音视频组件。

 

2.跑通腾讯多人会议源码

点击下面链接查看快速接入教程:
快速接入,uniapp(小程序)icon-default.png?t=N7T8https://cloud.tencent.com/document/product/647/97754

 按照步骤一步一步接入即可。其中有几点注意事项,在此说明一下:

如果你的项目已经进行了一部分,也不要在你的项目上进行这些操作,可能会有冲突。先新建一个uniapp项目进行他的源码集成,然后跑通。

如果按照他的文档操作完成后,报这个错误:

不要慌,是因为你忽略了一个步骤,而且这个步骤是每次你启动项目都需要执行一次的:

 uniapp项目点击运行到微信小程序,会进行编译,部分依赖需要进入编译后的目录执行 npm install 进行下载,此处将操作指令集成在 wxmini_dev.sh/wxmini_dev.bat 脚本中。

首先检查一下腾讯多人会议项目根目录,是否有这几个文件:

wxmini_dev.bat  是批处理文件格式批处理文件是一种在Windows操作系统中常见的脚本文件类型,它的后缀名是“.bat”。批处理文件使用Windows操作系统的命令提示符进行运行,通过一系列的命令组合来执行特定的任务或操作。这些命令可以是系统命令、自定义脚本或者其他可执行文件的调用等。当执行批处理文件时,系统会按照文件中定义的命令顺序逐个执行,从而完成预设的操作。批处理文件可以用于自动化管理任务、运行程序、配置系统环境等。

wxmini_dev.bat 是开发环境使用的,wxmini_prod.bat 是生产环境(也就是准备发布上线)使用的。

wxmini_dev.sh文件是‌Linux系统中的‌Shell脚本文件,通常用于执行特定的脚本命令。这种文件包含了一系列要在操作系统命令解释器上运行的命令,主要用于自动化任务、简化工作流程,并提高系统管理和维护的效率。

wxmini_dev.sh 是开发环境使用的,wxmini_prod.sh 是生产环境(也就是准备发布上线)使用的。

如果没有,按照文档教程进行下载,在这个位置:

 如果有:

在项目保持运行的情况下,新建一个终端:

 我用的是windows系统,现在是开发环境,使用的 wxmini_dev.bat:

 ./wxmini_dev.bat , 则会运行bat文件的内容,在uniapp项目编译后的微信原生框架内添加内容:

unpackage\dist\dev\mp-weixin\roomkit\package.json

运行后,在这个目录下的package.json,添加依赖。

然后在微信开发者工具,点击工具,构建npm,并清除缓存,重新编译。

    

 此时项目就可以跑通了,记住每次从uniapp运行到微信小程序,都是重新打包,都需要重复这个步骤。

如果你想测试多人聊天,使用微信开发者工具即可,点击工具->多账号调试,使用虚拟账号,或者添加自己的真实账号都可以。

这时会出现两个微信开发者工具进行调试:

3.发行项目

此时测试一下发行项目,将运行的项目关闭。

在hbuilder点击发行,发行到微信小程序。出现右侧弹窗,什么也不用勾选,直接点击运行:

 

 如果你的右侧弹窗出现:

此时进入根目录下的manifest.json中

然后重复发行步骤即可。

发行成功后,在hbuilder下面,新建终端,执行,./wxmini_prod.bat,然后在微信开发者工具->工具->构建npm 。然后点击上传功能,代码就被推送到微信小程序了:

进入微信公众平台,手机扫码使用体验版测试一下,如果没问题,进行下一步,将自己代码集成到腾讯实时音视频小程序上。

微信公众平台官网icon-default.png?t=N7T8https://mp.weixin.qq.com/扫描体验时,如果进入一个空白页面,那是因为首页路径不对,在这里设置一下:

选为体验版,然后再次点击绿色箭头,更改首页路径。

注:如果上传代码,提示主包过大或者项目有其他错误,推送失败,是因为,你可能忘了在hbuilder点发行了,或者你忘了执行./wxmini_prod.bat文件并构建npm,仔细核对一下上面的步骤。


三、开发自己的业务代码

如果你还没有开发自己的代码,那就在腾讯实时音视频小程序的基础上继续开发即可。

如果你已经开发了一部分自己的代码,此时想把自己的代码和腾讯实时音视频小程序合并到一起,那你只能把你的代码移植到腾讯实时音视频小程序上,这样更保险。

这里有需要注意的几点:

相关依赖重新在腾讯实时音视频小程序项目下载一下。

main.js ,相关文件引入。

如果你用的scss,并且写了公共样式,记得在uni.scss引入。

把首页index/index.vue改成自己的业务逻辑代码。

移植完自己的代码后,uniapp发行代码,执行./wxmini_prod.bat,微信开发者工具构建npm。然后使用微信开发者工具,上传代码,结果失败,主包太大,且分包比较麻烦的情况下。那就选择详情里面的本地设置的上传代码时自动压缩脚本文件,重新上传即可。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1973248.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

LBS 开发微课堂|Polyline绘制优化:效果更丰富,性能更佳!

为了让广大的开发者 更深入地了解 百度地图开放平台的技术能力 轻松掌握满满的技术干货 更加简单地接入 开放平台的服务 我们特别推出了 “位置服务(LBS)开发微课堂” 系列技术案例 第一期的主题是 《Polyline 绘制优化升级》 你还想了解哪些…

MySQL:Prepared Statement 预处理语句

预处理语句(Prepared Statement) 是一种在数据库管理系统中使用的编程概念,用于执行对数据库进行操作的 SQL 语句。 使用预处理语句的具体方式和语法依赖于所用的编程语言和数据库管理系统。常见的编程语言如 Java、PHP、Python 和 C# 都提供…

如何把视频语音转文字?交给这4款工具就完事

这两天巴黎奥运会的盛大开幕,世界各地的记者们纷纷涌入这个体育盛事的现场,带着他们的镜头和麦克风,捕捉每一个激动人心的瞬间。 然而,随着采访的深入,如何快速准确地将这些珍贵的视频内容转化为文字记录,…

代码随想录算法训练营第十七天 | 654.最大二叉树, 617.合并二叉树 ,700.二叉搜索树中的搜索 , 98.验证二叉搜索树

目录 654.最大二叉树 思路 方法一: 递归基础版 方法二:递归使用下标 方法三:递归使用切片 心得收获 617.合并二叉树 思路 递归法 迭代法 方法一: 递归 - 前序 - 修改root1 方法二:递归 - 前序 - 新建root…

敦煌文化主题页面 HTML,CSS,Javascript 源码分享

使用技术:HTML,CSS,JavaScript 项目亮点:加入了大量的CSS动画效果,以及JS交互效果,水平适合初学者以及大学生,包含登录注册页 需要的可以dd, 绿泡泡:ColdDayOne

AI入门指南:什么是人工智能、机器学习、神经网络、深度学习?

文章目录 一、前言二、人工智能(AI)是什么?起源概念人工智能分类人工智能应用 三、机器学习是什么?概念机器学习常见算法机器学习分类机器学习与人工智能的关系 四、神经网络是什么?概念神经网络组成部分神经网络模型神经网络和机器学习的关系…

【Hot100】LeetCode—76. 最小覆盖子串

题目 原题链接:76. 最小覆盖子串 1- 思路 利用两个哈希表解决分为 :① 初始化哈希表、②遍历 s,处理当前元素,判断当前字符是否有效、③收缩窗口、④更新最小覆盖子串 2- 实现 ⭐76. 最小覆盖子串——题解思路 class Solution …

Python | Leetcode Python题解之第316题去除重复字母

题目: 题解: class Solution:def removeDuplicateLetters(self, s: str) -> str:vis defaultdict(int)cnt defaultdict(int)for ch in s: cnt[ch] 1queue []for ch in s:if vis[ch] 0:while queue and queue[-1] > ch and cnt[queue[-1]]:vi…

VS Code设置C++编译器路径

C_Cpp.default.compilerPath是C/C编译器路径; python.condaPath是conda路径.

Could not connect to Redis at 127.0.0.1:6379: 由于目标计算机积极拒绝,无法连接

目录 报错 解决办法 报错 在redis文件夹的路径栏中输入 cmd 命令,打开控制栏窗口界面 报错说是 redis-cli.exe打开就显示Could not connect to Redis at 127.0.0.1:6379: 由于目标计算机积极拒绝,无法连接。 解决办法 (1)cmd…

【教学类-71-01】20240802蔬菜切切乐01

背景需求: ✂️自制教具分享✂️蔬菜切切乐(剪纸) - 小红书 (xiaohongshu.com)https://www.xiaohongshu.com/explore/65bf6809000000001100fa53?app_platformandroid&ignoreEngagetrue&app_version8.46.0&share_from_user_hidd…

mybatis保存postgresql数组格式数据

新建表的时候在int4后加上[]中括号就行 -- 创建数组 SELECT ARRAY[1, 2, 3, 4, 5];-- 访问数组元素(从1开始) SELECT ARRAY[1, 2, 3, 4, 5][1]; -- 返回 1-- 数组长度 SELECT array_length(ARRAY[1, 2, 3, 4, 5], 1); -- 返回 5-- 数组连接 SELECT ARRA…

C语言 | Leetcode C语言题解之第316题去除重复字母

题目&#xff1a; 题解&#xff1a; char* removeDuplicateLetters(char* s) {int vis[26], num[26];memset(vis, 0, sizeof(vis));memset(num, 0, sizeof(num));int n strlen(s);for (int i 0; i < n; i) {num[s[i] - a];}char* stk malloc(sizeof(char) * 27);int stk…

Linux软件编程

8月1日学习了最后的标准IO&#xff0c;流的偏移。然后进入了文件IO的学习&#xff0c;包括文件的打开、读写、关闭以及偏移。之后又学习了剩余的一些函数接口&#xff0c;可以对文件进行一些其余操作。 8月2日学习了目录文件和链接文件的操作。目录文件的操作包括目录的创建、…

8月17日|广州|Cocos开发者沙龙不见不散!

6月底举行的Cocos成都沙龙吸引了近200位开发者和10多家发行&#xff0c;得到了大家的一致好评。 Cocos广州沙龙即将到来&#xff0c;会邀请更多KOL和头部发行、渠道嘉宾分享行业经验&#xff0c;让大家实现技术干货、游戏合作、行业信息多丰收。 活动主题&#xff1a;小游戏与出…

二叉树构建(从3种遍历中构建)python刷题记录

R3-树与二叉树篇. 目录 从前序与中序遍历序列构造二叉树 算法思路&#xff1a; 灵神套路 从中序与后序遍历序列构造二叉树 算法思路&#xff1a; 灵神套路 从前序和后序遍历序列构造二叉树 算法思路&#xff1a; 灵神套路 从前序与中序遍历序列构造二叉树 算法…

请你学习:前端布局2 - 定位(Positioning)是一种重要的布局技术

在页面布局中&#xff0c;定位&#xff08;Positioning&#xff09;是一种重要的布局技术&#xff0c;它允许我们精确地控制元素在页面上的位置。定位模式、是否脱标以及移动位置是理解定位的三个关键方面。 1 定位模式 定位模式决定了元素在文档中的定位方式&#xff0c;通过…

一款完全免费的数据恢复软件

WinFR&#xff0c;Windows文件恢复&#xff08;微软命令行程序&#xff09;的免费图形界面&#xff0c;帮您轻松恢复文件。WinFR是免费的Windows数据恢复替代方案&#xff0c;支持U盘数据恢复、硬盘数据恢复、存储卡数据恢复、文件数据恢复等功能。WinFR完全调用Windows文件恢复…

简单的docker学习 第2章docker引擎

第2章docker引擎 2.1Docker 引擎发展历程 2.1.1 首发版本架构 Docker 在首次发布时&#xff0c;其引擎由两个核心组件构成&#xff1a;LXC&#xff08;Linux Container&#xff09;与 Docker Daemon。不过&#xff0c;该架构依赖于 LXC&#xff0c;使得 Docker 存在严重的问…

第一百八十六节 Java XML教程 - Java DOM编辑

Java XML教程 - Java DOM编辑 属性 以下代码显示如何向元素添加属性。 import java.io.StringWriter;import javax.xml.parsers.DocumentBuilder; import javax.xml.parsers.DocumentBuilderFactory; import javax.xml.transform.OutputKeys; import javax.xml.transform.Tr…