Web IM

Web IM

0
评论

源码下载:全国首个直播答题开源项目了解一下!!!(基于环信即时通讯云) 直播答题 开源项目

beyond 发表了文章 • 1462 次浏览 • 2018-03-06 18:10 • 来自相关话题

2018年伊始,全民直播答题浪潮来袭,一度被认为是一个新的互联网风口,王思聪凭借在现象级产品《冲顶大会》上疯狂"撒币"一时风光无二,凭借超高奖金和超低门槛吸引了大量网民参与和市场的目光。正因为直播答题是一种通过极低的成本来推动APP获客、保留存、拉活跃的新模式,各类直播答题APP如雨后春笋般进入大家的视野,越来越多企业希望赶上这波风口,快速搭建一套直播答题系统。作为一名环信生态圈资深开发者,本着对技术的热衷,对环信的眷恋和对党的忠诚,基于环信即时通讯云写了“小信竞答”这个直播答题开源项目,目前项目源码已全部免费开放,希望对有需求的企业和开发者提供一个思路和参考。



 

[b]


[/b]
 
小信竞答技术架构图:



     整个项目分为管理员端,观众端和服务端,首先在服务端预设好题目,由管理员发起直播开始答题,服务端收到指令将12道题目利用环信IM推送到观众端,观众端收到题目开始答题,将答案返回给服务端由服务端进行判断,如果答题正确进入下一题,答题错误判断是否使用复活卡,这里要注意的是需要加一个复活卡的使用次数判断。
 
   在整个答题过程中,管理员端会定时去服务端查询答题结果,等到全部答题结束,点击结束本次答题,服务端将计算好的结果返回并发放奖金,使用环信IM推送将答题结果推给观众端。
 
小信竞答效果图




关于直播间:
   直播间由直播画面和聊天室两个部分组成,“小信竞答”的聊天室使用环信聊天室,集成比较简单,基础版就能支持5000人在线聊天,增值服务版聊天室人数无上限,可以去环信官网注册一个开发者账号,创建应用将APPKEY替换成自己的;环信直播聊天室可以集成所有市场主流CDN厂商的推拉流功能(腾讯,七牛,UCloud,网宿等)。
 
环信直播聊天室特点  
This is Title
 
1、采用支持高并发的异步架构,轻松应对千万级并发请求; 各项基础服务集群化,确保系统高可用性; 系统冗余度高,容量评估体系完善,弹性扩容应对流量峰值;
2、支持各种消息格式:文字、表情、图片、声音、视频、附件、位置、扩展消息;
3、支持实时配置的消息分级策略,确保重要消息优先必达; 
4、支持直播聊天室后台管理及审核功能,提供直播相关数据统计;
5、提供智能反垃圾和自定义敏感词过滤功能;
6、快速集成,demo提供高质量代码示例,可根据运营情况随时扩展;
7、聊天室人数无上限 
小信竞答项目源码: github源码地址
 
写到最后:
   
     小信竞答源码全部开放,仅供学习和参考,如果作为商业用途,按照广电总局对网络直播答题节目管理的,需要 “网络视听许可证、主持人持证、还有通过审批发放的节目备案号”,三证缺一不可,未持有《信息网络传播视听节目许可证》的任何机构和个人,一律不得开办网络直播答题节目。
 
本月底《环信公开课第19期-直播答题开源项目》将线上讲解“小信竞答”实现思路,手把手教您从零开始搭建一个直播答题项目,扫码加入公开课微信群与大牛面对面交流。




  查看全部
   2018年伊始,全民直播答题浪潮来袭,一度被认为是一个新的互联网风口,王思聪凭借在现象级产品《冲顶大会》上疯狂"撒币"一时风光无二,凭借超高奖金和超低门槛吸引了大量网民参与和市场的目光。正因为直播答题是一种通过极低的成本来推动APP获客、保留存、拉活跃的新模式,各类直播答题APP如雨后春笋般进入大家的视野,越来越多企业希望赶上这波风口,快速搭建一套直播答题系统。作为一名环信生态圈资深开发者,本着对技术的热衷,对环信的眷恋和对党的忠诚,基于环信即时通讯云写了“小信竞答”这个直播答题开源项目,目前项目源码已全部免费开放,希望对有需求的企业和开发者提供一个思路和参考。



 

[b]
微信图片_20180316190105.jpg
[/b]
 
小信竞答技术架构图:
theFlowChart.png

     整个项目分为管理员端,观众端和服务端,首先在服务端预设好题目,由管理员发起直播开始答题,服务端收到指令将12道题目利用环信IM推送到观众端,观众端收到题目开始答题,将答案返回给服务端由服务端进行判断,如果答题正确进入下一题,答题错误判断是否使用复活卡,这里要注意的是需要加一个复活卡的使用次数判断。
 
   在整个答题过程中,管理员端会定时去服务端查询答题结果,等到全部答题结束,点击结束本次答题,服务端将计算好的结果返回并发放奖金,使用环信IM推送将答题结果推给观众端。
 
小信竞答效果图

微信图片_20180316190206.jpg


关于直播间:
   直播间由直播画面和聊天室两个部分组成,“小信竞答”的聊天室使用环信聊天室,集成比较简单,基础版就能支持5000人在线聊天,增值服务版聊天室人数无上限,可以去环信官网注册一个开发者账号,创建应用将APPKEY替换成自己的;环信直播聊天室可以集成所有市场主流CDN厂商的推拉流功能(腾讯,七牛,UCloud,网宿等)。
 
环信直播聊天室特点  
This is Title
 
1、采用支持高并发的异步架构,轻松应对千万级并发请求; 各项基础服务集群化,确保系统高可用性; 系统冗余度高,容量评估体系完善,弹性扩容应对流量峰值;
2、支持各种消息格式:文字、表情、图片、声音、视频、附件、位置、扩展消息;
3、支持实时配置的消息分级策略,确保重要消息优先必达; 
4、支持直播聊天室后台管理及审核功能,提供直播相关数据统计;
5、提供智能反垃圾和自定义敏感词过滤功能;
6、快速集成,demo提供高质量代码示例,可根据运营情况随时扩展;
7、聊天室人数无上限 
小信竞答项目源码: github源码地址
 
写到最后:
   
     小信竞答源码全部开放,仅供学习和参考,如果作为商业用途,按照广电总局对网络直播答题节目管理的,需要 “网络视听许可证、主持人持证、还有通过审批发放的节目备案号”,三证缺一不可,未持有《信息网络传播视听节目许可证》的任何机构和个人,一律不得开办网络直播答题节目。
 
本月底《环信公开课第19期-直播答题开源项目》将线上讲解“小信竞答”实现思路,手把手教您从零开始搭建一个直播答题项目,扫码加入公开课微信群与大牛面对面交流。
微信图片_20180316190334.jpg

 
8
回复

收集基于环信SDK开发的开源项目 开源项目

JuN_Yong Wang 回复了问题 • 10 人关注 • 7676 次浏览 • 2018-02-07 11:49 • 来自相关话题

12
评论

【新手快速入门】集成环信常见问题+解决方案汇总 常见问题

dujiepeng 发表了文章 • 12101 次浏览 • 2017-05-22 15:51 • 来自相关话题

   这里整理了集成环信的常见问题和一些功能的实现思路,希望能帮助到大家。感谢热心的开发者贡献,大家在观看过程中有不明白的地方欢迎直接跟帖咨询。
 
ios篇
APNs证书创建和上传到环信后台头像昵称的简述和处理方案音视频离线推送Demo实现环信服务器聊天记录保存多久?离线收不到好友请求IOS中环信聊天窗口如何实现文件发送和预览的功能ios集成常见问题环信推送的一些常见问题实现名片|红包|话题聊天室等自定义cell
 
Android篇
Android sdk 的两种导入方式环信3.0SDK集成小米推送教程EaseUI库中V4、v7包冲突解决方案Android EaseUI里的百度地图替换为高德地图android扩展消息(名片集成)关于会话列表的置顶聊天java.lang.UnsatisfiedLinkError: 的问题android 端 app 后台被杀死收不到消息的解决方案
昵称头像篇
android中如何显示开发者服务器上的昵称和头像 Android中显示头像(接上一篇文章看)环信(Android)设置头像和昵称的方法(最简单暴力的基于环信demo的集成)IOS中如何显示开发者服务器上的昵称和头像【环信公开课第12期视频回放】-所有关于环信IM昵称头像的问题听这课就够了
 
直播篇
一言不合你就搞个直播APP
 
客服集成
IM-SDK和客服SDK并存开发指南—Android篇IM-SDK和客服SDK并存开发指南—iOS篇
 
开源项目
Android简版demoios简版demo凡信2.0:超仿微信的开源项目 凡信3.0:携直播和红包而来高仿微信:Github 3,515 Star方圆十里:环信编程大赛冠军项目泛聊:定一个小目标写一个QQSlack聊天机器人:一天时间做一个聊天机器人TV视频通话:在电视上视频通话视频通话:Android手机视频通话酷信:ios高仿微信公众号助手:与订阅用户聊天沟通
 
持续更新ing...小伙伴们还有什么想知道欢迎跟帖提出。
  查看全部
   这里整理了集成环信的常见问题和一些功能的实现思路,希望能帮助到大家。感谢热心的开发者贡献,大家在观看过程中有不明白的地方欢迎直接跟帖咨询。
 
ios篇

 
Android篇

昵称头像篇

 
直播篇
  1. 一言不合你就搞个直播APP

 
客服集成
  1. IM-SDK和客服SDK并存开发指南—Android篇
  2. IM-SDK和客服SDK并存开发指南—iOS篇

 
开源项目

 
持续更新ing...小伙伴们还有什么想知道欢迎跟帖提出。
 
1
回复

环信web IM 没法申请进群,官方demo也是····· Web IM web无法进群

回复

XX 回复了问题 • 1 人关注 • 153 次浏览 • 2018-05-04 17:59 • 来自相关话题

0
回复

webIM 怎么集成到自己的系统呢 登录那块 要怎么做呢 Web IM

回复

健中 发起了问题 • 1 人关注 • 254 次浏览 • 2018-03-19 16:46 • 来自相关话题

0
回复

web端如何设置新消息置顶?类似微信接收新消息 Web IM

回复

hanlaifu 发起了问题 • 1 人关注 • 396 次浏览 • 2018-02-24 15:37 • 来自相关话题

0
回复

你好,你在网上发布的demo,我的手机浏览器上无法发送和接收消息? Web IM 无法发送和接收消息

回复

海月明 发起了问题 • 1 人关注 • 403 次浏览 • 2017-11-11 16:48 • 来自相关话题

5
回复

webim 用js登陆怎么跳转到聊天界面 Web IM 聊天UI

__kaven™、 回复了问题 • 3 人关注 • 893 次浏览 • 2017-11-10 16:53 • 来自相关话题

1
回复

群聊的时候,发送视频消息时报错Cannot set property 'group' of undefined 环信_WebIM Web IM

回复

wason 回复了问题 • 1 人关注 • 562 次浏览 • 2017-11-10 10:04 • 来自相关话题

1
回复

使用vue搭建web端无法接收图片,可以接受文本消息,小弟才疏学浅,希望有大牛赐教。 Web IM

King_ 回复了问题 • 2 人关注 • 634 次浏览 • 2017-08-30 15:00 • 来自相关话题

0
回复
1
回复

能帮我看看嘛 Web IM

geri_yang 回复了问题 • 2 人关注 • 528 次浏览 • 2017-08-02 19:03 • 来自相关话题

0
评论

环信Web IM v1.4.12已发布,支持离线状态发送消息并自动重连 Web IM 产品更新

产品更新 发表了文章 • 314 次浏览 • 2017-07-28 18:02 • 来自相关话题

