记录一下腾讯云即时通信IM（无UI集成）、TRTC做文字、语音、图片、实时音视频聊天遇到的问题

news2024/9/24 9:22:36

文章目录

简单记录一下通讯IM和TRTC的一些坑：（有其他坑再补充......）
- isReady() 一直返回false
- SDK_READY监听有时候会不触发
- getConversationList拉取会话，消息数据里的cloudCustomData经常会丢
- 移动端发图片消息总是卡顿
- im里的信令消息，不会触发MESSAGE_RECEIVED监听
- vue3项目创建trtc对象 TRTC.create()
- trtc.startRemoteVideo拉取对方画面，多了一个播放/暂停按钮，或者显示了一个弹窗
- TRTCCalling官方不维护了，vue2的项目估计都是用的TRTCCalling
- 移动端设备没法获取扬声器
- 没有来电提示音的api

吐槽一下，有些文档太垃圾了，写的不清不楚的，也没有示例，要不就是各种引导你去买TUICallKit，
然后遇到问题，在技术群反馈效果一般，提工单效果一般，腾讯工单的回复总是答非所问，就是找售后技术支持有点用，那遇到问题好像是腾讯的技术帮忙看的，其他的感觉都像是不懂技术的客服，答非所问。

用vue3做的h5移动端网页无UI集成开发的，大概的聊天页面功能是这样的，文字、图片、录音、实时音视频
在这里插入图片描述

简单记录一下通讯IM和TRTC的一些坑：（有其他坑再补充…）

isReady() 一直返回false

它是检测SDK 是否 ready，因为im调用login必须是已经ready的状态

ready主要就是用来创建im实例，然后注册日志、插件、im事件监听
在这里插入图片描述
而login呢，是登录IM的，但是文档说ready必须在登录之前，所以我想在执行完ready之后用isReady去获取一下状态，然后再去调login

SDK_READY监听有时候会不触发

接上一个isReady不好使的问题，我想去存储一个ready状态变量，所以就在SDK_READY监听里去改变状态，结果它有时候就不执行。这个莫得办法，就没管，ready和login都是异步执行的，目前生产环境也没啥问题

getConversationList拉取会话，消息数据里的cloudCustomData经常会丢

做会话列表getConversationList拉会话，每个会话里它会返回你最新的一条消息，然后我发消息设置的自定义参数cloudCustomData总是丢失。这个莫得办法

移动端发图片消息总是卡顿

用手机拍照发图片消息，调完sendMessage发送总是很慢，因为现在的手机拍照像素都高，随便拍一个照片都是2、3M，我一开始以为是createImageMessage创建图片消息的时候没压缩导致的，后来问腾讯客服说是他们的api默认会压缩图片。这个莫得办法，借鉴过TUICallKit demo源码，它是在消息状态是unSend的时候，用progress做了个进度条，，问题是我的消息列表拿不到unSend这个状态，没思路，再想想

im里的信令消息，不会触发MESSAGE_RECEIVED监听

MESSAGE_RECEIVED是监听消息的，比如你发消息或者别人给你发消息就会触发这个监听。
但是发信令通信（打语音/视频通话）之后，im的messageList里会自动添加信令消息，但是不会触发MESSAGE_RECEIVED监听，也不会自动显示到messageList，需要刷新页面去重新getMessageList拉消息才会显示出来。这个我是给list组件设置的key，然后去改变key值，实现页面局部刷新，list组件里会getMessageList，重新拉列表

而且信令消息也没文档，你也不知道它返回的是个啥？actionType、businessID: 1，鬼知道你这字段代表啥意思啊
在这里插入图片描述

后来问了售后技术支持才知道，businessID: 1就表示信令消息，actionType是通话的状态，还少一个actionType = 5 超时无应答 【真无语了，还是我测试的时候发现有个5】

在这里插入图片描述

vue3项目创建trtc对象 TRTC.create()

创建一个 TRTC 对象，用于实现进房、预览、推流、拉流等功能。

在vue3项目里得使用const trtc = markRaw(TRTC.create())，其他的定义方式可能会有问题
我一开始是直接 const trtc = TRTC.create()。后来就有些监听事件不触发，莫名其妙的

trtc.startRemoteVideo拉取对方画面，多了一个播放/暂停按钮，或者显示了一个弹窗

在这里插入图片描述

web开发的话会有这个问题，其他语言开发不知道，使用trtc.startRemoteVideo()去拉取对方画面，有可能会触发浏览器自动播放限制策略。

简单来说就是startRemoteVideo会往你的页面里插入一个video然后去显示对端视频画面，自动播放video，然后有些浏览器可能不让你去自动播放video，需要用户主动去点击触发。这个问过腾讯技术了，说是就这样，这已经是他们处理过的了。或者可以去自定义那个弹窗，但是那个播放/暂停按钮去不掉。这个莫得办法