腾讯云实时音视频小程序端双人通话功能使用

最新推荐文章于 2024-01-08 14:34:39 发布
最新推荐文章于 2024-01-08 14:34:39 发布
阅读量3.2k 收藏 11
点赞数 2
分类专栏： 微信小程序 文章标签： 小程序 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42584321/article/details/104922496
版权

腾讯云实时音视频小程序端双人通话功能使用

由于疫情发生，互联网界急需各种线上功能，例如网课，线上视频面试等。我所在的公司也接到了新的需求，需要在小程序端利用腾讯云实时音视频服务实现线上双人通话功能（后期可能还会继续做多人语音会议及多人视频会议功能，实现方式大同小异），这篇文章主要记录一下微信小程序端双人视频通话实现的过程。

一、体验并下载DEMO

首先我们先从腾讯云小程序端的DEMO跑一下看一下效果。
也可以从这个地址上下载DEMO，然后找到并打开debug文件夹下的GenerateTestUserSig.js文件，配置相关参数（SDKAPPID：默认为0，请设置为实际的 SDKAppID；SECRETKEY：默认为空字符串，请设置为实际的密钥信息。）具体在哪里配置请看第二个链接中的图片，很简单。
这里配置的两个参数是为了跑通DEMO而手动配置用来自动生成UserSig的，实际开发中需要从后端接口获取UserSig，文档也有关于后端如何生成UserSig相关的API。
注意扫码预览时，打开调试模式。

二、开发双人通话功能（1V1）

由于公司需求目前只做了1v1视频通话功能，其他功能大同小异。
我这里直接把下载后的demo文件中的room文件夹复制到现有小程序中。
在这里插入图片描述
当然还要把trtc-room这个组件引入

