- 博客(24)
- 收藏
- 关注
RSS订阅原创 结合融云 WebSDK 了解 WebSocket 基本原理
结合融云 WebSDK 了解 WebSocket 基本原理近期使用融云开发聊天页面, 通过抓包, 发现融云 SDK 使用 WebSocket 实现与服务端通讯, 因此简单了解 WebSocket 的实现原理融云 SDK 文档: https://docs.rongcloud.cn/v4/WebSocket 与 HTTP1、HTTP 协议没有为了 WebSocket 的出现改变2、WebSocket 属于 HTTP 之后的新协议3、两者有交集, 也各有不同4、WebSocket 借用 HTTP 协
2020-12-29 16:33:34
558
1
原创 融云发送语音消息
融云发送语音消息最近在集成融云 IM SDK，但官方提供的语音不包含录音能力，所以自己做了一个浏览器录音并播放的 Demo，有需要的小伙伴可以拿去耍~~~录音工具是 HTML5 的 getUserMedia，所以顽固派浏览器自然就木有办法支持了，好的，废话太多了，getUserMeida 录音的故事马上开始了。实现思路1、使用 getUserMedia 需要考虑各个浏览器的差异，具体差异请移步：https://developer.mozilla.org/zh-CN/docs/Web/API/Navi
2020-12-29 16:32:29
350
原创 融云 CallLib 集成遇到的问题
融云 CallLib 集成遇到的问题近期选用融云音视频产品实现类似微信的通话功能, 经过几天的调试, 终于完成了基本功能, 以下总结集成中遇到的问题查看文档首先先查看融云的文档, 介绍不是很详细, 如果不参考 Demo, 集成起来还是比较困难但有一个亮点, 文档内就直接能体验融云 CallLib 的效果融云 CallLib 文档: https://docs.rongcloud.cn/v4/views/rtc/call/noui/intro.htmlDemo 参考Demo 找到两个. 代码都很
2020-12-29 16:31:47
375
原创 集成融云 Web 音视频通话踩坑之旅
集成融云 Web 音视频通话踩坑之旅前言最近有个项目需要使用的融云的 CallLib SDK 实现类似微信的视频通话，所以在项目还未正式启动的时候，我已经偷偷的开始进行集成了，以免到时候不熟一顿加班那真的欲哭无泪了，好消息就是我已经使用过融云家的 IMLib SDK 做过即时通讯的功能，所以整个注册流程和开发者后台的使用已经比较熟了，当然，即时不熟也没关系，跟着他们的文档一步一步来，也能很快的就上手了。融云官网：https://www.rongcloud.cn/下面是集成的时候碰到的一些需要注意的
2020-12-29 16:31:13
374
原创 WebRTC 实现实时音视频技术研究
WebRTC 实现实时音视频技术研究由于疫情原因很多公司都选择线上办公，让我对实时音视频倍感兴趣，所以决定了解下。首先来画个饼，说下我的熟悉了解的过程。了解下 webRTC 是个什么，能做什么。选一家可以做实时音视频的三方集成实验下，同时也想具体了解小他们是如何实现的。调研是了几家：腾讯，声网和融云，这三家，最后选中了融云。首先说下为什么选择了融云：首先作为个人开发者，而且是对这块想了解的用户，融云在我注册后给我了很快的回访，我说明我的需要还有人很细致的介绍了下，体验不错。就那你先试试吧，不
2020-12-29 16:30:38
437
原创 通过融云 WebSDK 简单了解 WebSocket
通过融云 WebSDK 简单了解 WebSocket近期使用融云开发聊天页面, 通过抓包, 发现融云 SDK 使用 WebSocket 实现与服务端通讯, 由此简单了解下 WebSocket 的使用需要 WebSocket 的原因:一句话总结: HTTP 协议只能由客户端发起, 服务端响应. WebSocket 可服务端主动发起, 也可客户端发起. 能实现的场景更多、更复杂相关资料如下:融云开发文档: https://docs.rongcloud.cn/v4/WebSocket Web API:
2020-12-23 18:01:28
281
原创 使用融云 Web SDK 撤回消息
使用融云 Web SDK 撤回消息项目根据融云的文档已经完成了简单的聊天功能，现在需要完成的需求是能对发送成功的消息能够撤回参考文档：https://docs.rongcloud.cn/v4/views/im/noui/guide/private/msgmanage/msgrecall/web.html参考代码：var conversation = im.Conversation.get({ targetId: '接收方的 userId', type: RongIMLib.CONVERSAT
2020-12-23 17:59:24
220
原创 融云 RTC SDK 报错 Failed to execute ‘setLocalDescription’ on ‘RTCPeerConnection’:
融云 RTC SDK 报错 Failed to execute ‘setLocalDescription’ on ‘RTCPeerConnection’: Failed to parse SessionDescription. m=video 9 UDP/TLS/RTP/SAVPF 98 99 96 97 100 101 127 Invalid value:之前集成的融云的音视频，本来都好好的，在访问突然就报错了，看了半天没搞明白。不过 SDK 为什么会报错呢？原因最初是不清楚的。后来找到了规律，原来报
2020-12-23 17:59:01
1520
原创 集成融云小程序 SDK 遇到的问题
集成融云小程序 SDK 遇到的问题集成版本最初集成 3.0.5, 最后更新至 3.0.7.1文档: https://docs.rongcloud.cn/v4/views/im/noui/guide/private/setting/include/mini.html问题列表1、链接返回 31012文档解释 31012 为安全域名错误, 请至开发者后台查看设置的安全域名但小程序开发, 不应该涉及安全域名问题. 所以只能到融云开发者后台提工单查找解决问题咨询结果后, 原因为: 融云 3.0.5 S
2020-12-23 17:57:46
283
原创 2020-12-23
融云 Web SDK 删除历史消息前提: 已通过融云 SDK 实现单群聊聊天功能需求: 在现有基础上, 完成删除历史消息的功能先按照需求梳理需要完成的步骤:1、根据融云文档删除历史消息2、调用删除历史消息接口成功后. 界面同样做删除/跳转的渲染3、调用获取会话列表界面4、根据最新会话列表数据重新渲染会话列表根据融云文档, 可知会话列表和历史消息的关系如下:https://docs.rongcloud.cn/v4/views/im/ui/faq/glossary.html#conversat
2020-12-23 17:57:22
108
原创 融云 RTC SDK 集成实现直播，趟坑之旅~~~
融云 RTC SDK 集成实现直播，趟坑之旅~~~最近了解了下实时音视频，由于之前公司用户融云的额 IM SDK，看文档是看到过，所以这次也从融云开始吧。整体来来说并不算顺利，遇到了写问题。遇到的问题主播在什么时机渲染视频资源。观众没有下麦接口。观众操作略微迷茫。观众端调用加入房间报错。通过仔细找文档和提工单，问题都逐个解决。问题一： 在主播获取资源时既可以渲染。问题二： 观众暂时下麦只能调用 room.leave 退出房间，然后在调用订阅重新订阅主播，这点个人觉得很奇怪，不给过融云
2020-12-23 17:55:35
458
原创 使用融云 IM SDK 实现 H5 直播聊天
使用融云 IM SDK 实现 H5 直播聊天当我拿到这个需求，脑子里出现了淘宝各大直播场景，尤为印象深刻的李佳琪的 ‘我的妈呀！’，’买它买它买它！‘，‘Oh my god！’。然后默默点开了直播。好吧，有点跑题，其实我就是想去了解下，之前都是作为看直播的人在看直播，当自己接到了这样的需求当然还要再进去看看，果然心情不一样了。。。。。此处不赘述心路历程了。。。。第一波体验完成。静静等待公司的详细需求。需求评估时公司提出来需要用融云的 SDK，让我们先了解下聊天室场景的相关内容。带着我之前的体验，去看文
2020-12-23 17:55:10
935
原创 Web 端集成融云 SDK 如何发送正确图片消息给移动端展示？
Web 端集成融云 SDK 如何发送正确图片消息给移动端展示？前言Web 端使用融云的即时通讯 SDK 在发送图片消息给移动端的时候，移动端一般会收到一个缩略图数据和展示高清图片地址，但是往往 Web 端发送的图片消息总数不对，所以咋们聊一聊 Web 端如何正确发送图片消息总结步骤如下：1、如何拿到高清图片地址 2、如何生成缩略图数据 首先要对发送图片消息的参数要有所了解下面是融云提供发送图片消息的代码：var conversation = im.Conversation.get({
2020-12-23 17:53:57
206
原创 集成融云 SDK 怎么实现多端同步未读数
集成融云 SDK 怎么实现多端同步未读数最近在集成融云 SDK 的时候，碰到了一个跟未读数有关的问题，现象是这样的：比如我在其中 Web 端已经清除了某个会话的未读数然后退出，再换个设备登入，这个时候未读数还有，并没有清除掉，我就纳闷了，我明明已经清除了会话未读数的呀，怎么换个设备登入就又有了呢？肯定是融云的 BUG ，所以我立马就提了一个工单，暗想：哈哈，给我逮着了一个 BUG （有点理解测试人员的快乐来源了）可是事与愿违，跟融云技术人员沟通后才发现是我这边需要做多端同步未读数同步的操作先讲讲会
2020-12-23 17:52:36
267
原创 融云 Web SDK 如何实现语音的收发 ?
融云 Web SDK 如何实现语音的收发 ?根据融云的开发文档, 总结得出, 融云 WebSDK 需要的是一个 aac 格式的音频 url, 不关注 url 如何生成. 生成 url 的步骤由开发者实现文档: https://docs.rongcloud.cn/v4/views/im/noui/guide/private/msgmanage/msgsend/web.html#HQVCMsg所以关注点放在以下几个问题:1、Web 端能否实现语音录制2、结合融云 SDK 实现语音的发送3、结合融云
2020-12-23 17:52:05
261
原创 微信小程序集成融云 SDK （即时通讯） 集成必备条件
微信小程序集成融云 SDK （即时通讯） 集成必备条件前言最近公司需要用微信小程序做一个能够让用户沟通的功能，经过前期筛选和对比，最后还是选择了使用融云的即时通讯，下面是我用小程序首次集成融云的 SDK 碰到的问题，在此做个记录方便自己查看，同时也给有需要的同学作为参考。前端小鸟一枚，立誓要成为前端菜鸟，不足地方留言指出，小子谢过。准备工作1.官网注册（https://www.rongcloud.cn/）进入开发者后台 - 创建应用 - 获取 appkey （很重要！很重要！很重要！）
2020-12-16 16:05:32
957
原创 融云 Web SDK 如何实现表情的收发 ?
融云 Web SDK 如何实现表情的收发 ?公司需求: 要求聊天产品像 QQ、微信一样, 可以接收、发送简单表情首先查看融云开发文档, 可以看到表情插件的描述, 但与产品需求不完全一致, 还需要结合其他方法实现更丰富的表情功能主要与产品不符的地方:1、融云提供的表情个数有限, 仅 128 个2、融云提供的表情没有 QQ 表情生动丰富融云表情插件: https://docs.rongcloud.cn/im/imlib/web/plugin/emoji/接下来依次按顺序介绍:1、什么是 Emoj
2020-12-16 16:04:53
308
原创 融云IM SDK web 端集成 — 表情采坑篇
融云IM SDK web 端集成 — 表情采坑篇公司集成 IM 使用的是融云的 IM SDK，我们有移动端，有 web 端，移动端同事集成表情时还是蛮顺利的貌似移动端 SDK 里就支持，一切都很顺理成章的样子，web 端就有些棘手了。web 端的表情是需要单独引入插件的，这点还是有点困惑的。一脸懵的看着文档，踩着优雅的脚步入坑，完成我的表情集成采坑之旅这第一步不用说肯定是 SDK 的初始化和连接了。这些在文档的指引下都是很顺利的还很欣慰，还为文档的细致点过赞。这第二步就是细化相关功能了。比如说发消息
2020-12-16 16:03:49
277
1
原创 Web 端使用融云 SDK 集成实现滑动加载历史消息
Web 端使用融云 SDK 集成实现滑动加载历史消息刚接触即时通讯的项目，在使用融云的 SDK 来完成项目需求时，磕磕碰碰，死命看文档和提工单问融云的技术人员，真是一段痛并快乐的历程，哈哈哈！今天分享一个滑动加载获取历史消息的功能知识点先看获取历史消息的代码：var conversation = im.Conversation.get({ targetId: '接收方的 userId', type: RongIMLib.CONVERSATION_TYPE.PRIVATE});var o
2020-12-16 16:03:04
258
原创 作为小白接融云 IM SDK 新路体验~
作为小白接融云 IM SDK 新路体验~前提说明应项目需求，实现即时通讯功能，业务场景相对单一，仅有单聊场景。选用的是融云的 IM SDK。作为小白的初期心路历程由于本人之前没有了解过即时通讯初期了解还是费了不少时间的。蓝瘦~话不多说，请看操作第一步：注册首先要在融云的开发者后台注册拿到相应的信息。由于初期了解，自己注册了一个开发者账号，没有用公司的，自己搞了个 appkey 和测试的 token，想着先弄个出样子。账号的注册参考的文档的快速集成中的 前提条件。参考地址：https://
2020-12-16 16:01:47
303
原创 如何利用融云 IMLib 来实现一个阅后即焚功能
场景项目需要在私聊中来实现一个阅后即焚的功能，即 A 用户给 B 用户发送消息，B 用户在进入聊天页面查看之后 A 用户删除此消息，B 用户开始进入倒计时，倒计时结束后，删除此消息。思考大体的梳理一下具体的逻辑A -> BB 进入会话页面B 将此消息开始倒计时通知 A 我已进行阅读A 删除消息从上面内容我们来大体的设计一下我们需要用户的技术单例类自定义消息，用来告诉 A 我已经开始阅读了，你删除吧一个用于维护阅后即焚消息的管理类一个存储 A 给 B 发送的所有的
2020-11-18 11:33:05
461
1
原创 融云 SDK 如何实现群组操作
背景在集成融云 SDK 后，需要实现群组操作的消息通知。包括：群创建、销毁通知群公告通知群人员加入、退出通知群昵称修改通知…融云现有的 SDK 仅提供了 RCGroupNotificationMessage，内部封装了几种简单的类型操作，且扩展性不强，无法完成现有的操作。解决方案：使用自定义消息重新来构建群组通知消息。参考 sealtlak 中的 RCDGroupNotificationMessage，也是单独对群组操作内容，重新进行了封装处理。/*! 群组通知消息 */@i
2020-11-18 11:31:11
305
原创 融云 IMKit 音频录制参数
场景：使用融云自带的界面进行语音消息的播放。自己进行音频录制。使用的融云的 RCHQMessage问题：语音消息 iOS 和 Android 不互通，接收到消息之后无法播放。解决方案：经过与融云开发者的确认，使用时必须保证如下录制参数：iOS AVAudioRecorder 录制参数如下设置：AVFormatIDKey : @(kAudioFormatMPEG4AAC_HE),AVSampleRateKey : @(44100.0),AVNumberOfChannelsKey
2020-11-17 17:29:25
150
原创 唠一唠融云的消息补偿机制
最近项目发现了一个很诡异的现象，纵使删除了会话且清除了历史消息，一旦卸载重装应用，之前删除的部分消息又莫名其妙的重新收到且显示了，见鬼啦～????～，在“福尔摩斯·我”的缜密排查下（提工单问了融云的技术支持????），真相只有一个。真相：原来是因为开启了融云的“多设备消息同步”服务，在卸载重装应用时，触发了该服务中的“消息补偿”机制，默认会把当天收发过的消息重新拉取回来。如果既需要开通“多设备消息同步”服务，又需要卸载重装应用时保证之前删除的会话和历史消息不再显示，该如何处理呢？方案：* 删除会话且
2020-11-17 17:28:37
131
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人