记录一下腾讯云即时通信IM(无UI集成)、TRTC做文字、语音、图片、实时音视频聊天遇到的问题
文章目录
- 简单记录一下通讯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,需要用户主动去点击触发。这个问过腾讯技术了,说是就这样,这已经是他们处理过的了。或者可以去自定义那个弹窗,但是那个播放/暂停按钮去不掉。这个莫得办法
TRTCCalling官方不维护了,vue2的项目估计都是用的TRTCCalling
我的项目对端就是vue2+TRTCCalling,现在就是各种bug不断,脑壳疼…
然后vue3还没法用TRTCCalling,因为v3版本把信令内置成一个模块了,而v2版本信令是一个单独的包,没法兼容。
移动端设备没法获取扬声器
没有来电提示音的api
这个我的方案是拨打音视频或者有来电的时候,页面定义一个audio去播放mp3,接听/挂断/超时去停止播放等等。