首页 > 编程语言 >新知实验室-基于腾讯云音视频TRTC的微信小程序实践

新知实验室-基于腾讯云音视频TRTC的微信小程序实践

时间:2022-11-26 18:07:30浏览次数:66  
标签:会议 在线 微信 音视频 通话 语音 TRTC


​前言​

腾讯会议是我们常用的一款线上会议软体,如果想要使用,我们需要下载软体使用,相比之下,基于腾讯云音视频的TRTC提供了一个很好的解决方案,我们通过接入到小程序中来实现快捷的开始会议,加入会议。

​TRTC功能​

TRTC主要为客户提供一套低延时、高质量的音视频通讯服务。

  • 视频通话:类似微信上的通话功能,支持窗口切换,美颜以及网络信号提示等功能。
  • 多人会议:支持多个用户在同一个房间中交流互动,可用于在线会议和在线教育等场景。
  • 秀场直播:主播在线秀才艺,支持美颜、伴奏、点赞、弹幕互动和在线连麦。
  • 在线合唱:两位主播在线同唱一首歌,感受 TRTC 所提供的低延时通信能力。
  • 在线 K 歌:支持上万人同时收听,并支持语音互动、音乐伴奏和歌词同步等功能的在线音乐直播方案。

​小程序实践​

  1. ​TRTC接入链接​
  2. 创建应用
  3. 新知实验室-基于腾讯云音视频TRTC的微信小程序实践_微信小程序

  4. 输入应用名
  5. 新知实验室-基于腾讯云音视频TRTC的微信小程序实践_腾讯云_02

  6. 获取 TRTC 应用及密钥信息
    在应用管理 > 应用信息 中获取 SDKAppID 信息。SDKAppID 为 TRTC 的应用 ID,用于业务隔离,即不同的 SDKAppID 的通话不能互通;
  7. 新知实验室-基于腾讯云音视频TRTC的微信小程序实践_音视频_03


  8. 新知实验室-基于腾讯云音视频TRTC的微信小程序实践_小程序_04

  9. 下载官方​​Demo​
  10. 新知实验室-基于腾讯云音视频TRTC的微信小程序实践_小程序_05

  11. 修改对应SDKAPPID和SECRETKEY,在下边的这个文件中。
    进入修改配置页,根据您下载的源码包,选择相应的开发环境。
    找到并打开./debug/GenerateTestUserSig.js文件。
    设置GenerateTestUserSig.js文件中的相关参数:
    SDKAPPID:默认为0,请设置为实际的 SDKAppID。
    SECRETKEY:默认为空字符串,请设置为实际的密钥信息。
  12. 新知实验室-基于腾讯云音视频TRTC的微信小程序实践_腾讯云_06

  13. 点击编译一个简单的demo就创建好了,接下来让我们测试一下(点击预览,使用开发账号的微信扫码测试)。

​小测一下​

语音聊天室:纯语音交互,支持多人互动语音聊天,以及混音、混响等声音特效功能。适合在线狼人杀、在线语音直播等社交类场景。
双人通话:1v1视频通话,配合 Web IM SDK 可以实现在线问诊,在线客服等需要面对面交流的沟通场景。
多人会议:支持多路视频通话、大小画面和屏幕分享等围绕视频会议相关的高级功能,适用于远程培训、在线教育等场景。

标签:会议,在线,微信,音视频,通话,语音,TRTC
From: https://blog.51cto.com/u_13794952/5889089

相关文章

  • 微信小程序问题集
    问题:小程序代码上传后,代码未生效方案:小程序后台的版本管理中的开发版本,找到相应的版本号,再设为体验版 问题:Wx:for列表绑定点击事件传参时,经常e.target.dataset.xxx经常......
  • 微信小程序根据开发环境切换域名
      domain.js//获取当前账号信息,线上小程序版本号仅支持在正式版小程序中获取,开发版和体验版中无法获取。//envVersion:'develop','trial','release'//开发/体......
  • 重点--微信公众号(事件回调&生成带参数二维码&扫码关注事件&消息模板推送)java版
     1.业务处理(全部业务)importcom.alibaba.fastjson.JSONObject;importorg.springframework.util.StringUtils;importorg.springframework.web.bind.annotation.*;impo......
  • 音视频
    一、audio标签音视频文件默认情况下不允许用户自己控制用来向页面中引入外部音频文件src指定引入音频的路径(除此之外还可以通过source来指定文件的路径)音视频文件默......
  • 【微信公众号】微信公众号H5【微信网页授权快照页】问题解决方案
    一、网页快照页模式介绍微信网页授权能力调整公告|微信开放社区快照页将会默认对用户屏蔽网页授权弹窗,用户在快照页中仅可进行滑动浏览操作,其他交互将被限制,并提示用户......
  • OpenHarmony 3.2 Beta多媒体系列——音视频播放框架
    作者:巴延兴一、简介媒体子系统为开发者提供一套接口,方便开发者使用系统的媒体资源,主要包含音视频开发、相机开发、流媒体开发等模块。每个模块都提供给上层应用对应的接口......
  • 微信小程序预览图片上传失败问题
       在微信小程序里面,我们可能遇到过,当我们点击预览去看写的代码结果,发现它报一个图片无法上传,可是路径正确,代码也没问题。   这里就是你自己......
  • 三 类微信界面
    一、作业内容1、contentprovider是安卓四大组件之一,请使用其方法类进行数据获取;2、请自建一个provider,然后在另一个app中使用resolver调用这个provider。3、本次作业请启......
  • 微信机器人搜优惠
    包含两种方法,一种是直接复制链接给机器人另外一种就是自己想买什么直接搜索不喜欢可以输入下一个image.pngimage.png......
  • Java之微信支付(扫码支付模式二)案例实战-之支付完成后页面跳转方案
    摘要:做过微信扫码支付的同学都知道,微信扫码支付完成后,要跳转到指定的页面就比较麻烦了,这里我提供一种比较可行的方案,也许还有其他更多的方案,但是我这里分享下我们当时是怎么......