2
回复

如何获取某个聊天室的信息 聊天室信息

xiaoyan2015 回复了问题 • 3 人关注 • 1144 次浏览 • 2019-01-02 10:58 • 来自相关话题

2
回复

WebIM 聊天室 接收消息问题 聊天室信息 小程序

xiaoyan2015 回复了问题 • 3 人关注 • 788 次浏览 • 2019-01-02 10:58 • 来自相关话题

1
回复

如何获取好友昵称 环信_WebIM

beyond 回复了问题 • 2 人关注 • 513 次浏览 • 2018-12-29 11:00 • 来自相关话题

1
回复

iOS 聊天消息一直显示转圈 环信_iOS

beyond 回复了问题 • 2 人关注 • 549 次浏览 • 2018-12-26 17:39 • 来自相关话题

1
回复

环信windows sdk demo 源码在哪里? 是demo源码, 不是sdk源码. 下载了,但是不是 有专职工程师值守

beyond 回复了问题 • 2 人关注 • 384 次浏览 • 2018-12-26 17:35 • 来自相关话题

0
评论

h5仿微信语音聊天|仿微信摇一摇|地图定位|数字支付键盘 仿微信地图定位 仿微信摇一摇 h5仿微信语音 h5仿微信聊天

xiaoyan2015 发表了文章 • 388 次浏览 • 2018-12-23 13:48 • 来自相关话题

基于html5+css3+wcPop+swiper+zepto+weScroll等技术实现的高仿微信界面|仿微信语音聊天效果|仿微信摇一摇加好友|仿微信支付键盘。摇一摇模块则是使用了shake.js插件实现功能效果的,语音模块效果和微信语音效果非常类似,按住说话,手指上滑、取消发送。
https://blog.csdn.net/yanxinyun1990/article/details/85221037


























































































 
// >>> 【摇一摇加好友核心模块】------------------------------------------
// 摇一摇加好友弹窗
$("#J__popScreen_shake").on("click", function () {
var shakePopIdx = wcPop({
id: 'wcim_shake_fullscreen',
skin: 'fullscreen',
title: '摇一摇',
content: $("#J__popupTmpl-shakeFriends").html(),
position: 'right',
xclose: true,
style: 'background: #303030;',
show: function(){
// 摇一摇功能
var _shake = new Shake({threshold: 15});
_shake.start();
window.addEventListener("shake", function(){
window.navigator.vibrate && navigator.vibrate(500);
// console.log("触发摇一摇!");

$(".J__shakeInfoBox").html("");
$(".J__shakeLoading").fadeIn(300);
// 消息模板
var shakeTpl = [
'<div class="shake-info flexbox flex-alignc">\
<img class="uimg" src="img/uimg/u__chat-img08.jpg" />\
<div class="flex1">\
<h2 class="name">大幂幂<i class="iconfont icon-nv c-f37e7d"></i></h2>\
<label class="lbl clamp1">开森每一刻,每天都要美美哒!</label>\
</div>\
</div>'
].join("");
setTimeout(function(){
$(".J__shakeLoading").fadeOut(300);
$(".J__shakeInfoBox").html(shakeTpl);
}, 1500);
}, false);
}
});
});
// 切换摇一摇项目
$("body").on("click", ".J__swtShakeItem a", function(){
$(this).addClass("active").siblings().removeClass("active");
});
// 摇一摇设置
$("body").on("click", ".J__shakeSetting", function(){
wcPop({
skin: 'actionsheetMini',
anim: 'footer',
btns: [
{ text: '<div class="flexbox flex-alignc"><span class="flex1">是否开启震动</span> <span class="rpr-30"><input class="cp__checkboxPX-switch" type="checkbox" checked /></span></div>' },
{ text: '摇到的历史' },
]
});
});// ripple波纹效果
wcRipple({ elem: '.effect__ripple-fff', opacity: .15, speed: .5, bgColor: "#fff" });
wcRipple({ elem: '.effect__ripple', opacity: .15, speed: .5, bgColor: "#000" });

// 禁止长按弹出系统菜单
$("body").on("contextmenu", ".weChatIM__panel", function (e) {
e.preventDefault();
});