Web IM v1.4.12 2017-07-17新功能:
[sdk] 修改delivery ack和read ack的格式[sdk] 用户在离线状态下发送消息,会自动重连并将未成功发送的消息发送出去[sdk] WEBIM支持多设备,添加加入聊天室事件[sdk] 给delivered和ack加上from字段[demo] 添加Rest Interface的 Test case[demo] sdk/demo上传功能兼容ie8

Bug修复:
[sdk] 提升ie8的兼容性[sdk] 自己发送的消息的已读ack,不再发送给自己[demo] 新建需要审批的公有群,加入必须有审批流程[demo] 鼠标悬浮在群禁言图标上出现提示信息“禁言”[demo] demo.html中从cdn引入sdk[demo] 修复无法准确统计离线消息数的bug[demo] window.history.pushState在windows的chrome上有兼容性问题,统一改成window.location.href[demo] window.location.href = xxxx,如果修改的是href.search参数(a=x&b=y)时候, 如果遇到file方式打开本地index.html会直接跳转页面,造成登录一直不成功,改成修改 href.hash 参数(#a=x&b=y)[demo] 将群管理员可操作的项目展示给管理员
 
webim在线体验:https://webim.easemob.com 

版本历史:更新日志
 
SDK下载:下载地址 查看全部

TIM图片20170728180129.png

Web IM v1.4.12 2017-07-17新功能:
  • [sdk] 修改delivery ack和read ack的格式
  • [sdk] 用户在离线状态下发送消息,会自动重连并将未成功发送的消息发送出去
  • [sdk] WEBIM支持多设备,添加加入聊天室事件
  • [sdk] 给delivered和ack加上from字段
  • [demo] 添加Rest Interface的 Test case
  • [demo] sdk/demo上传功能兼容ie8


Bug修复:
  • [sdk] 提升ie8的兼容性
  • [sdk] 自己发送的消息的已读ack,不再发送给自己
  • [demo] 新建需要审批的公有群,加入必须有审批流程
  • [demo] 鼠标悬浮在群禁言图标上出现提示信息“禁言”
  • [demo] demo.html中从cdn引入sdk
  • [demo] 修复无法准确统计离线消息数的bug
  • [demo] window.history.pushState在windows的chrome上有兼容性问题,统一改成window.location.href
  • [demo] window.location.href = xxxx,如果修改的是href.search参数(a=x&b=y)时候, 如果遇到file方式打开本地index.html会直接跳转页面,造成登录一直不成功,改成修改 href.hash 参数(#a=x&b=y)
  • [demo] 将群管理员可操作的项目展示给管理员

 
webim在线体验:https://webim.easemob.com 

版本历史:更新日志
 
SDK下载:下载地址
9
评论

web IM的实现过程 Web IM webIM emoji web im发送文本框中显示表情特殊符号问题

hibo 发表了文章 • 955 次浏览 • 2017-07-14 20:10 • 来自相关话题

web IM 聊天功能已实现,能够完成文本、emoji、图片、文件的收发。下面就以已完成的demo为中心,来说一下具体的实现方法。该demo已封装,能快速集成到项目中去。

1、demo展示:
chat 目录下有两个子文件,chat_hx、chat_hx2,两个文件代表俩个不同的用户,除im.js中用户配置不同其他代码均相同,可分别点击chat_hx、chat_hx2下的index.html运行该demo,会出现两个聊天界面,在此可以感受一下聊天功能。
 
2、demo目录结构:
chat_hx和chat_hx2下有 sdk、static、webrtc、im.js、index.html、main.html、pcChat.html。

sdk:目录下为环信官方提供的聊天聊天接口,strophe-1.2.8.min.js、webim.config.js、websdk-1.4.11.js;三个文件在index.html中均需要引入,webim.config.js文件中则需要我们配置应用的AppKey,是该应用的唯一标识;
static:有css、img、js 提供聊天界面的样式,图片、emoji表情库、jQuery库、underscore库;
webrtc:官方提供的的rtc聊天库,集成即时视频功能需要引用的文件;
index.html:手机web聊天界面入口,聊天窗口标签及相应的聊天模板;
pcChat.html:pc聊天界面,聊天窗口标签及相应的聊天模板;
main.html:pc聊天界面入口,通过iframe引入pcChat.html;
im.js:该文件中处理了所有聊天逻辑,提供用户登录接口,消息收发接口,采用localStorage来做消息的本地缓存,在html文件中只需要调用具体方法即可完成聊天功能。一下为具体的调用方法://初始化进去界面掉用该方法
getHxUser(login_account,send_to);
//发送图片调用方法 onClick("sendPrivateImg()")
sendPrivateImg();
//发送文件调用方法 onClick("sendPrivateFile()")
sendPrivateFile();
//发起视频聊天调用方法 onClick("videoCall()")
videoCall();
//发送文本消息调用方法 onClick("videoCall()")
sendPrivateText();
3、缓存逻辑:
缓存采用了没有时间限制的数据存储 localStorage 存储方式,以键值对的形式来存储一个聊天组。
(1)展示聊天信息:
key:"user1:user2" 以当前用户名和聊天对象的用户名作为key;
value:具体的聊天信息记录以数组形式存在。
每次登录后通过key来获取缓存中的聊天记录数组:var group = "user1:user2";
var localContent = JSON.parse(localStorage[group]);
//遍历聊天数组
$(localContent).each(function(key , obj){
var domstring = showBox(obj);//获取对应的聊天模板
$(".chat-container").append($(domstring));//展示聊天信息
text2bottom();//聊天记录滚动至底部展示最新的聊天信息
});
(2)接收信息的缓存处理:
接收消息将消息同样以键值对(登录用户名:接收者用户名)的的形式存储接收到的消息,存储前处理存储内容:var group = "user1:user2";
var localContent = new Array();
if (localStorage[group]) {
localContent = JSON.parse(localStorage[group]);
}
localContent[localContent.length] = {
'time':crtTimeFtt(),//时间
'data':data,//文本、emoji(符号)、图片(url)、文件(url)数据
'from':from,//谁发的
'type':type,//文本类型 text,emoji,file,picture
'id':id//消息id
};
localStorage[group] = JSON.stringify(localContent);//存储本地;
(3)发送消息的缓存处理:
发送的消息同样以键值对的形式进行存储,同(2),图片文件,则是通过官方提供的方法当发送成功后会有对应的URL返回,即将URL作为数据存入data字段即可。

4、模板:
为控制方便模板写了六套,及左右聊天展示个三套 分别为文本、图片、文件。
 
 














  查看全部
web IM 聊天功能已实现,能够完成文本、emoji、图片、文件的收发。下面就以已完成的demo为中心,来说一下具体的实现方法。该demo已封装,能快速集成到项目中去。

1、demo展示:
chat 目录下有两个子文件,chat_hx、chat_hx2,两个文件代表俩个不同的用户,除im.js中用户配置不同其他代码均相同,可分别点击chat_hx、chat_hx2下的index.html运行该demo,会出现两个聊天界面,在此可以感受一下聊天功能。
 
2、demo目录结构:
chat_hx和chat_hx2下有 sdk、static、webrtc、im.js、index.html、main.html、pcChat.html。

sdk:目录下为环信官方提供的聊天聊天接口,strophe-1.2.8.min.js、webim.config.js、websdk-1.4.11.js;三个文件在index.html中均需要引入,webim.config.js文件中则需要我们配置应用的AppKey,是该应用的唯一标识;
static:有css、img、js 提供聊天界面的样式,图片、emoji表情库、jQuery库、underscore库;
webrtc:官方提供的的rtc聊天库,集成即时视频功能需要引用的文件;
index.html:手机web聊天界面入口,聊天窗口标签及相应的聊天模板;
pcChat.html:pc聊天界面,聊天窗口标签及相应的聊天模板;
main.html:pc聊天界面入口,通过iframe引入pcChat.html;
im.js:该文件中处理了所有聊天逻辑,提供用户登录接口,消息收发接口,采用localStorage来做消息的本地缓存,在html文件中只需要调用具体方法即可完成聊天功能。一下为具体的调用方法:
//初始化进去界面掉用该方法
getHxUser(login_account,send_to);
//发送图片调用方法 onClick("sendPrivateImg()")
sendPrivateImg();
//发送文件调用方法 onClick("sendPrivateFile()")
sendPrivateFile();
//发起视频聊天调用方法 onClick("videoCall()")
videoCall();
//发送文本消息调用方法 onClick("videoCall()")
sendPrivateText();

3、缓存逻辑:
缓存采用了没有时间限制的数据存储 localStorage 存储方式,以键值对的形式来存储一个聊天组。
(1)展示聊天信息:
key:"user1:user2" 以当前用户名和聊天对象的用户名作为key;
value:具体的聊天信息记录以数组形式存在。
每次登录后通过key来获取缓存中的聊天记录数组:
var group = "user1:user2";
var localContent = JSON.parse(localStorage[group]);
//遍历聊天数组
$(localContent).each(function(key , obj){
var domstring = showBox(obj);//获取对应的聊天模板
$(".chat-container").append($(domstring));//展示聊天信息
text2bottom();//聊天记录滚动至底部展示最新的聊天信息
});

(2)接收信息的缓存处理:
接收消息将消息同样以键值对(登录用户名:接收者用户名)的的形式存储接收到的消息,存储前处理存储内容:
var group = "user1:user2";
var localContent = new Array();
if (localStorage[group]) {
localContent = JSON.parse(localStorage[group]);
}
localContent[localContent.length] = {
'time':crtTimeFtt(),//时间
'data':data,//文本、emoji(符号)、图片(url)、文件(url)数据
'from':from,//谁发的
'type':type,//文本类型 text,emoji,file,picture
'id':id//消息id
};
localStorage[group] = JSON.stringify(localContent);//存储本地;

(3)发送消息的缓存处理:
发送的消息同样以键值对的形式进行存储,同(2),图片文件,则是通过官方提供的方法当发送成功后会有对应的URL返回,即将URL作为数据存入data字段即可。

4、模板:
为控制方便模板写了六套,及左右聊天展示个三套 分别为文本、图片、文件。
 
 
00F7D790-2475-434B-9AEC-B86384B827C7.png


7AC59638-1719-4B4E-9015-461A25D5B039.png


CC744F4E-B6D4-4B4D-9ED9-31BA00AA651B.png

 
0
评论

环信Web IM 新版本发布,提供更为丰富的群组、聊天室功能,现在更新就送小风扇! 产品更新 Web IM

产品更新 发表了文章 • 396 次浏览 • 2017-06-15 16:06 • 来自相关话题

  六月的骄阳,暑气留恋,但这风风火火却远不能掩盖季节的丰富内涵。环信发布了WEB新版本,十余项更新,带来了更加丰富的群组、聊天室功能。环信还为小伙伴们准备了一批小风扇,参与使用新版本并在文章下方跟帖使用反馈,就能获得环信usb小风扇,数量有限,先到先得!




环信USB小风扇
Web IM v1.4.11 2017-06-14

 新功能:
[sdk] debug.js融合到sdk当中,优化日志内容输出[sdk] 通过Rest屏蔽群组[sdk] 通过Rest发出入群申请[sdk] 通过Rest获取群组列表[sdk] 通过Rest根据groupid获取群组详情[sdk] 通过Rest列出某用户所加入的所有群组[sdk] 通过Rest列出群组的所有成员[sdk] 通过Rest禁止群用户发言[sdk] 通过Rest取消对用户禁言的禁止[sdk] 通过Rest获取群组下所有管理员[sdk] 通过Rest获取群组下所有被禁言成员[sdk] 通过Rest设置群管理员[sdk] 通过Rest取消群管理员[sdk] 通过Rest同意用户加入群[sdk] 通过Rest拒绝用户加入群[sdk] 通过Rest添加用户至群组黑名单(单个)[sdk] 通过Rest添加用户至群组黑名单(批量)[sdk] 通过Rest将用户从群黑名单移除(单个)[sdk] 通过Rest将用户从群黑名单移除(批量)[demo] 聊天窗口中记录可清空[demo] 聊天窗口中发送方聊天记录显示状态(未送达、已送达、已读)[demo] 查看聊天室成员[demo] 通过链接直接打开与好友的对话框[demo] 新增申请加入公开群面板[demo] 在申请加入公开群面板可下拉分页获取公开群[demo] 在申请加入公开群面板可点击群名称可查看群详情[demo] 在申请加入公开群面板可搜索群查看群详情[demo] 在申请加入公开群面板群详情页面可申请加入群组[demo] 群主可同意、拒绝加群申请[demo] 在群主的群成员列表中新增添加/移除管理员、禁言/解禁群成员按钮

Bug修复:
[sdk] 添加好友会产生多余的订阅消息[sdk] 频繁的发送消息会导致消息id重复的问题[sdk] 适配SDK发送文件和图片的大小[demo] 优化sdk/demo.html,修复某些依赖文件找不到的问题[demo] 修复离线消息数量统计不准确问题
 
webim在线体验:https://webim.easemob.com

版本历史:更新日志
 
SDK下载:下载地址 查看全部
  六月的骄阳,暑气留恋,但这风风火火却远不能掩盖季节的丰富内涵。环信发布了WEB新版本,十余项更新,带来了更加丰富的群组、聊天室功能。环信还为小伙伴们准备了一批小风扇,参与使用新版本并在文章下方跟帖使用反馈,就能获得环信usb小风扇,数量有限,先到先得!

d1fddd2e88747ea05968d89f6b696963.jpg

环信USB小风扇


Web IM v1.4.11 2017-06-14

 新功能:
  • [sdk] debug.js融合到sdk当中,优化日志内容输出
  • [sdk] 通过Rest屏蔽群组
  • [sdk] 通过Rest发出入群申请
  • [sdk] 通过Rest获取群组列表
  • [sdk] 通过Rest根据groupid获取群组详情
  • [sdk] 通过Rest列出某用户所加入的所有群组
  • [sdk] 通过Rest列出群组的所有成员
  • [sdk] 通过Rest禁止群用户发言
  • [sdk] 通过Rest取消对用户禁言的禁止
  • [sdk] 通过Rest获取群组下所有管理员
  • [sdk] 通过Rest获取群组下所有被禁言成员
  • [sdk] 通过Rest设置群管理员
  • [sdk] 通过Rest取消群管理员
  • [sdk] 通过Rest同意用户加入群
  • [sdk] 通过Rest拒绝用户加入群
  • [sdk] 通过Rest添加用户至群组黑名单(单个)
  • [sdk] 通过Rest添加用户至群组黑名单(批量)
  • [sdk] 通过Rest将用户从群黑名单移除(单个)
  • [sdk] 通过Rest将用户从群黑名单移除(批量)
  • [demo] 聊天窗口中记录可清空
  • [demo] 聊天窗口中发送方聊天记录显示状态(未送达、已送达、已读)
  • [demo] 查看聊天室成员
  • [demo] 通过链接直接打开与好友的对话框
  • [demo] 新增申请加入公开群面板
  • [demo] 在申请加入公开群面板可下拉分页获取公开群
  • [demo] 在申请加入公开群面板可点击群名称可查看群详情
  • [demo] 在申请加入公开群面板可搜索群查看群详情
  • [demo] 在申请加入公开群面板群详情页面可申请加入群组
  • [demo] 群主可同意、拒绝加群申请
  • [demo] 在群主的群成员列表中新增添加/移除管理员、禁言/解禁群成员按钮


Bug修复:
  • [sdk] 添加好友会产生多余的订阅消息
  • [sdk] 频繁的发送消息会导致消息id重复的问题
  • [sdk] 适配SDK发送文件和图片的大小
  • [demo] 优化sdk/demo.html,修复某些依赖文件找不到的问题
  • [demo] 修复离线消息数量统计不准确问题

 
webim在线体验:https://webim.easemob.com

版本历史:更新日志
 
SDK下载:下载地址
1
回复

WEBIM_CONNCTION_SERVER_CLOSE_ERROR 集成 WEBIM_CONNCTION_SERVER_CLOSE_ERROR Web IM

lizg 回复了问题 • 2 人关注 • 547 次浏览 • 2017-03-23 19:16 • 来自相关话题

1
回复

web im 自动登录问题1.4.8 1.4.8 自动登录 Web IM

zhangyb 回复了问题 • 2 人关注 • 920 次浏览 • 2017-02-28 21:37 • 来自相关话题

0
评论

Web IM V1.4.10已发布,新增语音呼叫 Web IM 产品快递

产品更新 发表了文章 • 641 次浏览 • 2017-02-17 16:47 • 来自相关话题

新功能:
[sdk] webrtc新增语音呼叫

Bug修复:
[sdk] webrtc:Firefox在结束通话后的问题
[sdk] webrtc:多次接通挂断之后,逻辑功能混乱
[sdk] webrtc:正常挂断不应该提醒offline
[sdk] webrtc:重连后无法处理音视频IQ消息
 
webim体验:https://webim.easemob.com 

版本历史:更新日志
 
SDK下载:下载地址 查看全部
2196.jpg_wh860_.jpg

新功能:

[sdk] webrtc新增语音呼叫



Bug修复:

[sdk] webrtc:Firefox在结束通话后的问题
[sdk] webrtc:多次接通挂断之后,逻辑功能混乱
[sdk] webrtc:正常挂断不应该提醒offline
[sdk] webrtc:重连后无法处理音视频IQ消息


 
webim体验:https://webim.easemob.com 

版本历史:更新日志
 
SDK下载:下载地址
1
回复

WebIM1.4.5版本收不到贴图消息回调,该怎么设置呢? Web IM 环信_WebIM

zhangyb 回复了问题 • 2 人关注 • 578 次浏览 • 2017-02-15 16:25 • 来自相关话题

1
回复

胖子哥哥,快看看我的问题~ Web IM

lizg 回复了问题 • 2 人关注 • 619 次浏览 • 2017-01-20 13:11 • 来自相关话题

0
评论

Web IM V1.4.8已发布,刷新页面保持登陆状态 Web IM 产品快递

产品更新 发表了文章 • 834 次浏览 • 2017-01-10 16:10 • 来自相关话题

新功能:

[demo] 增加webrtc视频聊天的声音开关
[demo] 动态创建chatWindow,提高网页性能
[demo] 切换leftbar时会给chatWindow添加遮罩,返回之前的leftbar时会直接跳到之前选中的cate和chatWindow
[demo] 登录成功后,刷新页面不会再回到登录页


Bug修复:

[sdk] 移除sdk中所有log方法
[sdk] 退出muc group room 时,追加发送一条unavailable的presence stanza


webim体验:https://webim.easemob.com/ 

版本历史:更新日志
 
SDK下载:点击下载 查看全部

9153.jpg_wh860_.jpg

新功能:


[demo] 增加webrtc视频聊天的声音开关
[demo] 动态创建chatWindow,提高网页性能
[demo] 切换leftbar时会给chatWindow添加遮罩,返回之前的leftbar时会直接跳到之前选中的cate和chatWindow
[demo] 登录成功后,刷新页面不会再回到登录页



Bug修复:


[sdk] 移除sdk中所有log方法
[sdk] 退出muc group room 时,追加发送一条unavailable的presence stanza



webim体验:https://webim.easemob.com/ 

版本历史:更新日志
 
SDK下载:点击下载
0
评论

Web IM V1.4.7已发布,优化手机浏览器后台重连 产品快递 Web IM

产品更新 发表了文章 • 776 次浏览 • 2016-12-26 10:49 • 来自相关话题

新功能:
[demo] 在demo.html中新增视频聊天及发送视频文件的功能

Bug修复:
[sdk] 解决在手机浏览器在后台运行时无法断线重连的问题
[demo] WebIM建群,等待后台建群成功后再拉取群信息并更新UI中的群列表
[demo] WebIM群加人,群主和被添加的群成员均可以收到通知
[demo] WebIM群主将群成员从黑名单移除后,不再回到群成员列表中,而直接被删除
webim体验:https://webim.easemob.com/ 

版本历史:更新日志 
 
SDK下载:点击下载 查看全部
7185.jpg_wh860_.jpg

新功能:

[demo] 在demo.html中新增视频聊天及发送视频文件的功能



Bug修复:

[sdk] 解决在手机浏览器在后台运行时无法断线重连的问题
[demo] WebIM建群,等待后台建群成功后再拉取群信息并更新UI中的群列表
[demo] WebIM群加人,群主和被添加的群成员均可以收到通知
[demo] WebIM群主将群成员从黑名单移除后,不再回到群成员列表中,而直接被删除


webim体验:https://webim.easemob.com/ 

版本历史:更新日志 
 
SDK下载:点击下载
0
评论

Web IM V1.4.6已发布,详细接口示例,让集成更快捷 产品快递 Web IM

产品更新 发表了文章 • 873 次浏览 • 2016-12-21 11:37 • 来自相关话题

新功能:
[sdk] 新增 demo.html, 演示如何调用sdk的各种接口

Bug修复:
[demo] 创建群组成功之后,立即刷新群组列表,不再等1秒
[sdk] sdk与上层Demo解耦,删除Demo相关代码
[sdk] 删除server不支持的connection.prototype.createRoom
webim体验:https://webim.easemob.com/

版本历史:更新日志  
 
SDK下载:点击下载 查看全部
4257.jpg_wh860_.jpg

新功能:

[sdk] 新增 demo.html, 演示如何调用sdk的各种接口



Bug修复:

[demo] 创建群组成功之后,立即刷新群组列表,不再等1秒
[sdk] sdk与上层Demo解耦,删除Demo相关代码
[sdk] 删除server不支持的connection.prototype.createRoom


webim体验:https://webim.easemob.com/

版本历史:更新日志  
 
SDK下载:点击下载
2
回复

能用安卓IM的前台页面写到WEB 的IM Web IM

孙新乐 回复了问题 • 2 人关注 • 620 次浏览 • 2016-12-09 13:59 • 来自相关话题

1
回复

webIM集成完,注册报错! Web IM

baoshu 回复了问题 • 2 人关注 • 614 次浏览 • 2016-12-06 18:35 • 来自相关话题

1
评论

【产品快递】Web IM V1.4.5已发布,支持实时视频聊天 Web IM 产品快递

产品更新 发表了文章 • 1385 次浏览 • 2016-12-02 15:57 • 来自相关话题

   临近新年,12月的第一天,自上次更新以来刚好一个月,环信Web IM V1.4.5已经发布,是不是很准时呢?毕竟想让环信小伙伴们都过上好年。环信Web IM V1.4.5版本最大的改动是增加了实时视频聊天功能,即在网页中打开就可以直接与APP视频通话,想想都觉得炫酷,赶紧下载体验吧!(需要注意:视频聊天需要https + Webkit浏览器哦)
   



新功能:
1.GNU风格的版本号命名格式: 主版本号.子版本号.修正版本号 (新版本规则的1.4.5 = 旧版本规则的1.1.4.5)

2.【DEMO】好友之间可以通过webrtc进行视频聊(仅支持 https + Webkit浏览器)
 
3.【DEMO】支持同一账号最多8个标签页登录 `isMultiLoginSessions:true`
 
4.【DEMO】http访问加入ip策略功能,防止DNS劫持 `isHttpDNS:true`
 
5.【DEMO】新增两种安装引用方式(具体引用方式,请参考集成方式)
添加 `<script>` 标签,并通过WebIM命名空间访问websdkNPM(websdk 已经发布到NPM),先require,再访问WebIM

Bug修复:
1.【SDK】 解散群组不更新UI
 
2.【SDK】 修复了发送cmd消息成功后无法调用回调函数的bug
webim体验:https://webim.easemob.com/

版本历史:更新日志  
 
SDK下载:点击下载 查看全部
   临近新年,12月的第一天,自上次更新以来刚好一个月,环信Web IM V1.4.5已经发布,是不是很准时呢?毕竟想让环信小伙伴们都过上好年。环信Web IM V1.4.5版本最大的改动是增加了实时视频聊天功能,即在网页中打开就可以直接与APP视频通话,想想都觉得炫酷,赶紧下载体验吧!(需要注意:视频聊天需要https + Webkit浏览器哦)
   
e3355a0896eb7cdf34bc6859ca02e9f0.jpg

新功能:

1.GNU风格的版本号命名格式: 主版本号.子版本号.修正版本号 (新版本规则的1.4.5 = 旧版本规则的1.1.4.5)

2.【DEMO】好友之间可以通过webrtc进行视频聊(仅支持 https + Webkit浏览器)
 
3.【DEMO】支持同一账号最多8个标签页登录 `isMultiLoginSessions:true`
 
4.【DEMO】http访问加入ip策略功能,防止DNS劫持 `isHttpDNS:true`
 
5.【DEMO】新增两种安装引用方式(具体引用方式,请参考集成方式)

  • 添加 `<script>` 标签,并通过WebIM命名空间访问websdk
  • NPM(websdk 已经发布到NPM),先require,再访问WebIM



Bug修复:

1.【SDK】 解散群组不更新UI
 
2.【SDK】 修复了发送cmd消息成功后无法调用回调函数的bug


webim体验:https://webim.easemob.com/

版本历史:更新日志  
 
SDK下载:点击下载
0
评论

源码下载:全国首个直播答题开源项目了解一下!!!(基于环信即时通讯云) 直播答题 开源项目

beyond 发表了文章 • 1462 次浏览 • 2018-03-06 18:10 • 来自相关话题

2018年伊始,全民直播答题浪潮来袭,一度被认为是一个新的互联网风口,王思聪凭借在现象级产品《冲顶大会》上疯狂"撒币"一时风光无二,凭借超高奖金和超低门槛吸引了大量网民参与和市场的目光。正因为直播答题是一种通过极低的成本来推动APP获客、保留存、拉活跃的新模式,各类直播答题APP如雨后春笋般进入大家的视野,越来越多企业希望赶上这波风口,快速搭建一套直播答题系统。作为一名环信生态圈资深开发者,本着对技术的热衷,对环信的眷恋和对党的忠诚,基于环信即时通讯云写了“小信竞答”这个直播答题开源项目,目前项目源码已全部免费开放,希望对有需求的企业和开发者提供一个思路和参考。



 

[b]


[/b]
 
小信竞答技术架构图:



     整个项目分为管理员端,观众端和服务端,首先在服务端预设好题目,由管理员发起直播开始答题,服务端收到指令将12道题目利用环信IM推送到观众端,观众端收到题目开始答题,将答案返回给服务端由服务端进行判断,如果答题正确进入下一题,答题错误判断是否使用复活卡,这里要注意的是需要加一个复活卡的使用次数判断。
 
   在整个答题过程中,管理员端会定时去服务端查询答题结果,等到全部答题结束,点击结束本次答题,服务端将计算好的结果返回并发放奖金,使用环信IM推送将答题结果推给观众端。
 
小信竞答效果图




关于直播间:
   直播间由直播画面和聊天室两个部分组成,“小信竞答”的聊天室使用环信聊天室,集成比较简单,基础版就能支持5000人在线聊天,增值服务版聊天室人数无上限,可以去环信官网注册一个开发者账号,创建应用将APPKEY替换成自己的;环信直播聊天室可以集成所有市场主流CDN厂商的推拉流功能(腾讯,七牛,UCloud,网宿等)。
 
环信直播聊天室特点  
This is Title
 
1、采用支持高并发的异步架构,轻松应对千万级并发请求; 各项基础服务集群化,确保系统高可用性; 系统冗余度高,容量评估体系完善,弹性扩容应对流量峰值;
2、支持各种消息格式:文字、表情、图片、声音、视频、附件、位置、扩展消息;
3、支持实时配置的消息分级策略,确保重要消息优先必达; 
4、支持直播聊天室后台管理及审核功能,提供直播相关数据统计;
5、提供智能反垃圾和自定义敏感词过滤功能;
6、快速集成,demo提供高质量代码示例,可根据运营情况随时扩展;
7、聊天室人数无上限 
小信竞答项目源码: github源码地址
 
写到最后:
   
     小信竞答源码全部开放,仅供学习和参考,如果作为商业用途,按照广电总局对网络直播答题节目管理的,需要 “网络视听许可证、主持人持证、还有通过审批发放的节目备案号”,三证缺一不可,未持有《信息网络传播视听节目许可证》的任何机构和个人,一律不得开办网络直播答题节目。
 
本月底《环信公开课第19期-直播答题开源项目》将线上讲解“小信竞答”实现思路,手把手教您从零开始搭建一个直播答题项目,扫码加入公开课微信群与大牛面对面交流。




  查看全部
   2018年伊始,全民直播答题浪潮来袭,一度被认为是一个新的互联网风口,王思聪凭借在现象级产品《冲顶大会》上疯狂"撒币"一时风光无二,凭借超高奖金和超低门槛吸引了大量网民参与和市场的目光。正因为直播答题是一种通过极低的成本来推动APP获客、保留存、拉活跃的新模式,各类直播答题APP如雨后春笋般进入大家的视野,越来越多企业希望赶上这波风口,快速搭建一套直播答题系统。作为一名环信生态圈资深开发者,本着对技术的热衷,对环信的眷恋和对党的忠诚,基于环信即时通讯云写了“小信竞答”这个直播答题开源项目,目前项目源码已全部免费开放,希望对有需求的企业和开发者提供一个思路和参考。



 

[b]
微信图片_20180316190105.jpg
[/b]
 
小信竞答技术架构图:
theFlowChart.png

     整个项目分为管理员端,观众端和服务端,首先在服务端预设好题目,由管理员发起直播开始答题,服务端收到指令将12道题目利用环信IM推送到观众端,观众端收到题目开始答题,将答案返回给服务端由服务端进行判断,如果答题正确进入下一题,答题错误判断是否使用复活卡,这里要注意的是需要加一个复活卡的使用次数判断。
 
   在整个答题过程中,管理员端会定时去服务端查询答题结果,等到全部答题结束,点击结束本次答题,服务端将计算好的结果返回并发放奖金,使用环信IM推送将答题结果推给观众端。
 
小信竞答效果图

微信图片_20180316190206.jpg


关于直播间:
   直播间由直播画面和聊天室两个部分组成,“小信竞答”的聊天室使用环信聊天室,集成比较简单,基础版就能支持5000人在线聊天,增值服务版聊天室人数无上限,可以去环信官网注册一个开发者账号,创建应用将APPKEY替换成自己的;环信直播聊天室可以集成所有市场主流CDN厂商的推拉流功能(腾讯,七牛,UCloud,网宿等)。
 
环信直播聊天室特点  
This is Title
 
1、采用支持高并发的异步架构,轻松应对千万级并发请求; 各项基础服务集群化,确保系统高可用性; 系统冗余度高,容量评估体系完善,弹性扩容应对流量峰值;
2、支持各种消息格式:文字、表情、图片、声音、视频、附件、位置、扩展消息;
3、支持实时配置的消息分级策略,确保重要消息优先必达; 
4、支持直播聊天室后台管理及审核功能,提供直播相关数据统计;
5、提供智能反垃圾和自定义敏感词过滤功能;
6、快速集成,demo提供高质量代码示例,可根据运营情况随时扩展;
7、聊天室人数无上限 
小信竞答项目源码: github源码地址
 
写到最后:
   
     小信竞答源码全部开放,仅供学习和参考,如果作为商业用途,按照广电总局对网络直播答题节目管理的,需要 “网络视听许可证、主持人持证、还有通过审批发放的节目备案号”,三证缺一不可,未持有《信息网络传播视听节目许可证》的任何机构和个人,一律不得开办网络直播答题节目。
 
本月底《环信公开课第19期-直播答题开源项目》将线上讲解“小信竞答”实现思路,手把手教您从零开始搭建一个直播答题项目,扫码加入公开课微信群与大牛面对面交流。
微信图片_20180316190334.jpg

 
12
评论

【新手快速入门】集成环信常见问题+解决方案汇总 常见问题

dujiepeng 发表了文章 • 12101 次浏览 • 2017-05-22 15:51 • 来自相关话题

   这里整理了集成环信的常见问题和一些功能的实现思路,希望能帮助到大家。感谢热心的开发者贡献,大家在观看过程中有不明白的地方欢迎直接跟帖咨询。
 
ios篇
APNs证书创建和上传到环信后台头像昵称的简述和处理方案音视频离线推送Demo实现环信服务器聊天记录保存多久?离线收不到好友请求IOS中环信聊天窗口如何实现文件发送和预览的功能ios集成常见问题环信推送的一些常见问题实现名片|红包|话题聊天室等自定义cell
 
Android篇
Android sdk 的两种导入方式环信3.0SDK集成小米推送教程EaseUI库中V4、v7包冲突解决方案Android EaseUI里的百度地图替换为高德地图android扩展消息(名片集成)关于会话列表的置顶聊天java.lang.UnsatisfiedLinkError: 的问题android 端 app 后台被杀死收不到消息的解决方案
昵称头像篇
android中如何显示开发者服务器上的昵称和头像 Android中显示头像(接上一篇文章看)环信(Android)设置头像和昵称的方法(最简单暴力的基于环信demo的集成)IOS中如何显示开发者服务器上的昵称和头像【环信公开课第12期视频回放】-所有关于环信IM昵称头像的问题听这课就够了
 
直播篇
一言不合你就搞个直播APP
 
客服集成
IM-SDK和客服SDK并存开发指南—Android篇IM-SDK和客服SDK并存开发指南—iOS篇
 
开源项目
Android简版demoios简版demo凡信2.0:超仿微信的开源项目 凡信3.0:携直播和红包而来高仿微信:Github 3,515 Star方圆十里:环信编程大赛冠军项目泛聊:定一个小目标写一个QQSlack聊天机器人:一天时间做一个聊天机器人TV视频通话:在电视上视频通话视频通话:Android手机视频通话酷信:ios高仿微信公众号助手:与订阅用户聊天沟通
 
持续更新ing...小伙伴们还有什么想知道欢迎跟帖提出。
  查看全部
   这里整理了集成环信的常见问题和一些功能的实现思路,希望能帮助到大家。感谢热心的开发者贡献,大家在观看过程中有不明白的地方欢迎直接跟帖咨询。
 
ios篇

 
Android篇

昵称头像篇

 
直播篇
  1. 一言不合你就搞个直播APP

 
客服集成
  1. IM-SDK和客服SDK并存开发指南—Android篇
  2. IM-SDK和客服SDK并存开发指南—iOS篇

 
开源项目

 
持续更新ing...小伙伴们还有什么想知道欢迎跟帖提出。
 
8
回复

收集基于环信SDK开发的开源项目 开源项目

JuN_Yong Wang 回复了问题 • 10 人关注 • 7676 次浏览 • 2018-02-07 11:49 • 来自相关话题

0
评论

源码下载:全国首个直播答题开源项目了解一下!!!(基于环信即时通讯云) 直播答题 开源项目

beyond 发表了文章 • 1462 次浏览 • 2018-03-06 18:10 • 来自相关话题

2018年伊始,全民直播答题浪潮来袭,一度被认为是一个新的互联网风口,王思聪凭借在现象级产品《冲顶大会》上疯狂"撒币"一时风光无二,凭借超高奖金和超低门槛吸引了大量网民参与和市场的目光。正因为直播答题是一种通过极低的成本来推动APP获客、保留存、拉活跃的新模式,各类直播答题APP如雨后春笋般进入大家的视野,越来越多企业希望赶上这波风口,快速搭建一套直播答题系统。作为一名环信生态圈资深开发者,本着对技术的热衷,对环信的眷恋和对党的忠诚,基于环信即时通讯云写了“小信竞答”这个直播答题开源项目,目前项目源码已全部免费开放,希望对有需求的企业和开发者提供一个思路和参考。



 

[b]


[/b]
 
小信竞答技术架构图:



     整个项目分为管理员端,观众端和服务端,首先在服务端预设好题目,由管理员发起直播开始答题,服务端收到指令将12道题目利用环信IM推送到观众端,观众端收到题目开始答题,将答案返回给服务端由服务端进行判断,如果答题正确进入下一题,答题错误判断是否使用复活卡,这里要注意的是需要加一个复活卡的使用次数判断。
 
   在整个答题过程中,管理员端会定时去服务端查询答题结果,等到全部答题结束,点击结束本次答题,服务端将计算好的结果返回并发放奖金,使用环信IM推送将答题结果推给观众端。
 
小信竞答效果图




关于直播间:
   直播间由直播画面和聊天室两个部分组成,“小信竞答”的聊天室使用环信聊天室,集成比较简单,基础版就能支持5000人在线聊天,增值服务版聊天室人数无上限,可以去环信官网注册一个开发者账号,创建应用将APPKEY替换成自己的;环信直播聊天室可以集成所有市场主流CDN厂商的推拉流功能(腾讯,七牛,UCloud,网宿等)。
 
环信直播聊天室特点  
This is Title
 
1、采用支持高并发的异步架构,轻松应对千万级并发请求; 各项基础服务集群化,确保系统高可用性; 系统冗余度高,容量评估体系完善,弹性扩容应对流量峰值;
2、支持各种消息格式:文字、表情、图片、声音、视频、附件、位置、扩展消息;
3、支持实时配置的消息分级策略,确保重要消息优先必达; 
4、支持直播聊天室后台管理及审核功能,提供直播相关数据统计;
5、提供智能反垃圾和自定义敏感词过滤功能;
6、快速集成,demo提供高质量代码示例,可根据运营情况随时扩展;
7、聊天室人数无上限 
小信竞答项目源码: github源码地址
 
写到最后:
   
     小信竞答源码全部开放,仅供学习和参考,如果作为商业用途,按照广电总局对网络直播答题节目管理的,需要 “网络视听许可证、主持人持证、还有通过审批发放的节目备案号”,三证缺一不可,未持有《信息网络传播视听节目许可证》的任何机构和个人,一律不得开办网络直播答题节目。
 
本月底《环信公开课第19期-直播答题开源项目》将线上讲解“小信竞答”实现思路,手把手教您从零开始搭建一个直播答题项目,扫码加入公开课微信群与大牛面对面交流。




  查看全部
   2018年伊始,全民直播答题浪潮来袭,一度被认为是一个新的互联网风口,王思聪凭借在现象级产品《冲顶大会》上疯狂"撒币"一时风光无二,凭借超高奖金和超低门槛吸引了大量网民参与和市场的目光。正因为直播答题是一种通过极低的成本来推动APP获客、保留存、拉活跃的新模式,各类直播答题APP如雨后春笋般进入大家的视野,越来越多企业希望赶上这波风口,快速搭建一套直播答题系统。作为一名环信生态圈资深开发者,本着对技术的热衷,对环信的眷恋和对党的忠诚,基于环信即时通讯云写了“小信竞答”这个直播答题开源项目,目前项目源码已全部免费开放,希望对有需求的企业和开发者提供一个思路和参考。



 

[b]
微信图片_20180316190105.jpg
[/b]
 
小信竞答技术架构图:
theFlowChart.png

     整个项目分为管理员端,观众端和服务端,首先在服务端预设好题目,由管理员发起直播开始答题,服务端收到指令将12道题目利用环信IM推送到观众端,观众端收到题目开始答题,将答案返回给服务端由服务端进行判断,如果答题正确进入下一题,答题错误判断是否使用复活卡,这里要注意的是需要加一个复活卡的使用次数判断。
 
   在整个答题过程中,管理员端会定时去服务端查询答题结果,等到全部答题结束,点击结束本次答题,服务端将计算好的结果返回并发放奖金,使用环信IM推送将答题结果推给观众端。
 
小信竞答效果图

微信图片_20180316190206.jpg


关于直播间:
   直播间由直播画面和聊天室两个部分组成,“小信竞答”的聊天室使用环信聊天室,集成比较简单,基础版就能支持5000人在线聊天,增值服务版聊天室人数无上限,可以去环信官网注册一个开发者账号,创建应用将APPKEY替换成自己的;环信直播聊天室可以集成所有市场主流CDN厂商的推拉流功能(腾讯,七牛,UCloud,网宿等)。
 
环信直播聊天室特点  
This is Title
 
1、采用支持高并发的异步架构,轻松应对千万级并发请求; 各项基础服务集群化,确保系统高可用性; 系统冗余度高,容量评估体系完善,弹性扩容应对流量峰值;
2、支持各种消息格式:文字、表情、图片、声音、视频、附件、位置、扩展消息;
3、支持实时配置的消息分级策略,确保重要消息优先必达; 
4、支持直播聊天室后台管理及审核功能,提供直播相关数据统计;
5、提供智能反垃圾和自定义敏感词过滤功能;
6、快速集成,demo提供高质量代码示例,可根据运营情况随时扩展;
7、聊天室人数无上限 
小信竞答项目源码: github源码地址
 
写到最后:
   
     小信竞答源码全部开放,仅供学习和参考,如果作为商业用途,按照广电总局对网络直播答题节目管理的,需要 “网络视听许可证、主持人持证、还有通过审批发放的节目备案号”,三证缺一不可,未持有《信息网络传播视听节目许可证》的任何机构和个人,一律不得开办网络直播答题节目。
 
本月底《环信公开课第19期-直播答题开源项目》将线上讲解“小信竞答”实现思路,手把手教您从零开始搭建一个直播答题项目,扫码加入公开课微信群与大牛面对面交流。
微信图片_20180316190334.jpg

 
8
回复

收集基于环信SDK开发的开源项目 开源项目

回复

JuN_Yong Wang 回复了问题 • 10 人关注 • 7676 次浏览 • 2018-02-07 11:49 • 来自相关话题

12
评论

【新手快速入门】集成环信常见问题+解决方案汇总 常见问题

dujiepeng 发表了文章 • 12101 次浏览 • 2017-05-22 15:51 • 来自相关话题

   这里整理了集成环信的常见问题和一些功能的实现思路,希望能帮助到大家。感谢热心的开发者贡献,大家在观看过程中有不明白的地方欢迎直接跟帖咨询。
 
ios篇
APNs证书创建和上传到环信后台头像昵称的简述和处理方案音视频离线推送Demo实现环信服务器聊天记录保存多久?离线收不到好友请求IOS中环信聊天窗口如何实现文件发送和预览的功能ios集成常见问题环信推送的一些常见问题实现名片|红包|话题聊天室等自定义cell
 
Android篇
Android sdk 的两种导入方式环信3.0SDK集成小米推送教程EaseUI库中V4、v7包冲突解决方案Android EaseUI里的百度地图替换为高德地图android扩展消息(名片集成)关于会话列表的置顶聊天java.lang.UnsatisfiedLinkError: 的问题android 端 app 后台被杀死收不到消息的解决方案
昵称头像篇
android中如何显示开发者服务器上的昵称和头像 Android中显示头像(接上一篇文章看)环信(Android)设置头像和昵称的方法(最简单暴力的基于环信demo的集成)IOS中如何显示开发者服务器上的昵称和头像【环信公开课第12期视频回放】-所有关于环信IM昵称头像的问题听这课就够了
 
直播篇
一言不合你就搞个直播APP
 
客服集成
IM-SDK和客服SDK并存开发指南—Android篇IM-SDK和客服SDK并存开发指南—iOS篇
 
开源项目
Android简版demoios简版demo凡信2.0:超仿微信的开源项目 凡信3.0:携直播和红包而来高仿微信:Github 3,515 Star方圆十里:环信编程大赛冠军项目泛聊:定一个小目标写一个QQSlack聊天机器人:一天时间做一个聊天机器人TV视频通话:在电视上视频通话视频通话:Android手机视频通话酷信:ios高仿微信公众号助手:与订阅用户聊天沟通
 
持续更新ing...小伙伴们还有什么想知道欢迎跟帖提出。
  查看全部
   这里整理了集成环信的常见问题和一些功能的实现思路,希望能帮助到大家。感谢热心的开发者贡献,大家在观看过程中有不明白的地方欢迎直接跟帖咨询。
 
ios篇

 
Android篇

昵称头像篇

 
直播篇
  1. 一言不合你就搞个直播APP

 
客服集成
  1. IM-SDK和客服SDK并存开发指南—Android篇
  2. IM-SDK和客服SDK并存开发指南—iOS篇

 
开源项目

 
持续更新ing...小伙伴们还有什么想知道欢迎跟帖提出。
 
1
回复

环信web IM 没法申请进群,官方demo也是····· Web IM web无法进群

回复

XX 回复了问题 • 1 人关注 • 153 次浏览 • 2018-05-04 17:59 • 来自相关话题

0
回复

webIM 怎么集成到自己的系统呢 登录那块 要怎么做呢 Web IM

回复

健中 发起了问题 • 1 人关注 • 254 次浏览 • 2018-03-19 16:46 • 来自相关话题

0
回复

web端如何设置新消息置顶?类似微信接收新消息 Web IM

回复

hanlaifu 发起了问题 • 1 人关注 • 396 次浏览 • 2018-02-24 15:37 • 来自相关话题

0
回复

你好,你在网上发布的demo,我的手机浏览器上无法发送和接收消息? Web IM 无法发送和接收消息

回复

海月明 发起了问题 • 1 人关注 • 403 次浏览 • 2017-11-11 16:48 • 来自相关话题

5
回复

webim 用js登陆怎么跳转到聊天界面 Web IM 聊天UI

回复

__kaven™、 回复了问题 • 3 人关注 • 893 次浏览 • 2017-11-10 16:53 • 来自相关话题

1
回复

群聊的时候,发送视频消息时报错Cannot set property 'group' of undefined 环信_WebIM Web IM

回复

wason 回复了问题 • 1 人关注 • 562 次浏览 • 2017-11-10 10:04 • 来自相关话题

1
回复

使用vue搭建web端无法接收图片,可以接受文本消息,小弟才疏学浅,希望有大牛赐教。 Web IM

回复

King_ 回复了问题 • 2 人关注 • 634 次浏览 • 2017-08-30 15:00 • 来自相关话题

0
回复
1
回复

能帮我看看嘛 Web IM

回复

geri_yang 回复了问题 • 2 人关注 • 528 次浏览 • 2017-08-02 19:03 • 来自相关话题

1
回复

WEBIM_CONNCTION_SERVER_CLOSE_ERROR 集成 WEBIM_CONNCTION_SERVER_CLOSE_ERROR Web IM

回复

lizg 回复了问题 • 2 人关注 • 547 次浏览 • 2017-03-23 19:16 • 来自相关话题

1
回复

web im 自动登录问题1.4.8 1.4.8 自动登录 Web IM

回复

zhangyb 回复了问题 • 2 人关注 • 920 次浏览 • 2017-02-28 21:37 • 来自相关话题

1
回复

WebIM1.4.5版本收不到贴图消息回调,该怎么设置呢? Web IM 环信_WebIM

回复

zhangyb 回复了问题 • 2 人关注 • 578 次浏览 • 2017-02-15 16:25 • 来自相关话题

1
回复

胖子哥哥,快看看我的问题~ Web IM

回复

lizg 回复了问题 • 2 人关注 • 619 次浏览 • 2017-01-20 13:11 • 来自相关话题

2
回复

能用安卓IM的前台页面写到WEB 的IM Web IM

回复

孙新乐 回复了问题 • 2 人关注 • 620 次浏览 • 2016-12-09 13:59 • 来自相关话题

1
回复

webIM集成完,注册报错! Web IM

回复

baoshu 回复了问题 • 2 人关注 • 614 次浏览 • 2016-12-06 18:35 • 来自相关话题

0
评论

源码下载:全国首个直播答题开源项目了解一下!!!(基于环信即时通讯云) 直播答题 开源项目

beyond 发表了文章 • 1462 次浏览 • 2018-03-06 18:10 • 来自相关话题

2018年伊始,全民直播答题浪潮来袭,一度被认为是一个新的互联网风口,王思聪凭借在现象级产品《冲顶大会》上疯狂"撒币"一时风光无二,凭借超高奖金和超低门槛吸引了大量网民参与和市场的目光。正因为直播答题是一种通过极低的成本来推动APP获客、保留存、拉活跃的新模式,各类直播答题APP如雨后春笋般进入大家的视野,越来越多企业希望赶上这波风口,快速搭建一套直播答题系统。作为一名环信生态圈资深开发者,本着对技术的热衷,对环信的眷恋和对党的忠诚,基于环信即时通讯云写了“小信竞答”这个直播答题开源项目,目前项目源码已全部免费开放,希望对有需求的企业和开发者提供一个思路和参考。



 

[b]


[/b]
 
小信竞答技术架构图:



     整个项目分为管理员端,观众端和服务端,首先在服务端预设好题目,由管理员发起直播开始答题,服务端收到指令将12道题目利用环信IM推送到观众端,观众端收到题目开始答题,将答案返回给服务端由服务端进行判断,如果答题正确进入下一题,答题错误判断是否使用复活卡,这里要注意的是需要加一个复活卡的使用次数判断。
 
   在整个答题过程中,管理员端会定时去服务端查询答题结果,等到全部答题结束,点击结束本次答题,服务端将计算好的结果返回并发放奖金,使用环信IM推送将答题结果推给观众端。
 
小信竞答效果图




关于直播间:
   直播间由直播画面和聊天室两个部分组成,“小信竞答”的聊天室使用环信聊天室,集成比较简单,基础版就能支持5000人在线聊天,增值服务版聊天室人数无上限,可以去环信官网注册一个开发者账号,创建应用将APPKEY替换成自己的;环信直播聊天室可以集成所有市场主流CDN厂商的推拉流功能(腾讯,七牛,UCloud,网宿等)。
 
环信直播聊天室特点  
This is Title
 
1、采用支持高并发的异步架构,轻松应对千万级并发请求; 各项基础服务集群化,确保系统高可用性; 系统冗余度高,容量评估体系完善,弹性扩容应对流量峰值;
2、支持各种消息格式:文字、表情、图片、声音、视频、附件、位置、扩展消息;
3、支持实时配置的消息分级策略,确保重要消息优先必达; 
4、支持直播聊天室后台管理及审核功能,提供直播相关数据统计;
5、提供智能反垃圾和自定义敏感词过滤功能;
6、快速集成,demo提供高质量代码示例,可根据运营情况随时扩展;
7、聊天室人数无上限 
小信竞答项目源码: github源码地址
 
写到最后:
   
     小信竞答源码全部开放,仅供学习和参考,如果作为商业用途,按照广电总局对网络直播答题节目管理的,需要 “网络视听许可证、主持人持证、还有通过审批发放的节目备案号”,三证缺一不可,未持有《信息网络传播视听节目许可证》的任何机构和个人,一律不得开办网络直播答题节目。
 
本月底《环信公开课第19期-直播答题开源项目》将线上讲解“小信竞答”实现思路,手把手教您从零开始搭建一个直播答题项目,扫码加入公开课微信群与大牛面对面交流。




  查看全部
   2018年伊始,全民直播答题浪潮来袭,一度被认为是一个新的互联网风口,王思聪凭借在现象级产品《冲顶大会》上疯狂"撒币"一时风光无二,凭借超高奖金和超低门槛吸引了大量网民参与和市场的目光。正因为直播答题是一种通过极低的成本来推动APP获客、保留存、拉活跃的新模式,各类直播答题APP如雨后春笋般进入大家的视野,越来越多企业希望赶上这波风口,快速搭建一套直播答题系统。作为一名环信生态圈资深开发者,本着对技术的热衷,对环信的眷恋和对党的忠诚,基于环信即时通讯云写了“小信竞答”这个直播答题开源项目,目前项目源码已全部免费开放,希望对有需求的企业和开发者提供一个思路和参考。



 

[b]
微信图片_20180316190105.jpg
[/b]
 
小信竞答技术架构图:
theFlowChart.png

     整个项目分为管理员端,观众端和服务端,首先在服务端预设好题目,由管理员发起直播开始答题,服务端收到指令将12道题目利用环信IM推送到观众端,观众端收到题目开始答题,将答案返回给服务端由服务端进行判断,如果答题正确进入下一题,答题错误判断是否使用复活卡,这里要注意的是需要加一个复活卡的使用次数判断。
 
   在整个答题过程中,管理员端会定时去服务端查询答题结果,等到全部答题结束,点击结束本次答题,服务端将计算好的结果返回并发放奖金,使用环信IM推送将答题结果推给观众端。
 
小信竞答效果图

微信图片_20180316190206.jpg


关于直播间:
   直播间由直播画面和聊天室两个部分组成,“小信竞答”的聊天室使用环信聊天室,集成比较简单,基础版就能支持5000人在线聊天,增值服务版聊天室人数无上限,可以去环信官网注册一个开发者账号,创建应用将APPKEY替换成自己的;环信直播聊天室可以集成所有市场主流CDN厂商的推拉流功能(腾讯,七牛,UCloud,网宿等)。
 
环信直播聊天室特点  
This is Title
 
1、采用支持高并发的异步架构,轻松应对千万级并发请求; 各项基础服务集群化,确保系统高可用性; 系统冗余度高,容量评估体系完善,弹性扩容应对流量峰值;
2、支持各种消息格式:文字、表情、图片、声音、视频、附件、位置、扩展消息;
3、支持实时配置的消息分级策略,确保重要消息优先必达; 
4、支持直播聊天室后台管理及审核功能,提供直播相关数据统计;
5、提供智能反垃圾和自定义敏感词过滤功能;
6、快速集成,demo提供高质量代码示例,可根据运营情况随时扩展;
7、聊天室人数无上限 
小信竞答项目源码: github源码地址
 
写到最后:
   
     小信竞答源码全部开放,仅供学习和参考,如果作为商业用途,按照广电总局对网络直播答题节目管理的,需要 “网络视听许可证、主持人持证、还有通过审批发放的节目备案号”,三证缺一不可,未持有《信息网络传播视听节目许可证》的任何机构和个人,一律不得开办网络直播答题节目。
 
本月底《环信公开课第19期-直播答题开源项目》将线上讲解“小信竞答”实现思路,手把手教您从零开始搭建一个直播答题项目,扫码加入公开课微信群与大牛面对面交流。
微信图片_20180316190334.jpg

 
8
回复

收集基于环信SDK开发的开源项目 开源项目

回复

JuN_Yong Wang 回复了问题 • 10 人关注 • 7676 次浏览 • 2018-02-07 11:49 • 来自相关话题

12
评论

【新手快速入门】集成环信常见问题+解决方案汇总 常见问题

dujiepeng 发表了文章 • 12101 次浏览 • 2017-05-22 15:51 • 来自相关话题

   这里整理了集成环信的常见问题和一些功能的实现思路,希望能帮助到大家。感谢热心的开发者贡献,大家在观看过程中有不明白的地方欢迎直接跟帖咨询。
 
ios篇
APNs证书创建和上传到环信后台头像昵称的简述和处理方案音视频离线推送Demo实现环信服务器聊天记录保存多久?离线收不到好友请求IOS中环信聊天窗口如何实现文件发送和预览的功能ios集成常见问题环信推送的一些常见问题实现名片|红包|话题聊天室等自定义cell
 
Android篇
Android sdk 的两种导入方式环信3.0SDK集成小米推送教程EaseUI库中V4、v7包冲突解决方案Android EaseUI里的百度地图替换为高德地图android扩展消息(名片集成)关于会话列表的置顶聊天java.lang.UnsatisfiedLinkError: 的问题android 端 app 后台被杀死收不到消息的解决方案
昵称头像篇
android中如何显示开发者服务器上的昵称和头像 Android中显示头像(接上一篇文章看)环信(Android)设置头像和昵称的方法(最简单暴力的基于环信demo的集成)IOS中如何显示开发者服务器上的昵称和头像【环信公开课第12期视频回放】-所有关于环信IM昵称头像的问题听这课就够了
 
直播篇
一言不合你就搞个直播APP
 
客服集成
IM-SDK和客服SDK并存开发指南—Android篇IM-SDK和客服SDK并存开发指南—iOS篇
 
开源项目
Android简版demoios简版demo凡信2.0:超仿微信的开源项目 凡信3.0:携直播和红包而来高仿微信:Github 3,515 Star方圆十里:环信编程大赛冠军项目泛聊:定一个小目标写一个QQSlack聊天机器人:一天时间做一个聊天机器人TV视频通话:在电视上视频通话视频通话:Android手机视频通话酷信:ios高仿微信公众号助手:与订阅用户聊天沟通
 
持续更新ing...小伙伴们还有什么想知道欢迎跟帖提出。
  查看全部
   这里整理了集成环信的常见问题和一些功能的实现思路,希望能帮助到大家。感谢热心的开发者贡献,大家在观看过程中有不明白的地方欢迎直接跟帖咨询。
 
ios篇

 
Android篇

昵称头像篇

 
直播篇
  1. 一言不合你就搞个直播APP

 
客服集成
  1. IM-SDK和客服SDK并存开发指南—Android篇
  2. IM-SDK和客服SDK并存开发指南—iOS篇

 
开源项目

 
持续更新ing...小伙伴们还有什么想知道欢迎跟帖提出。
 
0
评论

环信Web IM v1.4.12已发布,支持离线状态发送消息并自动重连 Web IM 产品更新

产品更新 发表了文章 • 314 次浏览 • 2017-07-28 18:02 • 来自相关话题

Web IM v1.4.12 2017-07-17新功能:
[sdk] 修改delivery ack和read ack的格式[sdk] 用户在离线状态下发送消息,会自动重连并将未成功发送的消息发送出去[sdk] WEBIM支持多设备,添加加入聊天室事件[sdk] 给delivered和ack加上from字段[demo] 添加Rest Interface的 Test case[demo] sdk/demo上传功能兼容ie8

Bug修复:
[sdk] 提升ie8的兼容性[sdk] 自己发送的消息的已读ack,不再发送给自己[demo] 新建需要审批的公有群,加入必须有审批流程[demo] 鼠标悬浮在群禁言图标上出现提示信息“禁言”[demo] demo.html中从cdn引入sdk[demo] 修复无法准确统计离线消息数的bug[demo] window.history.pushState在windows的chrome上有兼容性问题,统一改成window.location.href[demo] window.location.href = xxxx,如果修改的是href.search参数(a=x&b=y)时候, 如果遇到file方式打开本地index.html会直接跳转页面,造成登录一直不成功,改成修改 href.hash 参数(#a=x&b=y)[demo] 将群管理员可操作的项目展示给管理员
 
webim在线体验:https://webim.easemob.com 

版本历史:更新日志
 
SDK下载:下载地址 查看全部

TIM图片20170728180129.png

Web IM v1.4.12 2017-07-17新功能:
  • [sdk] 修改delivery ack和read ack的格式
  • [sdk] 用户在离线状态下发送消息,会自动重连并将未成功发送的消息发送出去
  • [sdk] WEBIM支持多设备,添加加入聊天室事件
  • [sdk] 给delivered和ack加上from字段
  • [demo] 添加Rest Interface的 Test case
  • [demo] sdk/demo上传功能兼容ie8


Bug修复:
  • [sdk] 提升ie8的兼容性
  • [sdk] 自己发送的消息的已读ack,不再发送给自己
  • [demo] 新建需要审批的公有群,加入必须有审批流程
  • [demo] 鼠标悬浮在群禁言图标上出现提示信息“禁言”
  • [demo] demo.html中从cdn引入sdk
  • [demo] 修复无法准确统计离线消息数的bug
  • [demo] window.history.pushState在windows的chrome上有兼容性问题,统一改成window.location.href
  • [demo] window.location.href = xxxx,如果修改的是href.search参数(a=x&b=y)时候, 如果遇到file方式打开本地index.html会直接跳转页面,造成登录一直不成功,改成修改 href.hash 参数(#a=x&b=y)
  • [demo] 将群管理员可操作的项目展示给管理员

 
webim在线体验:https://webim.easemob.com 

版本历史:更新日志
 
SDK下载:下载地址
9
评论

web IM的实现过程 Web IM webIM emoji web im发送文本框中显示表情特殊符号问题

hibo 发表了文章 • 955 次浏览 • 2017-07-14 20:10 • 来自相关话题

web IM 聊天功能已实现,能够完成文本、emoji、图片、文件的收发。下面就以已完成的demo为中心,来说一下具体的实现方法。该demo已封装,能快速集成到项目中去。

1、demo展示:
chat 目录下有两个子文件,chat_hx、chat_hx2,两个文件代表俩个不同的用户,除im.js中用户配置不同其他代码均相同,可分别点击chat_hx、chat_hx2下的index.html运行该demo,会出现两个聊天界面,在此可以感受一下聊天功能。
 
2、demo目录结构:
chat_hx和chat_hx2下有 sdk、static、webrtc、im.js、index.html、main.html、pcChat.html。

sdk:目录下为环信官方提供的聊天聊天接口,strophe-1.2.8.min.js、webim.config.js、websdk-1.4.11.js;三个文件在index.html中均需要引入,webim.config.js文件中则需要我们配置应用的AppKey,是该应用的唯一标识;
static:有css、img、js 提供聊天界面的样式,图片、emoji表情库、jQuery库、underscore库;
webrtc:官方提供的的rtc聊天库,集成即时视频功能需要引用的文件;
index.html:手机web聊天界面入口,聊天窗口标签及相应的聊天模板;
pcChat.html:pc聊天界面,聊天窗口标签及相应的聊天模板;
main.html:pc聊天界面入口,通过iframe引入pcChat.html;
im.js:该文件中处理了所有聊天逻辑,提供用户登录接口,消息收发接口,采用localStorage来做消息的本地缓存,在html文件中只需要调用具体方法即可完成聊天功能。一下为具体的调用方法://初始化进去界面掉用该方法
getHxUser(login_account,send_to);
//发送图片调用方法 onClick("sendPrivateImg()")
sendPrivateImg();
//发送文件调用方法 onClick("sendPrivateFile()")
sendPrivateFile();
//发起视频聊天调用方法 onClick("videoCall()")
videoCall();
//发送文本消息调用方法 onClick("videoCall()")
sendPrivateText();
3、缓存逻辑:
缓存采用了没有时间限制的数据存储 localStorage 存储方式,以键值对的形式来存储一个聊天组。
(1)展示聊天信息:
key:"user1:user2" 以当前用户名和聊天对象的用户名作为key;
value:具体的聊天信息记录以数组形式存在。
每次登录后通过key来获取缓存中的聊天记录数组:var group = "user1:user2";
var localContent = JSON.parse(localStorage[group]);
//遍历聊天数组
$(localContent).each(function(key , obj){
var domstring = showBox(obj);//获取对应的聊天模板
$(".chat-container").append($(domstring));//展示聊天信息
text2bottom();//聊天记录滚动至底部展示最新的聊天信息
});
(2)接收信息的缓存处理:
接收消息将消息同样以键值对(登录用户名:接收者用户名)的的形式存储接收到的消息,存储前处理存储内容:var group = "user1:user2";
var localContent = new Array();
if (localStorage[group]) {
localContent = JSON.parse(localStorage[group]);
}
localContent[localContent.length] = {
'time':crtTimeFtt(),//时间
'data':data,//文本、emoji(符号)、图片(url)、文件(url)数据
'from':from,//谁发的
'type':type,//文本类型 text,emoji,file,picture
'id':id//消息id
};
localStorage[group] = JSON.stringify(localContent);//存储本地;
(3)发送消息的缓存处理:
发送的消息同样以键值对的形式进行存储,同(2),图片文件,则是通过官方提供的方法当发送成功后会有对应的URL返回,即将URL作为数据存入data字段即可。

4、模板:
为控制方便模板写了六套,及左右聊天展示个三套 分别为文本、图片、文件。
 
 














  查看全部
web IM 聊天功能已实现,能够完成文本、emoji、图片、文件的收发。下面就以已完成的demo为中心,来说一下具体的实现方法。该demo已封装,能快速集成到项目中去。

1、demo展示:
chat 目录下有两个子文件,chat_hx、chat_hx2,两个文件代表俩个不同的用户,除im.js中用户配置不同其他代码均相同,可分别点击chat_hx、chat_hx2下的index.html运行该demo,会出现两个聊天界面,在此可以感受一下聊天功能。
 
2、demo目录结构:
chat_hx和chat_hx2下有 sdk、static、webrtc、im.js、index.html、main.html、pcChat.html。

sdk:目录下为环信官方提供的聊天聊天接口,strophe-1.2.8.min.js、webim.config.js、websdk-1.4.11.js;三个文件在index.html中均需要引入,webim.config.js文件中则需要我们配置应用的AppKey,是该应用的唯一标识;
static:有css、img、js 提供聊天界面的样式,图片、emoji表情库、jQuery库、underscore库;
webrtc:官方提供的的rtc聊天库,集成即时视频功能需要引用的文件;
index.html:手机web聊天界面入口,聊天窗口标签及相应的聊天模板;
pcChat.html:pc聊天界面,聊天窗口标签及相应的聊天模板;
main.html:pc聊天界面入口,通过iframe引入pcChat.html;
im.js:该文件中处理了所有聊天逻辑,提供用户登录接口,消息收发接口,采用localStorage来做消息的本地缓存,在html文件中只需要调用具体方法即可完成聊天功能。一下为具体的调用方法:
//初始化进去界面掉用该方法
getHxUser(login_account,send_to);
//发送图片调用方法 onClick("sendPrivateImg()")
sendPrivateImg();
//发送文件调用方法 onClick("sendPrivateFile()")
sendPrivateFile();
//发起视频聊天调用方法 onClick("videoCall()")
videoCall();
//发送文本消息调用方法 onClick("videoCall()")
sendPrivateText();

3、缓存逻辑:
缓存采用了没有时间限制的数据存储 localStorage 存储方式,以键值对的形式来存储一个聊天组。
(1)展示聊天信息:
key:"user1:user2" 以当前用户名和聊天对象的用户名作为key;
value:具体的聊天信息记录以数组形式存在。
每次登录后通过key来获取缓存中的聊天记录数组:
var group = "user1:user2";
var localContent = JSON.parse(localStorage[group]);
//遍历聊天数组
$(localContent).each(function(key , obj){
var domstring = showBox(obj);//获取对应的聊天模板
$(".chat-container").append($(domstring));//展示聊天信息
text2bottom();//聊天记录滚动至底部展示最新的聊天信息
});

(2)接收信息的缓存处理:
接收消息将消息同样以键值对(登录用户名:接收者用户名)的的形式存储接收到的消息,存储前处理存储内容:
var group = "user1:user2";
var localContent = new Array();
if (localStorage[group]) {
localContent = JSON.parse(localStorage[group]);
}
localContent[localContent.length] = {
'time':crtTimeFtt(),//时间
'data':data,//文本、emoji(符号)、图片(url)、文件(url)数据
'from':from,//谁发的
'type':type,//文本类型 text,emoji,file,picture
'id':id//消息id
};
localStorage[group] = JSON.stringify(localContent);//存储本地;

(3)发送消息的缓存处理:
发送的消息同样以键值对的形式进行存储,同(2),图片文件,则是通过官方提供的方法当发送成功后会有对应的URL返回,即将URL作为数据存入data字段即可。

4、模板:
为控制方便模板写了六套,及左右聊天展示个三套 分别为文本、图片、文件。
 
 
00F7D790-2475-434B-9AEC-B86384B827C7.png


7AC59638-1719-4B4E-9015-461A25D5B039.png


CC744F4E-B6D4-4B4D-9ED9-31BA00AA651B.png

 
0
评论

环信Web IM 新版本发布,提供更为丰富的群组、聊天室功能,现在更新就送小风扇! 产品更新 Web IM

产品更新 发表了文章 • 396 次浏览 • 2017-06-15 16:06 • 来自相关话题

  六月的骄阳,暑气留恋,但这风风火火却远不能掩盖季节的丰富内涵。环信发布了WEB新版本,十余项更新,带来了更加丰富的群组、聊天室功能。环信还为小伙伴们准备了一批小风扇,参与使用新版本并在文章下方跟帖使用反馈,就能获得环信usb小风扇,数量有限,先到先得!




环信USB小风扇
Web IM v1.4.11 2017-06-14

 新功能:
[sdk] debug.js融合到sdk当中,优化日志内容输出[sdk] 通过Rest屏蔽群组[sdk] 通过Rest发出入群申请[sdk] 通过Rest获取群组列表[sdk] 通过Rest根据groupid获取群组详情[sdk] 通过Rest列出某用户所加入的所有群组[sdk] 通过Rest列出群组的所有成员[sdk] 通过Rest禁止群用户发言[sdk] 通过Rest取消对用户禁言的禁止[sdk] 通过Rest获取群组下所有管理员[sdk] 通过Rest获取群组下所有被禁言成员[sdk] 通过Rest设置群管理员[sdk] 通过Rest取消群管理员[sdk] 通过Rest同意用户加入群[sdk] 通过Rest拒绝用户加入群[sdk] 通过Rest添加用户至群组黑名单(单个)[sdk] 通过Rest添加用户至群组黑名单(批量)[sdk] 通过Rest将用户从群黑名单移除(单个)[sdk] 通过Rest将用户从群黑名单移除(批量)[demo] 聊天窗口中记录可清空[demo] 聊天窗口中发送方聊天记录显示状态(未送达、已送达、已读)[demo] 查看聊天室成员[demo] 通过链接直接打开与好友的对话框[demo] 新增申请加入公开群面板[demo] 在申请加入公开群面板可下拉分页获取公开群[demo] 在申请加入公开群面板可点击群名称可查看群详情[demo] 在申请加入公开群面板可搜索群查看群详情[demo] 在申请加入公开群面板群详情页面可申请加入群组[demo] 群主可同意、拒绝加群申请[demo] 在群主的群成员列表中新增添加/移除管理员、禁言/解禁群成员按钮

Bug修复:
[sdk] 添加好友会产生多余的订阅消息[sdk] 频繁的发送消息会导致消息id重复的问题[sdk] 适配SDK发送文件和图片的大小[demo] 优化sdk/demo.html,修复某些依赖文件找不到的问题[demo] 修复离线消息数量统计不准确问题
 
webim在线体验:https://webim.easemob.com

版本历史:更新日志
 
SDK下载:下载地址 查看全部
  六月的骄阳,暑气留恋,但这风风火火却远不能掩盖季节的丰富内涵。环信发布了WEB新版本,十余项更新,带来了更加丰富的群组、聊天室功能。环信还为小伙伴们准备了一批小风扇,参与使用新版本并在文章下方跟帖使用反馈,就能获得环信usb小风扇,数量有限,先到先得!

d1fddd2e88747ea05968d89f6b696963.jpg

环信USB小风扇


Web IM v1.4.11 2017-06-14

 新功能:
  • [sdk] debug.js融合到sdk当中,优化日志内容输出
  • [sdk] 通过Rest屏蔽群组
  • [sdk] 通过Rest发出入群申请
  • [sdk] 通过Rest获取群组列表
  • [sdk] 通过Rest根据groupid获取群组详情
  • [sdk] 通过Rest列出某用户所加入的所有群组
  • [sdk] 通过Rest列出群组的所有成员
  • [sdk] 通过Rest禁止群用户发言
  • [sdk] 通过Rest取消对用户禁言的禁止
  • [sdk] 通过Rest获取群组下所有管理员
  • [sdk] 通过Rest获取群组下所有被禁言成员
  • [sdk] 通过Rest设置群管理员
  • [sdk] 通过Rest取消群管理员
  • [sdk] 通过Rest同意用户加入群
  • [sdk] 通过Rest拒绝用户加入群
  • [sdk] 通过Rest添加用户至群组黑名单(单个)
  • [sdk] 通过Rest添加用户至群组黑名单(批量)
  • [sdk] 通过Rest将用户从群黑名单移除(单个)
  • [sdk] 通过Rest将用户从群黑名单移除(批量)
  • [demo] 聊天窗口中记录可清空
  • [demo] 聊天窗口中发送方聊天记录显示状态(未送达、已送达、已读)
  • [demo] 查看聊天室成员
  • [demo] 通过链接直接打开与好友的对话框
  • [demo] 新增申请加入公开群面板
  • [demo] 在申请加入公开群面板可下拉分页获取公开群
  • [demo] 在申请加入公开群面板可点击群名称可查看群详情
  • [demo] 在申请加入公开群面板可搜索群查看群详情
  • [demo] 在申请加入公开群面板群详情页面可申请加入群组
  • [demo] 群主可同意、拒绝加群申请
  • [demo] 在群主的群成员列表中新增添加/移除管理员、禁言/解禁群成员按钮


Bug修复:
  • [sdk] 添加好友会产生多余的订阅消息
  • [sdk] 频繁的发送消息会导致消息id重复的问题
  • [sdk] 适配SDK发送文件和图片的大小
  • [demo] 优化sdk/demo.html,修复某些依赖文件找不到的问题
  • [demo] 修复离线消息数量统计不准确问题

 
webim在线体验:https://webim.easemob.com

版本历史:更新日志
 
SDK下载:下载地址
0
评论

Web IM V1.4.10已发布,新增语音呼叫 Web IM 产品快递

产品更新 发表了文章 • 641 次浏览 • 2017-02-17 16:47 • 来自相关话题

新功能:
[sdk] webrtc新增语音呼叫

Bug修复:
[sdk] webrtc:Firefox在结束通话后的问题
[sdk] webrtc:多次接通挂断之后,逻辑功能混乱
[sdk] webrtc:正常挂断不应该提醒offline
[sdk] webrtc:重连后无法处理音视频IQ消息
 
webim体验:https://webim.easemob.com 

版本历史:更新日志
 
SDK下载:下载地址 查看全部
2196.jpg_wh860_.jpg

新功能:

[sdk] webrtc新增语音呼叫



Bug修复:

[sdk] webrtc:Firefox在结束通话后的问题
[sdk] webrtc:多次接通挂断之后,逻辑功能混乱
[sdk] webrtc:正常挂断不应该提醒offline
[sdk] webrtc:重连后无法处理音视频IQ消息


 
webim体验:https://webim.easemob.com 

版本历史:更新日志
 
SDK下载:下载地址
0
评论

Web IM V1.4.8已发布,刷新页面保持登陆状态 Web IM 产品快递

产品更新 发表了文章 • 834 次浏览 • 2017-01-10 16:10 • 来自相关话题

新功能:

[demo] 增加webrtc视频聊天的声音开关
[demo] 动态创建chatWindow,提高网页性能
[demo] 切换leftbar时会给chatWindow添加遮罩,返回之前的leftbar时会直接跳到之前选中的cate和chatWindow
[demo] 登录成功后,刷新页面不会再回到登录页


Bug修复:

[sdk] 移除sdk中所有log方法
[sdk] 退出muc group room 时,追加发送一条unavailable的presence stanza


webim体验:https://webim.easemob.com/ 

版本历史:更新日志
 
SDK下载:点击下载 查看全部

9153.jpg_wh860_.jpg

新功能:


[demo] 增加webrtc视频聊天的声音开关
[demo] 动态创建chatWindow,提高网页性能
[demo] 切换leftbar时会给chatWindow添加遮罩,返回之前的leftbar时会直接跳到之前选中的cate和chatWindow
[demo] 登录成功后,刷新页面不会再回到登录页



Bug修复:


[sdk] 移除sdk中所有log方法
[sdk] 退出muc group room 时,追加发送一条unavailable的presence stanza



webim体验:https://webim.easemob.com/ 

版本历史:更新日志
 
SDK下载:点击下载
0
评论

Web IM V1.4.7已发布,优化手机浏览器后台重连 产品快递 Web IM

产品更新 发表了文章 • 776 次浏览 • 2016-12-26 10:49 • 来自相关话题

新功能:
[demo] 在demo.html中新增视频聊天及发送视频文件的功能

Bug修复:
[sdk] 解决在手机浏览器在后台运行时无法断线重连的问题
[demo] WebIM建群,等待后台建群成功后再拉取群信息并更新UI中的群列表
[demo] WebIM群加人,群主和被添加的群成员均可以收到通知
[demo] WebIM群主将群成员从黑名单移除后,不再回到群成员列表中,而直接被删除
webim体验:https://webim.easemob.com/ 

版本历史:更新日志 
 
SDK下载:点击下载 查看全部
7185.jpg_wh860_.jpg

新功能:

[demo] 在demo.html中新增视频聊天及发送视频文件的功能



Bug修复:

[sdk] 解决在手机浏览器在后台运行时无法断线重连的问题
[demo] WebIM建群,等待后台建群成功后再拉取群信息并更新UI中的群列表
[demo] WebIM群加人,群主和被添加的群成员均可以收到通知
[demo] WebIM群主将群成员从黑名单移除后,不再回到群成员列表中,而直接被删除


webim体验:https://webim.easemob.com/ 

版本历史:更新日志 
 
SDK下载:点击下载
0
评论

Web IM V1.4.6已发布,详细接口示例,让集成更快捷 产品快递 Web IM

产品更新 发表了文章 • 873 次浏览 • 2016-12-21 11:37 • 来自相关话题

新功能:
[sdk] 新增 demo.html, 演示如何调用sdk的各种接口

Bug修复:
[demo] 创建群组成功之后,立即刷新群组列表,不再等1秒
[sdk] sdk与上层Demo解耦,删除Demo相关代码
[sdk] 删除server不支持的connection.prototype.createRoom
webim体验:https://webim.easemob.com/

版本历史:更新日志  
 
SDK下载:点击下载 查看全部
4257.jpg_wh860_.jpg

新功能:

[sdk] 新增 demo.html, 演示如何调用sdk的各种接口



Bug修复:

[demo] 创建群组成功之后,立即刷新群组列表,不再等1秒
[sdk] sdk与上层Demo解耦,删除Demo相关代码
[sdk] 删除server不支持的connection.prototype.createRoom


webim体验:https://webim.easemob.com/

版本历史:更新日志  
 
SDK下载:点击下载
1
评论

【产品快递】Web IM V1.4.5已发布,支持实时视频聊天 Web IM 产品快递

产品更新 发表了文章 • 1385 次浏览 • 2016-12-02 15:57 • 来自相关话题

   临近新年,12月的第一天,自上次更新以来刚好一个月,环信Web IM V1.4.5已经发布,是不是很准时呢?毕竟想让环信小伙伴们都过上好年。环信Web IM V1.4.5版本最大的改动是增加了实时视频聊天功能,即在网页中打开就可以直接与APP视频通话,想想都觉得炫酷,赶紧下载体验吧!(需要注意:视频聊天需要https + Webkit浏览器哦)
   



新功能:
1.GNU风格的版本号命名格式: 主版本号.子版本号.修正版本号 (新版本规则的1.4.5 = 旧版本规则的1.1.4.5)

2.【DEMO】好友之间可以通过webrtc进行视频聊(仅支持 https + Webkit浏览器)
 
3.【DEMO】支持同一账号最多8个标签页登录 `isMultiLoginSessions:true`
 
4.【DEMO】http访问加入ip策略功能,防止DNS劫持 `isHttpDNS:true`
 
5.【DEMO】新增两种安装引用方式(具体引用方式,请参考集成方式)
添加 `<script>` 标签,并通过WebIM命名空间访问websdkNPM(websdk 已经发布到NPM),先require,再访问WebIM

Bug修复:
1.【SDK】 解散群组不更新UI
 
2.【SDK】 修复了发送cmd消息成功后无法调用回调函数的bug
webim体验:https://webim.easemob.com/

版本历史:更新日志  
 
SDK下载:点击下载 查看全部
   临近新年,12月的第一天,自上次更新以来刚好一个月,环信Web IM V1.4.5已经发布,是不是很准时呢?毕竟想让环信小伙伴们都过上好年。环信Web IM V1.4.5版本最大的改动是增加了实时视频聊天功能,即在网页中打开就可以直接与APP视频通话,想想都觉得炫酷,赶紧下载体验吧!(需要注意:视频聊天需要https + Webkit浏览器哦)
   
e3355a0896eb7cdf34bc6859ca02e9f0.jpg

新功能:

1.GNU风格的版本号命名格式: 主版本号.子版本号.修正版本号 (新版本规则的1.4.5 = 旧版本规则的1.1.4.5)

2.【DEMO】好友之间可以通过webrtc进行视频聊(仅支持 https + Webkit浏览器)
 
3.【DEMO】支持同一账号最多8个标签页登录 `isMultiLoginSessions:true`
 
4.【DEMO】http访问加入ip策略功能,防止DNS劫持 `isHttpDNS:true`
 
5.【DEMO】新增两种安装引用方式(具体引用方式,请参考集成方式)

  • 添加 `<script>` 标签,并通过WebIM命名空间访问websdk
  • NPM(websdk 已经发布到NPM),先require,再访问WebIM



Bug修复:

1.【SDK】 解散群组不更新UI
 
2.【SDK】 修复了发送cmd消息成功后无法调用回调函数的bug


webim体验:https://webim.easemob.com/

版本历史:更新日志  
 
SDK下载:点击下载