最低0.47元/天 解锁文章
腰果虾仁
关注
  • 2
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
音视频通话：腾讯云 webRTC音视频通话的使用
╱/.独﹄無㈡oоΟ的博客
08-16 3828
最近项目中用到关于视频通话的功能，一开始使用腾讯云云直播提供的接口进行web端推流和拉流，但苦于获取不到音频，而且那个web推流用的flash谷歌在12月份就不支持了。所以我们最终确定使用webrtc来实现这个功能。 首先webtrc的介绍和原理我不做过多介绍了，感兴趣的小伙伴们可以参考这篇博客：腾讯IVWEB团队：WebRTC 点对点直播， 里面有对webtrc详细的介绍，下面我就告诉怎么用的。 首先，我把源码放到了我的网盘中，大家考科一免费下载 源码链接 提取码：wsb3 项目结构，就是很简单的h.
基于微信官方提供的wx.setEnable1v1Chat和wx.join1v1Chat 实现的小程序音视频通话功能
qq_38197886的博客
09-22 987
小程序api wx.setEnable1v1Chat和wx.join1v1Chat 实现的音视频通话功能
小程序实现双人视频通话流程
weixin_33755847的博客
07-10 1122
基于 <live-pusher> 和 <live-player> 所构建的双人视频通话功能。 技术指标 通讯延迟：300ms - 800ms 底层协议：基于 UDP 协议构建，并遵循 RTMP 标准对音视频数据进行切分和封装，支持丢包恢复和网络自适应。 安全加密：每次连接都独立启用一对全新的非对称加密密钥，整个通讯过程无法监听和篡改。 支持录制：如果需要可以在...
setEnable1v1Chat 微信小程序通话
weixin_45797900的博客
06-06 882
微信小程序实时语音通话
微信小程序直播项目(类似于微信视频通话)demolive-ideo-master.zip
09-25
微信小程序直播项目(类似于微信视频通话)demolive-ideo-master.zip
WXMiniByUniapp-TRTC:腾讯云小程序音视频通讯Uniapp版
05-01
双人通话：1v1 视频通话，配合 可以实现在线问诊，在线客服等需要面对面交流的沟通场景。 多人会议：支持多路视频通话、大小画面和屏幕分享等围绕视频会议相关的高级功能，适用于远程培训、在线教育等场景。 环境...
微信小程序-聊天室+音视频+添加内容 demo推荐
05-14
微信小程序学习用demo推荐：聊天室+音视频+添加内容+用图灵API实现了机器人聊天功能，另外实现了一些其他功能
微信小程序demo：双人五子棋
03-15
免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。
微信小程序项目实例——双人五子棋
05-28
微信小程序项目实例——双人五子棋 双人五子棋是一款游戏小程序 两位选手可以在15x15的棋盘上 进行五子棋竞技 小程序设置了悔棋功能
基于C++的自创双人对弈小游戏设计源码
最新发布
05-22
双人对弈小游戏设计源码：该项目基于C++，包含28个文件，主要使用C和C++语言。该项目是一个自创的双人对弈小游戏，适合用于学习和实践C++编程。
小程序1v1视频通话多种实现方法
qzmlyshao的博客
05-29 1万+
例如：本文讲解我是如何寻找多种实现小程序1v1视频通话方法？即购zego每个月有送1000分钟，基本满足我们demo展示。腾讯云的账号就有1000分钟，但用完次月就不会清零。
【愚公系列】2022年04月 微信小程序-多人音视频对话
时光隧道
04-12 1万+
文章目录前言一、多人音视频对话1.wxml2.js 前言 微信小程序开发多人音视频对话首先得去小程序管理后台，「开发」-「接口设置」中自助开通该组件权限。 相关属性： 一级类目/主体类型 二级类目 小程序内容场景 教育 在线视频课程 网课、在线培训、讲座等教育类直播 医疗 互联网医院，公立医院 问诊、大型健康讲座等直播 医疗 私立医疗机构 / 金融 银行、信托、基金、证券/期货、证券、期货投资咨询、保险、征信业务、新三板信息服务平台、股票信息服务平台（港股/美股）、消费金融 金
微信小程序音视频通话（for硬件）组件的使用
qq_45110186的博客
01-08 1147
借助微信小程序音视频通话（for 硬件）组件，开发者可以实现智能设备和手机微信端的一对一音视频通话，满足实时触达场景，提升通话体验。微信小程序音视频通话（for 硬件） 使用手册 | 微信开放社区。
腾讯云TRTC服务实现小程序语音/视屏会议
weixin_46311995的博客
11-27 4517
TRTC 是腾讯云主打全平台互通的多人音视频通话和低延时互动直播解决方案。TRTC服务有多种客户端的支持，对于IOS、Android、React native等都支持的比较好，我们主要在于 IOS、Android、Web三端进行处理，其中 TRTC Web SDK 基于 WebRTC 实现，基于腾讯云成熟的音视频积累，保证了视频流的低延时 高效传输等。
微信小程序语音聊天智能对话（demo）
Dreawer微信小程序联盟
09-06 7136
项目中用到了 olami sdk把录音或者文字转化为用户可以理解的json字符串。 效果图 重要jS代码： //手指按下时 语音转文字 voiceToChar:function(){ var urls = app.globalData.slikToCharUrl; var voiceFilePath = that.data.filePath; if(voiceFilePat...
微信小程序实时音视频开发记录
CMSHAO的专栏
05-07 1万+
    以前做过一个简单的小程序，但是到现在回想怎么开发小程序，竟然一点也想不起来，鉴于学过的东西老是忘掉毛病，现在借项目需要小程序音视频功能，记录一下小程序开发步骤和小程序视频音视频功能的使用。    由于完全不记得小程序开发步骤和代码结构，只有重头开始学习，我首先阅读了官网基础教程，看完官网基础教程，基本上对可以进行小程序开发了。现在我来说说我的理解，要进行小程序开发的第一步就是在小程序申请官...