// 顶部 “+” 菜单
$("#J__topbarAdd").on("click", function(e){
var _points = [e.clientX, e.clientY];
var contextMenuIdx = wcPop({
skin: 'contextmenu', shade: true,shadeClose: true,opacity: 0,follow: _points,
style: 'background:#3d3f4e; min-width:3.5rem;',
btns: [
{text: '<i class="iconfont icon-haoyou fs-40 mr-10"></i><span>添加好友</span>',style: 'color:#fff;', onTap(){
wcPop.close(contextMenuIdx);
// 添加好友
var addfriendIdx = wcPop({
id: 'wcim_fullscreen',
skin: 'fullscreen',
title: '添加好友',
content: $("#J__popupTmpl-addFriends").html(),
position: 'right',
opacity: .1,
xclose: true,
style: 'background: #f2f1f6;'
});
}},
{text: '<i class="iconfont icon-qunliao fs-40 mr-10"></i><span>发起群聊</span>',style: 'color:#fff;', onTap(){
wcPop.close(contextMenuIdx);
// 发起群聊
var addfriendIdx = wcPop({
id: 'wcim_fullscreen',
skin: 'fullscreen',
title: '发起群聊',
content: $("#J__popupTmpl-launchGroupChat").html(),
position: 'right',
opacity: .1,
xclose: true,
style: 'background: #f2f1f6;'
});
}},
{text: '<i class="iconfont icon-bangzhu fs-40 mr-10"></i><span>帮助与反馈</span>',style: 'color:#fff;',}
]
});
});// ...获取语音时长
getVoiceTime();
function getVoiceTime(){
$("#J__chatMsgList li .audio").each(function () {
var that = $(this), audio = that.find("audio")[0], duration;
audio.load();
audio.oncanplay = function(){
duration = Math.ceil(audio.duration);
if (duration == 'Infinity') {
getVoiceTime();
} else {
that.find(".time").text(duration + `''`);
that.attr("data-time", duration);
// 语音宽度%
var percent = (duration / 60).toFixed(2) * 100 + 20 + '%';
that.css("width", percent);
}
}
});
}




欢迎大家一起交流、学习  Q:282310962  wx:xy190310
  查看全部
基于html5+css3+wcPop+swiper+zepto+weScroll等技术实现的高仿微信界面|仿微信语音聊天效果|仿微信摇一摇加好友|仿微信支付键盘。摇一摇模块则是使用了shake.js插件实现功能效果的,语音模块效果和微信语音效果非常类似,按住说话,手指上滑、取消发送。
https://blog.csdn.net/yanxinyun1990/article/details/85221037

022360截图20181221095816291.png


023360截图20181221095950859.png


025360截图20181221100205642.png


026360截图20181221100230225.png


002360截图20181221094619690.png


003360截图20181221094702001.png


004360截图20181221094720201.png


007360截图20181221095016435.png


009360截图20181221095104377.png


010360截图20181221095121562.png


011360截图20181221095141122.png


014360截图20181221095243962.png


016360截图20181221095501306.png


017360截图20181221095514866.png


020360截图20181221095719913.png


021360截图20181221095816291.png


027360截图20181221095719913.png


