微信小程序对接腾讯云trtc的个人踩坑入门

最新推荐文章于 2024-03-19 16:20:51 发布
最新推荐文章于 2024-03-19 16:20:51 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： 微信小程序trtc 文章标签： 小程序 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pppppkkk/article/details/117711167
版权

文档：https://cloud.tencent.com/document/product/647/32399

demo：https://web.sdk.qcloud.com/trtc/miniapp/download/trtc-room.zip

1、先下载一个demo的代码；

2、跟着文档配置好相关id；在GenerateTestUserSig.js里面的SDKAPPID和SECRETKEY；

3、发布体验版，用两个手机登录；其中一个创建一个房间可以直接邀请另一个人又或者直接进入这个房间；

4、看音视频核心的api代码；其实主要流程都封装好了，只需要和你业务上的逻辑结合一下；

5、自定义音视频页面的样式可以在template文件夹下面

6、要在trtccalling.js的生命周期lifetimes的attached中调用logout登出im；

◆卟干壞事滴_小坑◇
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
新知实验室-基于腾讯云音视频TRTC的微信小程序实践
乐于分享，共同成长
11-24 1万+
新知实验室-基于腾讯云音视频TRTC的微信小程序实践
腾讯云trtc实时音视频完整案例 音视频+共享屏幕直播
08-12
全平台优化 提升弱网环境下的流畅度。 修复直播(TXLivePlayer)延时可能会升高且不恢复的 bug。 优化音量大小的回调算法，音量回调数值更加合理。 发送自定义音频、视频数据支持外部指定数据帧时间戳。 增加混流 setMixTranscodingConfig API 的设置回调函数。 强化 setMixTranscodingConfig 接口，支持 roomID 参数，用于跨房连麦流混流。 强化 setMixTranscodingConfig 接口，支持 pureAudio 参数，用于纯语音通话场景下的语音混流和录制。 Android 增加商用企业版支持（增加大眼、瘦脸、V 脸 和 动效挂架功能）。 修复声音免提切换无效 bug。 优化低端 Android 设备上解码 720p 视频的性能问题。 修复 Android 禁用麦克风权限后，没有错误回调 bug。 增加本地显示镜像和编码器输出镜像接口。 修复直播场景 setVideoEncoderRotation 无效的 bug。 修复音量调节按钮无法调整观众端声音大小的问题。 修复 Android 9.0 系统上 Demo 打
腾讯云实时音视频聊天房-小程序专用SDK-精简版（TRTC）
01-05
微信开发者工具直接导入（测试跑通账号在腾讯云里创建） 精简版仅包含 TRTC 和直播播放（TXLivePlayer）两项功能，对 App 的安装包体积增量最小，适合仅使用 TRTC 相关功能的客户。 TRTC官方说明网址：https://cloud.tencent.com/document/product/647/32689
uniapp小程序接入trtc-wx,监听网络状态，监听live-player/liver-pusher状态
最新发布
weixin_45274678的博客
03-19 579
uniapp小程序接入trtc-wx。
WXMiniByUniapp-TRTC:腾讯云小程序音视频通讯Uniapp版
05-01
快速跑通Demo 本文主要介绍如何快速跑通微信小程序版本的 TRTC DEMO，您可以从 上的 WXMini 目录下获取相关代码。DEMO 中前三个功能项演示了三个不同的应用场景： 语音聊天室：纯语音交互，支持多人互动语音聊天，以及混音、混响等声音特效功能。适合在线狼人杀、在线语音直播等社交类场景。 双人通话：1v1 视频通话，配合 可以实现在线问诊，在线客服等需要面对面交流的沟通场景。 多人会议：支持多路视频通话、大小画面和屏幕分享等围绕视频会议相关的高级功能，适用于远程培训、在线教育等场景。 环境要求 微信 App iOS 最低版本要求：7.0.9 微信 App Android 最低版本要求：7.0.8 小程序基础库最低版本要求：2.10.0 由于微信开发者工具不支持原生组件（即 <live> 和 <live> 标签），需要在真机上进行运行体验。 操作步
腾讯云实时音视频终端组件 TRTC SDK，覆盖 iOS、Android、Windows、Mac、浏览器和微信小程序六大应用平台，致力于提供全球最好的视频通话和直播连麦解决方案。
未来很长，但我会努力的走下去。
05-31 3369
TRTCSDK 项目地址：tencentyun/TRTCSDK 简介：腾讯云实时音视频终端组件 TRTC SDK，覆盖 iOS、Android、Windows、Mac、浏览器和微信小程序六大应用平台，致力于提供全球最好的视频通话和直播连麦解决方案。 更多：作者提 Bug官网 标签： 分流下载 腾讯云分流下载地址，适用于访问 Github 较慢的客户 ：DOWN...
腾讯云TRTC服务实现小程序语音/视屏会议
weixin_46311995的博客
11-27 4503
TRTC 是腾讯云主打全平台互通的多人音视频通话和低延时互动直播解决方案。TRTC服务有多种客户端的支持，对于IOS、Android、React native等都支持的比较好，我们主要在于 IOS、Android、Web三端进行处理，其中 TRTC Web SDK 基于 WebRTC 实现，基于腾讯云成熟的音视频积累，保证了视频流的低延时 高效传输等。
腾讯云trtc-h5 插件包
08-12
全平台优化 提升弱网环境下的流畅度。 修复直播(TXLivePlayer)延时可能会升高且不恢复的 bug。 优化音量大小的回调算法，音量回调数值更加合理。 发送自定义音频、视频数据支持外部指定数据帧时间戳。...
腾讯云trtc-android
08-12
全平台优化 提升弱网环境下的流畅度。 修复直播(TXLivePlayer)延时可能会升高且不恢复的 bug。 优化音量大小的回调算法，音量回调数值更加合理。 发送自定义音频、视频数据支持外部指定数据帧时间戳。...
Windows.zip 腾讯云trtc
08-12
腾讯云实时音视频终端组件 TRTC SDK，覆盖 iOS、Android、Windows、Mac、浏览器和微信小程序六大应用平台，致力于提供全球最好的视频通话和直播连麦解决方案。 提升弱网环境下的流畅度。 修复直播(TXLivePlayer)...
小程序使用腾讯云trtc
小耳朵晨晨
07-10 1846
实时音视频的文档地址：https://cloud.tencent.com/document/product/647/32226 创建一个腾讯云账号 ，首次购买的用户现在有一个免费的套餐包10000分钟。 创建成功之后再总览中看项目 应用管理中选择你的项目 ，里面有SDKAppID 和密钥 下载demo 把秘钥和sdkappid改成自己项目的，运行起来。 我需要的是双人通话功能，把demo中的trtc-room文件件拷贝到我的项目中，通过别的页面引入进来。 <trtc-room.
微信小程序授权后端几个常用的接口
qq_43715704的博客
03-17 672
/** * 获取用户openid * @param request * @return */ @RequestMapping(value="/openid") public Object openid(HttpServletRequest request){ Map<String,Object> map = new HashMap<String,Obje...
记录第一次使用Trtc的网页版和小程序版的已发现问题
前端阿姆斯特朗
08-11 212
记录第一次使用Trtc网页版和小程序版踩的坑
新知实验室__TRTC使用WebSDK和UI集成的小程序组TUICalling 实现Web和小程序端的拨打电话
weixin_44578275的博客
11-23 856
浅了解一下TRTC的强大
uniapp 小程序接入腾讯实时音视频trtc-wx
m0_46693606的博客
03-14 1993
微信 App iOS 最低版本要求：7.0.9微信 App Android 最低版本要求：7.0.8小程序基础库最低版本要求：2.10.0由于小程序测试号不具备 和 的使用权限，请使用企业小程序账号申请相关权限进行开发。由于微信开发者工具不支持原生组件（即 和 标签），需要在真机上进行运行体验。
微信小程序直播推流
haming123的专栏
09-25 3545
j接受使用微信小程序的live-pusher组件进行直播推流
微信小程序实时音视频的使用
haming123的专栏
09-28 3644
本文我们介绍如何使用live-pusher组件和live-player组件以及腾讯云实时音视频产品来开发一个视频通话的小程序。
【多人会议功能】uniapp - 微信小程序 - 腾讯云
qq_39891453的博客
10-20 3260
uniapp微信小程序通过腾讯云实现多人会议功能。
微信小程序直播怎么做？
07-14
微信小程序直播的实现可以通过以下步骤来进行： 1. 开通直播权限：在微信公众平台申请开通直播权限，通过审核后，即可获得小程序直播的功能。 2. 配置直播参数：在小程序后台的设置中，填写直播相关的信息，如直播间名称、封面图等。 3. 创建直播间：调用小程序直播接口，创建直播间，并获取到直播间的 room_id。 4. 推流：通过调用小程序的实时音视频（TRTC）接口，使用手机或摄像头进行推流，将视频数据发送到腾讯云的直播服务。 5. 播放器：在小程序中嵌入一个播放器组件，用于接收直播流并进行播放。可以使用微信小程序提供的 video 组件或第三方的播放器组件。 6. 观众互动：可以在直播间中添加聊天室功能，让观众之间可以进行实时的文字聊天交流。可以使用小程序提供的 WebSocket 接口或第三方的聊天室组件。 7. 直播结束：当直播结束时，调用小程序直播接口，结束直播并关闭直播间。 需要注意的是，微信小程序直播功能需要在微信公众平台申请开通，并且需要使用腾讯云的实时音视频（TRTC）服务进行推流和播放。具体的实现步骤可以参考微信官方文档和腾讯云的相关文档。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值