资讯专栏INFORMATION COLUMN

魔方实时通信im组件

only_do / 2712人阅读

摘要:为引擎依赖库引擎核心库即时消息库用户登录的相关信息配置里面的信息去时信魔方官网注册获取定义一个来监听消息的收取发送文件上传消息撤回等各种事件自定义元素的在引入我们所需要的,使用聊天界面就搭建好了。

魔方实时通信/协作引擎(Web SDK)是一个全能力的实时云端协作引擎

魔方实时通信,请点击这个

这个SDK可以是实现的功能有很多,目前我就先写一个聊天的组件,后续组件慢慢来~ ~ ~

项目的源代码在这里

在线演示

项目结构如下:

直接打开浏览器访问index.html页面,效果图如下:

复制index.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标签上添加 sendImg属性就可以发送图片

在cube-message标签上添加 sendFile属性就可以发送文件

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/99994.html

相关文章

  • 魔方实时通信im组件

    摘要:魔方实时通信协作引擎是一个全能力的实时云端协作引擎魔方实时通信,请点击这个这个可以是实现的功能有很多,目前我就先写一个聊天的组件,后续组件慢慢来项目的源代码在这里在线演示项目结构如下直接打开浏览器访问页面,效果图如下登录中。。。 魔方实时通信/协作引擎(Web SDK)是一个全能力的实时云端协作引擎 魔方实时通信,请点击这个 这个SDK可以是实现的功能有很多,目前我就先写一个聊天的组件...

    light 评论0 收藏0
  • 魔方实时通信一对一音视频组件

    摘要:魔方实时通信协作引擎是一个全能力的实时云端协作引擎魔方实时通信,请点击这个继上一个聊天组件增加了发动语音,语音视频通话功能项目的源代码在这里在线演示项目结构如下直接打开浏览器访问页面,效果图如下音视屏通话效果复制就可以用了登录中。。。 魔方实时通信/协作引擎(Web SDK)是一个全能力的实时云端协作引擎 魔方实时通信,请点击这个 继上一个im聊天组件增加了发动语音,语音视频通话功能 ...

    Steve_Wang_ 评论0 收藏0
  • Android云通信IM系列(1)-集成与配置

    摘要:如果有朋友对不了解,可以看我之前的文章基本操作初始化可以直接看官网址或者我们可以下载云通信的,然后仿照它的初始化配置也可以的。 前言 因为项目中用到了腾讯云通信,网上云通信IM的文章很少,所以我打算详细写一下,希望对大家有所帮助。 什么是云通信IM 云通信 IM(Instant Messaging)承载亿级 QQ 用户即时通讯技术,数十年技术积累,腾讯云为您提供超乎寻常即时通讯聊天服务...

    tainzhi 评论0 收藏0

发表评论

0条评论

only_do

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<