028360截图20181221100336473.png

 
// >>> 【摇一摇加好友核心模块】------------------------------------------
// 摇一摇加好友弹窗
$("#J__popScreen_shake").on("click", function () {
var shakePopIdx = wcPop({
id: 'wcim_shake_fullscreen',
skin: 'fullscreen',
title: '摇一摇',
content: $("#J__popupTmpl-shakeFriends").html(),
position: 'right',
xclose: true,
style: 'background: #303030;',
show: function(){
// 摇一摇功能
var _shake = new Shake({threshold: 15});
_shake.start();
window.addEventListener("shake", function(){
window.navigator.vibrate && navigator.vibrate(500);
// console.log("触发摇一摇!");

$(".J__shakeInfoBox").html("");
$(".J__shakeLoading").fadeIn(300);
// 消息模板
var shakeTpl = [
'<div class="shake-info flexbox flex-alignc">\
<img class="uimg" src="img/uimg/u__chat-img08.jpg" />\
<div class="flex1">\
<h2 class="name">大幂幂<i class="iconfont icon-nv c-f37e7d"></i></h2>\
<label class="lbl clamp1">开森每一刻,每天都要美美哒!</label>\
</div>\
</div>'
].join("");
setTimeout(function(){
$(".J__shakeLoading").fadeOut(300);
$(".J__shakeInfoBox").html(shakeTpl);
}, 1500);
}, false);
}
});
});
// 切换摇一摇项目
$("body").on("click", ".J__swtShakeItem a", function(){
$(this).addClass("active").siblings().removeClass("active");
});
// 摇一摇设置
$("body").on("click", ".J__shakeSetting", function(){
wcPop({
skin: 'actionsheetMini',
anim: 'footer',
btns: [
{ text: '<div class="flexbox flex-alignc"><span class="flex1">是否开启震动</span> <span class="rpr-30"><input class="cp__checkboxPX-switch" type="checkbox" checked /></span></div>' },
{ text: '摇到的历史' },
]
});
});
// ripple波纹效果
wcRipple({ elem: '.effect__ripple-fff', opacity: .15, speed: .5, bgColor: "#fff" });
wcRipple({ elem: '.effect__ripple', opacity: .15, speed: .5, bgColor: "#000" });

// 禁止长按弹出系统菜单
$("body").on("contextmenu", ".weChatIM__panel", function (e) {
e.preventDefault();
});

// 顶部 “+” 菜单
$("#J__topbarAdd").on("click", function(e){
var _points = [e.clientX, e.clientY];
var contextMenuIdx = wcPop({
skin: 'contextmenu', shade: true,shadeClose: true,opacity: 0,follow: _points,
style: 'background:#3d3f4e; min-width:3.5rem;',
btns: [
{text: '<i class="iconfont icon-haoyou fs-40 mr-10"></i><span>添加好友</span>',style: 'color:#fff;', onTap(){
wcPop.close(contextMenuIdx);
// 添加好友
var addfriendIdx = wcPop({
id: 'wcim_fullscreen',
skin: 'fullscreen',
title: '添加好友',
content: $("#J__popupTmpl-addFriends").html(),
position: 'right',
opacity: .1,
xclose: true,
style: 'background: #f2f1f6;'
});
}},
{text: '<i class="iconfont icon-qunliao fs-40 mr-10"></i><span>发起群聊</span>',style: 'color:#fff;', onTap(){
wcPop.close(contextMenuIdx);
// 发起群聊
var addfriendIdx = wcPop({
id: 'wcim_fullscreen',
skin: 'fullscreen',
title: '发起群聊',
content: $("#J__popupTmpl-launchGroupChat").html(),
position: 'right',
opacity: .1,
xclose: true,
style: 'background: #f2f1f6;'
});
}},
{text: '<i class="iconfont icon-bangzhu fs-40 mr-10"></i><span>帮助与反馈</span>',style: 'color:#fff;',}
]
});
});
// ...获取语音时长
getVoiceTime();
function getVoiceTime(){
$("#J__chatMsgList li .audio").each(function () {
var that = $(this), audio = that.find("audio")[0], duration;
audio.load();
audio.oncanplay = function(){
duration = Math.ceil(audio.duration);
if (duration == 'Infinity') {
getVoiceTime();
} else {
that.find(".time").text(duration + `''`);
that.attr("data-time", duration);
// 语音宽度%
var percent = (duration / 60).toFixed(2) * 100 + 20 + '%';
that.css("width", percent);
}
}
});
}

20180817002157557.jpg

欢迎大家一起交流、学习  Q:282310962  wx:xy190310
 
2
最佳

环信EaseUI 在Android8.0系统下,聊天界面使用拍照功能会闪退! 环信_Android android8.0兼容 拍照 闪退

henanleon 回复了问题 • 3 人关注 • 1201 次浏览 • 2018-12-23 00:56 • 来自相关话题

0
回复

集成easeui报错 集成EaseUI 有问题

回复

