魔方实时通信im组件
魔方实时通信/协作引擎(Web SDK)是一个全能力的实时云端协作引擎
魔方实时通信，请点击这个
这个SDK可以是实现的功能有很多，目前我就先写一个聊天的组件，后续组件慢慢来~ ~ ~
项目的源代码在这里
在线演示
项目结构如下：
直接打开浏览器访问index.html页面，效果图如下：
index.html:
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><link rel="stylesheet" type="text/css" href="css/reset.css" /><link rel="stylesheet" type="text/css" href="css/grid.css" /><link rel="stylesheet" type="text/css" href="css/message.css" /></head><body><div id="root">登录中。。。</div><!--sendImg 发送图片按钮 sendFile 发送文件按钮--><cube-message class="app-drawer" sendImg sendFile sendAudio></cube-message></body><script type="text/javascript">//必填登录信息var loginInfo = {'messagePeer': '10255986', //接收方的userId'userId': '10255984', //登录用户的userId'appId': '9c2ed36ae5d34131b3768ea432da6cea005','appKey': '5df6d5495fb74b35ad157c94977527ff005',};</script><!-- 引擎js --><script type="text/javascript" src="js/lib/Genie-min.js"></script><script type="text/javascript" src="js/lib/cube-core.js"></script><script type="text/javascript" src="js/lib/cube-message.js"></script><script type="text/javascript" src="js/lib/cube-signaling.js"></script><!-- 自定义元素 --><script type="text/javascript" src="js/component/Component.js"></script><script type="text/javascript" src="js/component/CubeMessage.js"></script><script type="text/javascript" src="js/base/message.js"></script><!--<script type="text/javascript" src="js/base/signaling.js"></script>--><script type="text/javascript" src="js/base/base.js"></script></html>在启动之前，你只需要引入需要的各个js文件。
lib/Genie-min.js 为引擎依赖库
lib/cube-core.js 引擎核心库
lib/cube-message.js 即时消息库
base/base.js 用户登录的相关信息配置（loginInfo里面的信息去时信魔方官网注册获取）
base/message.js 定义一个 AppMessageListener 来监听消息的收取、发送、文件上传、消息撤回等各种事件
component/CubeMessage.js 自定义元素的js
在html引入我们所需要的js，使用<cube-message class="app-drawer" sendImg sendFile></cube-message>聊天界面就搭建好了。
你可以根据需求是否需要发送图片，文件等消息类型
在cube-message标签上添加 sendImg属性就可以发送图片
在cube-message标签上添加 sendFile属性就可以发送文件
魔方实时通信im组件相关推荐
- AliOS Things 组件系统（uCube）
摘要: AliOS Things 是阿里巴巴提供的物联网操作系统,可以在不同的设备上运行不同的功能,甚至相同的设备运行不同的功能,AliOS Things 基于组件管理: 1. 组件功能单一,复用组件 ...
- win10壁纸不能幻灯片放映_有个性，做不同，10分钟让你的Win10酷起来！
大家好,我是小诸葛,一个喜欢捣鼓电脑的小机灵鬼儿,如果关注电脑 手机信息,可以关注小诸葛! 小诸葛 如何把Win10界面改成你喜欢的样子? 跟着我,动动手指就可以让你的Win10换个模样! 1.二次元 ...
- 解决升级Chrome浏览器之后出现跨域错误：Access to xxx has been blocked by CORS policy: XXXX
一.错误产生的背景 Google Chrome浏览器升级 1.1 Google Chrome漏洞报告,要求升级 近日,Google Chrome官方发布Google Chrome远程代码执行漏洞(CV ...
- U盘安装Win7操作系统
玩转Windows7系统镜像四部曲 Step 1: 下载Win7 ISO系统镜像 温馨提示:请您尽量选用Win7之家提供的官方原版镜像安装,因为正版比各种所谓的"精简版.纯净版" ...
- 可以实现微信小程序父子组件实时通信的插件
小程序在组件化开发的时候可能没有达到vue那样的便捷,例如跨组件状态同步等. 这个插件可以: 1.通过代理的方式,为小程序添加了跨组件实时通信:父子组件实时同步状态功能: 2.与vue相似的Watch ...
- 跨平台工具、组件和框架的汇总
本文主要是对跨平台工具.组件和框架的汇总,包括游戏引擎.编程语言.移动开发.网络通信.图形界面等等 Qt是1991年奇趣科技开发的一个跨平台的C++图形用户界面应用程序框架.它提供给应用程序开发者建立 ...
- ASP.NET MVC使用Bootstrap系列（3）——使用Bootstrap 组件
Bootstrap为我们提供了十几种的可复用组件,包括字体图标.下拉菜单.导航.警告框.弹出框.输入框组等.在你的Web Application中使用这些组件,将为用户提供一致和简单易用的用户体验. ...
- 这引人联想的机械右手！玩转魔方，灵活不输人类，OpenAI：前所未有
边策 鱼羊 发自 凹非寺 量子位 报道 | 公众号 QbitAI OpenAI官方为这只AI机械手激动了: "机器人的前所未有之境,就算人类也难以做到." 说的啥新进展?单手玩魔方 ...
- 黑魔方之《计算机学习金手册》（无格式纯文本版）
讨论1 为什么学? 现在已经很少有人再提这样的问题了. 因为计算机的普及已经实实在在地渗透到人们生活的方方面面.你.我.他,还有更多的人正在享受着计算机带来的高效.便利.神奇和快乐.几乎没有人愿意拒绝 ...
- iCOM组件（iComponent，应用或学习组件）
iCOM(英文全称:i + component,应用或学习组件,或iCOM组件),为学习资源的一种表现形式,是面向不同类型的学习对象(某一知识点或某一类知识点,如词汇.句子)专门开发的.在外部可重用的 ...
最新文章
- Python中处理时间 —— time模块
- 数据驱动的云托管服务最佳范式
- SpiderData 2019年2月12日 DApp数据排行榜
- marin 初学LINUX之路
- 生日快乐程序_别@官方了！云开发教你制作个性头像小程序，以后过节想加啥就加啥！...
- c java 内部类_java程序中能否在内部类当中再定义一个内部类？
- 复杂高端木马USB窃贼出现
- const限定符用法汇总
- python encode函数_关于字符串：在python中使用unicode()和encode()函数
- linux ssh 正向代理与反向代理
- maven的网易镜像
- ZZULIOJ.1101: 逆序数字（函数专题）
- 娜璋初识（一）你的酒窝没有酒，我却醉得像条狗，看程序员如何表白
- python中对文件的操作总结
- python图像平移,Python 图像扩充之旋转、平移、缩放、裁剪
- WindowsGhost 还原系统 0xc0000428 错误
- 当我们在讨论智能家居时，我们到底在讨论什么？
- 实名认证失败_身份证在国政通进行实名认证失败怎么办？
- 网络打印协议之LPR或RAW
- 事业单位计算机专业能力测试考什么内容,事业单位职业能力测试考什么