融云IM SDK web 端集成 — 表情采坑篇
公司集成 IM 使用的是融云的 IM SDK,我们有移动端,有 web 端,移动端同事集成表情时还是蛮顺利的貌似移动端 SDK 里就支持,一切都很顺理成章的样子,web 端就有些棘手了。web 端的表情是需要单独引入插件的,这点还是有点困惑的。
一脸懵的看着文档,踩着优雅的脚步入坑,完成我的表情集成采坑之旅
这第一步不用说肯定是 SDK 的初始化和连接了。这些在文档的指引下都是很顺利的还很欣慰,还为文档的细致点过赞。
这第二步就是细化相关功能了。比如说发消息时可以带表情。
_手动划重点专用~~~~~_
按照文档https://docs.rongcloud.cn/v4/views/im/noui/guide/private/msgmanage/msgsend/web.html#emoji中的示例发了一条表情消息,完美成功了。看到文档中有 Emoji 插件,好奇的点开看看。好吧 ╮(╯▽╰)╭,如果要发表情消息需要集成插件。
没关系,没关系,一个插件而已。有文档有教程不怕不拍的 (▽)
开心的看着文档,优雅的写着代码~~
按步骤集成,自认为本人是个比较听话的,文档让咱干嘛就干嘛。决不搞特殊。
so ~ 一切都很完美很太平。开心的集成,拿到了了表,发消息也可以正常携带了,美美的给了移动端,你看成功了 ~
哈哈哈暗自窃喜中 ヾ( ̄ー ̄)X(▽)ゞ 奈何移动端同事也同样会给了我一份大礼给 web 发了个带表情的消息。点开一看。这什么。。。这什么。。。这一堆黑框是什么鬼 -_-||
额 ~ 我做错了什么。。。检查了变没问题啊,看了眼数据心里安慰了许多,原来收到的就是那么个黑框,于是理直气壮的去融云提了工单。
工单问答时间:
问:web 端收到的表情展示成方块
答:
1、web 端展示 emoji 时, 不管是通过历史消息还是消息监听器监听的消息, 都需要调用 emojiToHTML 转成 HTML 或者使用 symbolToEmoji 将 unicode(您说的小方块) 转化成原生 emoji 字符
2、不同浏览器, 不同设备, 展示的原生 Emoji 表情都不同
3、如需多端展示 Emoji 一致, 需使用 emojiToHTML 转化为 HTML 后再展示(此方法为以图片形式展示)
按照工单的提示对消息内容做了处理,调用了 emojiToHTML 方法。完美解决。
废话少说,上代码:
emojiToHtml:function(message){return RongIMLib.RongIMEmoji.emojiToHTML(message);
},
<pre class="Message-entry" v-html="emojiToHtml(message.content)"></pre>
由于开发使用了 vue 所以直接在标签上做了处理,在需要转换的消息类型上调用此方法即可。目前本人仅仅转换了文本类消息。
参考文案:
文档地址:https://docs.rongcloud.cn/v4/views/im/noui/guide/private/msgmanage/msgsend/web.html#emoji
融云官网:https://www.rongcloud.cn/
融云IM SDK web 端集成 — 表情采坑篇相关推荐
- 融云 IM SDK 集成 — 刷新会话界面和会话列表界面
融云 IM SDK 集成 - 刷新会话界面和会话列表界面 最近集成融云 IMkit 发现, 融云 IMkit 提供的 ConversationListFragment 和 ConversationFr ...
- php融云开源sdk使用im,融云 IM SDK 集成 --- 刷新会话界面和会话列表界面
融云 IM SDK 集成 --- 刷新会话界面和会话列表界面 最近集成融云 IMkit 发现, 融云 IMkit 提供的 ConversationListFragment 和 Conversation ...
- android腾讯云im刷新会话列表,融云 IM SDK 集成 --- 刷新会话界面和会话列表界面...
融云 IM SDK 集成 --- 刷新会话界面和会话列表界面 最近集成融云 IMkit 发现, 融云 IMkit 提供的 ConversationListFragment 和 Conversation ...
- android讨论功能,集成融云Android SDK实现在群聊/讨论组中@人的功能
集成融云Android SDK实现在群聊/讨论组中@人的功能 可以确定的是融云SDK本身不提供@的功能,需要自定义实现. 在实现这个功能时,基本模仿微信的做法: 在列表中显示有人@了你 通知显示有人@ ...
- 融云android sdk文档,使用融云SDK集成
使用融云开始还是遇到了很多的坑的,特别是看不太明白官方文档.或许自己不够有耐心. 期间还遇到了许多bug,比如,明明配置的没问题了,可我的手机还是连不上融云. 后来还是在融云的知识库中找到了解决办法, ...
- 融云 php sdk下载,Android 即时语音聊天工具 开发
使用融云SDKphp 1. 功能需求分析html 1.1 核心功能需求:java * 即时通信android * 文字聊天git * 语音聊天github 1.2 辅助功能需求:数据库 * 注册.登陆 ...
- 融云 Unity SDK 升级,专注游戏场景,更好社交体验
游戏已经不单单是一种娱乐方式.关注[融云全球互联网通信云]了解更多 作为离元宇宙最近的赛道,游戏不仅是各种沉浸式体验类技术落地融合的首发场景,也是创作者经济爆发的热土. 移动游戏在人们的线上消费方面势 ...
- 融云直播 SDK 2.0 上线,轻松获得视频直播能力
近日,融云直播 SDK 2.0 正式上线.开发者通过调用贴近直播业务的 API,两步即可为自己的 APP 添加视频直播能力. 同时,在连麦互动成为直播业务必备能力的当下,融云直播 SDK 2.0 封装 ...
- 使用融云 IM SDK 实现 H5 直播聊天
当我拿到这个需求,脑子里出现了淘宝各大直播场景,尤为印象深刻的李佳琪的 '我的妈呀!','买它买它买它!','Oh my god!'.然后默默点开了直播.好吧,有点跑题,其实我就是想去了解下,之前都是 ...
最新文章
- Android 最火的快速开发框架XUtils
- 什么是SD-Branch的应用特性?—Vecloud微云
- 深挖BAT内部级别和薪资待遇
- JZOJ 100035. 【NOIP2017提高A组模拟7.10】区间
- AI领域人才,做什么工作可以年薪百万?
- 使用ansible 批量分发SSH Key
- 中科院发布规范学术论著署名问题负面行为清单
- Python爬虫项目--爱拍视频批量下载
- ucc编译器(语义分析)
- c语言数据页,c语言基础--数据类型(51页)-原创力文档
- hadoop hdfs空间满后重新启动不了
- android标签循环,iOS和Android规范解析——标签导航和分段控件
- python socket-tcp逻辑
- 单机搭建Android开发环境(二)
- 单目标跟踪MOSSE详细算法步骤+理论说明
- 2022Java后端之美团笔试题
- 43.属性名和属性值
- facebook头像和昵称_如何将昵称添加到您的Facebook个人资料
- 你们程序员为什么不靠自己的项目谋生?而必须为其他人打工?
- SpringBoot整合Elastricsearch + LogStash + Kibana太简单了!