deng59215908 发起了问题 • 1 人关注 • 494 次浏览 • 2018-12-21 14:59 • 来自相关话题

0
回复

聊天记录文件打不开 聊天记录

回复

lai25258 发起了问题 • 1 人关注 • 605 次浏览 • 2018-12-21 11:18 • 来自相关话题

1
最佳

集成环信im之后,app无法正常驻扎在后台. 环信_iOS

beyond 回复了问题 • 2 人关注 • 476 次浏览 • 2018-12-21 11:07 • 来自相关话题

1
回复

为什么不能播放,官方也不修复一下呢?????? 环信 Android

beyond 回复了问题 • 2 人关注 • 404 次浏览 • 2018-12-21 11:04 • 来自相关话题

0
回复

运营级一比一仿微信含直播小视频app源码出售转让 源码 C++

回复

vgybhu 发起了问题 • 1 人关注 • 607 次浏览 • 2018-12-20 11:40 • 来自相关话题

4
回复

iOS环信EaseUI无法使用 NSEaseLocalizedString这个地方运行进入聊天界面直接崩溃, 注意是崩溃 不是报错 iOS EaseUI

聴説 回复了问题 • 5 人关注 • 1428 次浏览 • 2018-12-20 10:40 • 来自相关话题

1
回复

Web IM群组管理报错'access_token' of undefined 环信_WebIM

beyond 回复了问题 • 1 人关注 • 709 次浏览 • 2018-12-19 15:06 • 来自相关话题

1
评论

钉钉h5版|仿钉钉办公|仿钉钉聊天界面 h5钉钉界面 仿钉钉聊天 钉钉移动端 h5钉钉

xiaoyan2015 发表了文章 • 410 次浏览 • 2018-12-19 00:21 • 来自相关话题

h5仿钉钉移动办公|仿钉钉聊天界面|钉钉html5模板
基于钉钉的H5开发,实现的仿钉钉移动智慧办公系统weDingTalk,使用html5+css3+zepto+jquery+swiper+wcPop等技术进行搭配开发,可以发送消息、表情,图片、视频预览,打赏、发红包,长按消息操作菜单……

































































 
整体布局采用750px+fontSize.js适配设备:
(function(doc, win) {
var docEl = doc.documentElement,
resizeEvt = "orientationchange" in window ? "orientationchange" : "resize",
recalc = function() {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
if (clientWidth >= 750) {
docEl.style.fontSize = "100px";
} else {
docEl.style.fontSize = 100 * (clientWidth / 750) + "px";
}
};

if (!doc.addEventListener) return;
recalc();
win.addEventListener(resizeEvt, recalc, false);
})(document, window);// ...打赏朋友功能
$(".J__chooseDs").on("click", function () {
var dashangIdx = wcPop({
id: 'wdtPopHb',
title: '<a class="popui__tit-back wdt__ripple" href="javascript:;" onclick="wcPop.close();"><i class="iconfont icon-back"></i></a> <div class="popui__tit-text">打赏</div>',
skin: 'fullscreen',
content: $("#J__popupTmpl-Dashang").html(),
position: 'right',
style: 'background: #f3f3f3;',

show: function(){
$("body").on("click", "#J__chooseGift .gift", function () {
$(this).addClass("selected").siblings().removeClass("selected");
});
}
});
});

// ...拆开红包功能
$(".J__getRedPackets").on("click", function(){
var getHbIdx = wcPop({
id: 'wdtPopGetHb',
skin: 'ios',
content: $("#J__popupTmpl-getRedPacket").html(),
xclose: true,
style: 'background-color: #f3f3f3; width: 280px;',

show: function () {
$("body").on("click", ".J__btnGetRedPacket", function () {
var that = $(this);
that.addClass("active");
setTimeout(function(){
that.removeClass("active");
}, 1000);
});
}
});
});

// ...查看红包功能
$(".J__viewRedPackets").on("click", function(){
var viewHbIdx = wcPop({
id: 'wdtPopHb',
title: '<a class="popui__tit-back wdt__ripple" href="javascript:;" onclick="wcPop.close();"><i class="iconfont icon-back"></i></a> <div class="popui__tit-text">红包详情</div>',
skin: 'fullscreen',
content: $("#J__popupTmpl-viewRedPacket").html(),
position: 'top',
style: 'background: #f3f3f3;'
});
});
欢迎大家一起交流、学习  Q:282310962  wx:xy190310 查看全部