微信小程序 实时音视频通话
weixin_40762926的博客
02-05 1万+
微信小程序集成实时音视频通话功能 背景 在项目的开发当中，很多时候，我们会有音频、视频通话的需求，但是一般都不会自己来写，所以我们就需要借助第三方来实现。尤其是这次的项目开发当中，需要在微信小程序当中集成实时音视频通话的功能，这里使用腾讯云的实时音视频服务。 腾讯云——实时音视频 实时音视频官方文档：https://cloud.tencent.com/document/product/647 文档位置：文档->视频服务->实时音视频 官方文档介绍的比较，详细，一般按照步骤做，都可以完
小程序实现即时语音聊天功能
zhimaxiaokefu的博客
06-05 1万+
1、用户在小程序咨询客服，有时候文字沟通不太清楚，如果能发语音沟通，就好了。 2、用户在公众号发了语音，客服能在手机上收听，以及能用语音去回复吗？ 3、我没有小程序，也没有公众号，做了一个H5咨询链接，用户和客服都能用语音吗？毕竟很多时候用户不想关注，添加好友，透露自己的手机号码，不打字也能即时语音交流吗？ 语音实现效果如下 一、小程序发语音 目前小程序不支持用户发...
用微信小程序实现视频通话
热门推荐
iw1210的专栏
02-25 2万+
用微信小程序实现视频通话 第一步：开通一个云直播服务（比如腾讯云 ），或者自己搭建一个 RTMP 服务器（例如 Nginx+RTMP 服务）； 第二步：生成两对 RTMP 推拉流 URL ，一对是用于 A 端推流的 push_url_a 和 用于播放 A 端视频的 play_url_a；另一对是用于 B 端推流的 push_url_b 和 用于播放 B 端视频的 play_url_b ； 第三步...
codeblocks的C语言围棋双人对战程序包含吃子功能的
05-18
实现一个包含吃子功能的围棋双人对战程序需要注意以下几点： 1. 棋盘的表示：可以使用二维数组来表示棋盘，每个位置存储该位置的状态（空、黑子、白子）。 2. 落子的实现：通过输入坐标来确定落子的位置，然后根据当前玩家的颜色（黑或白）来在该位置上放置对应颜色的棋子。 3. 吃子的实现：每次落子后，需要检查该位置周围是否有对方的棋子被包围，如果有，则将这些棋子从棋盘上移除。 下面是一个简单的代码示例，展示了上述功能的实现： ```c #include <stdio.h> #define BOARD_SIZE 15 // 定义棋盘状态 enum ChessState { EMPTY, BLACK, WHITE }; // 初始化棋盘 void init_board(enum ChessState board[][BOARD_SIZE]) { int i, j; for (i = 0; i < BOARD_SIZE; i++) { for (j = 0; j < BOARD_SIZE; j++) { board[i][j] = EMPTY; } } } // 展示棋盘 void show_board(enum ChessState board[][BOARD_SIZE]) { int i, j; printf(" "); for (i = 0; i < BOARD_SIZE; i++) { printf("%c ", 'A' + i); } printf("\n"); for (i = 0; i < BOARD_SIZE; i++) { printf("%d", i + 1); for (j = 0; j < BOARD_SIZE; j++) { switch (board[i][j]) { case EMPTY: printf(" ."); break; case BLACK: printf(" X"); break; case WHITE: printf(" O"); break; } } printf("\n"); } } // 判断当前落子是否合法 int is_valid_move(enum ChessState board[][BOARD_SIZE], int x, int y, enum ChessState color) { if (board[x][y] != EMPTY) { return 0; } // TODO: 判断是否禁手等规则 return 1; } // 落子并吃子 void make_move(enum ChessState board[][BOARD_SIZE], int x, int y, enum ChessState color) { int i, j; // 落子 board[x][y] = color; // 检查周围的棋子 for (i = x - 1; i <= x + 1; i++) { for (j = y - 1; j <= y + 1; j++) { if (i >= 0 && i < BOARD_SIZE && j >= 0 && j < BOARD_SIZE && board[i][j] != EMPTY && board[i][j] != color) { // 判断该棋子是否被包围 int is_captured = 1; if (i > 0 && board[i-1][j] == EMPTY) is_captured = 0; if (i < BOARD_SIZE-1 && board[i+1][j] == EMPTY) is_captured = 0; if (j > 0 && board[i][j-1] == EMPTY) is_captured = 0; if (j < BOARD_SIZE-1 && board[i][j+1] == EMPTY) is_captured = 0; if (is_captured) { // 移除该棋子 board[i][j] = EMPTY; } } } } } int main() { enum ChessState board[BOARD_SIZE][BOARD_SIZE]; init_board(board); enum ChessState current_player = BLACK; while (1) { show_board(board); printf("Player %c's turn:\n", current_player == BLACK ? 'X' : 'O'); int x, y; do { printf("Enter your move (e.g. A1): "); char input[3]; scanf("%s", input); x = input[1] - '1'; y = input[0] - 'A'; } while (!is_valid_move(board, x, y, current_player)); make_move(board, x, y, current_player); current_player = current_player == BLACK ? WHITE : BLACK; } return 0; } ``` 该代码实现了一个简单的围棋双人对战程序，包含落子和吃子功能。在程序运行时，会不断循环读取玩家输入的坐标，并在棋盘上放置对应颜色的棋子，如果有对方棋子被包围，则会从棋盘上移除。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值