h5仿钉钉移动办公|仿钉钉聊天界面|钉钉html5模板


基于钉钉的H5开发,实现的仿钉钉移动智慧办公系统weDingTalk,使用html5+css3+zepto+jquery+swiper+wcPop等技术进行搭配开发,可以发送消息、表情,图片、视频预览,打赏、发红包,长按消息操作菜单……

001360截图20180915003708059.png


004360截图20180915005419923.png


005360截图20180915005728692.png


006360截图20180915005901996.png


008360截图20180915010335077.png


010360截图20180915013242999.png


011360截图20180915013303062.png


012360截图20180915010948002.png


013360截图20180915011004813.png


014360截图20180915011140916.png


015360截图20180915011705229.png


017360截图20180915011927963.png


019360截图20180915012132931.png

 
整体布局采用750px+fontSize.js适配设备:
(function(doc, win) {
var docEl = doc.documentElement,
resizeEvt = "orientationchange" in window ? "orientationchange" : "resize",
recalc = function() {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
if (clientWidth >= 750) {
docEl.style.fontSize = "100px";
} else {
docEl.style.fontSize = 100 * (clientWidth / 750) + "px";
}
};

if (!doc.addEventListener) return;
recalc();
win.addEventListener(resizeEvt, recalc, false);
})(document, window);
// ...打赏朋友功能
$(".J__chooseDs").on("click", function () {
var dashangIdx = wcPop({
id: 'wdtPopHb',
title: '<a class="popui__tit-back wdt__ripple" href="javascript:;" onclick="wcPop.close();"><i class="iconfont icon-back"></i></a> <div class="popui__tit-text">打赏</div>',
skin: 'fullscreen',
content: $("#J__popupTmpl-Dashang").html(),
position: 'right',
style: 'background: #f3f3f3;',

show: function(){
$("body").on("click", "#J__chooseGift .gift", function () {
$(this).addClass("selected").siblings().removeClass("selected");
});
}
});
});

// ...拆开红包功能
$(".J__getRedPackets").on("click", function(){
var getHbIdx = wcPop({
id: 'wdtPopGetHb',
skin: 'ios',
content: $("#J__popupTmpl-getRedPacket").html(),
xclose: true,
style: 'background-color: #f3f3f3; width: 280px;',

show: function () {
$("body").on("click", ".J__btnGetRedPacket", function () {
var that = $(this);
that.addClass("active");
setTimeout(function(){
that.removeClass("active");
}, 1000);
});
}
});
});

// ...查看红包功能
$(".J__viewRedPackets").on("click", function(){
var viewHbIdx = wcPop({
id: 'wdtPopHb',
title: '<a class="popui__tit-back wdt__ripple" href="javascript:;" onclick="wcPop.close();"><i class="iconfont icon-back"></i></a> <div class="popui__tit-text">红包详情</div>',
skin: 'fullscreen',
content: $("#J__popupTmpl-viewRedPacket").html(),
position: 'top',
style: 'background: #f3f3f3;'
});
});

  • 欢迎大家一起交流、学习  Q:282310962  wx:xy190310

2
回复

android 9.0上发送图片和发送语音以及接收图片及语音 都会报异常 环信_Android

-_- 回复了问题 • 2 人关注 • 645 次浏览 • 2018-12-17 11:34 • 来自相关话题

2
回复

android 集成环信sdk,发送聊天消息后,退出app。在次打开app进入聊天界面消息消失 消息本地保存不了

知足常乐 回复了问题 • 3 人关注 • 959 次浏览 • 2018-12-14 20:35 • 来自相关话题

0
回复

asp.net快速开发框架--learun工作流通用组件设计规范 快速开发平台

回复

涵涵有小虎牙 发起了问题 • 1 人关注 • 638 次浏览 • 2018-12-14 17:10 • 来自相关话题

1
回复

easeUI 导入报错 问题如下 环信移动客服

beyond 回复了问题 • 2 人关注 • 681 次浏览 • 2018-12-14 11:52 • 来自相关话题

1
回复

$msg is not a function 环信_WebIM

beyond 回复了问题 • 2 人关注 • 575 次浏览 • 2018-12-14 11:42 • 来自相关话题

2
回复

互动直播和IM问题 环信_Android

beyond 回复了问题 • 2 人关注 • 681 次浏览 • 2018-12-14 11:39 • 来自相关话题

0
评论

微信小程序弹窗插件wcPop实例开发|自定义弹窗组件 微信小程序弹窗 小程序自定义model 小程序弹窗插件 小程序自定义对话框

xiaoyan2015 发表了文章 • 535 次浏览 • 2018-12-11 00:03 • 来自相关话题

微信小程序自定义showModel模态弹窗|alert警告弹窗|toast自定义图标弹窗
微信小程序自定义弹窗插件实战——wcPop组件,之前就想写一个小程序自定义弹窗插件扩展,但是由于时间的关系,一直真正进行开发。好吧,反正最近这段时间稍微比较清闲,趁着这个机会,就学习了下微信插件开发。
https://blog.csdn.net/yanxinyun1990











































































  查看全部
微信小程序自定义showModel模态弹窗|alert警告弹窗|toast自定义图标弹窗
微信小程序自定义弹窗插件实战——wcPop组件,之前就想写一个小程序自定义弹窗插件扩展,但是由于时间的关系,一直真正进行开发。好吧,反正最近这段时间稍微比较清闲,趁着这个机会,就学习了下微信插件开发。
https://blog.csdn.net/yanxinyun1990

360截图20181208133703698.png


001360截图20181117110044432.png


002360截图20181117110217296.png


003360截图20181117110249704.png


004360截图20181117110334240.png


005360截图20181117110613448.png


006360截图20181117110931312.png


007360截图20181117111007440.png


008360截图20181117111809104.png


011360截图20181117111916481.png


012360截图20181117112123619.png


014360截图20181117112238337.png


016360截图20181117112359769.png


017360截图20181117112517601.png


018360截图20181117112734640.png

 
0
评论

h5直播webapp项目|html5直播案例|h5直播模板 h5直播互动 h5小视频 h5聊天 h5视频直播

xiaoyan2015 发表了文章 • 602 次浏览 • 2018-12-10 23:57 • 来自相关话题

html5微直播聊天项目实例|weLiveShow直播h5|移动端h5直播|html5直播模板
最近试着利用html5技术开发了下直播项目,使用到了h5+css3+iscroll+zepot+swiper+wlsPop等技术混合模式开发,实现了群友互动聊天、新消息提醒、礼物动效展示,打赏主播、发红包、送礼物……
https://blog.csdn.net/yanxinyun1990


























































































 
 
  查看全部

html5微直播聊天项目实例|weLiveShow直播h5|移动端h5直播|html5直播模板


最近试着利用html5技术开发了下直播项目,使用到了h5+css3+iscroll+zepot+swiper+wlsPop等技术混合模式开发,实现了群友互动聊天、新消息提醒、礼物动效展示,打赏主播、发红包、送礼物……
https://blog.csdn.net/yanxinyun1990

001-360截图20181104094234436.png


003-360截图20181104094234436.png


004-360截图20181104095737443.png


005-360截图20181104095812016.png


006-360截图20181104100100390.png


007-360截图20181104100415889.png


009-360截图20181104100729956.png


009-360截图20181104100729956.png


011-360截图20181104100933641.png


013-360截图20181104102314202.png


014-360截图20181104102337969.png


015-360截图20181104102515553.png


015-360截图20181104102733534.png


017-360截图20181104102933051.png


018-360截图20181104103147258.png


019-360截图20181104103243870.png


020-360截图20181104103341497.png


20180817002157557.jpg

 
 
 
1
回复

关于emchat-server-java如何启动 Java版本emchat_server_java

beyond 回复了问题 • 2 人关注 • 636 次浏览 • 2018-12-10 18:41 • 来自相关话题