Git Product home page Git Product logo

websdk-demo's Introduction

引导说明

写给前端新手的工程管理建议: https://support.rongcloud.cn/kb/NzUx

开发 IM 的基本思路: https://support.rongcloud.cn/kb/NzQ4

消息类型与文件格式: http://support.rongcloud.cn/kb/NjE0

用信息处理: http://support.rongcloud.cn/kb/NjQ5

WebSDK demo

WebSDK API 示例(基于 IM SDK V4): https://rongcloud.github.io/websdk-demo/api-test-v4

WebSDK API 示例(基于 IM SDK V3): https://rongcloud.github.io/websdk-demo/api-test

SDK源码: https://github.com/rongcloud/rongcloud-web-im-sdk-v2

常见问题: https://github.com/rongcloud/websdk-demo/blob/master/faq.md

Require SDK: https://rongcloud.github.io/websdk-demo/require.html

Require SDK in Electron: https://github.com/rongcloud/websdk-demo/tree/master/electron/requirejs-in-node.html

Normal SDK in Electron: https://github.com/rongcloud/websdk-demo/tree/master/electron/normal.html

WebSDK in electron-vue: https://github.com/rongcloud/websdk-demo/tree/master/electron-vue

引用本地 SDK: 将 WebSDK 下载至本地引用即可,初始化示例

初始化、消息监听: https://rongcloud.github.io/websdk-demo/connect-check.html

消息监听回调队列: https://rongcloud.github.io/websdk-demo/init-muti.html

获取历史消息: https://rongcloud.github.io/websdk-demo/histroy-messages.html

聊天室自定义属性: https://github.com/rongcloud/websdk-demo/tree/master/chrm-kv-demo

WebSDK Vue Require 示例: https://rongcloud.github.io/websdk-demo/vue/require.html

WebSDK Vue Normal 示例: https://rongcloud.github.io/websdk-demo/vue/normal.html

WebSDK Vue CLI 3.x 示例: https://github.com/rongcloud/websdk-demo/tree/master/vue-cli

WebSDK Vue CLI 4.x 示例: https://github.com/rongcloud/websdk-demo/tree/master/vue-cli-4

WebSDK React 示例: https://rongcloud.github.io/websdk-demo/react/im.html

WebSDK SeaJS 示例: https://rongcloud.github.io/websdk-demo/seajs.html

扩展组件 Component

Emoji: https://rongcloud.github.io/websdk-demo/emoji.html

视频播放(Video + Flash): https://rongcloud.github.io/websdk-demo/video/player.html

声音播放: https://rongcloud.github.io/websdk-demo/voice.html

上传组件: https://github.com/rongcloud/rongcloud-web-im-upload

集成项目

集成指南: https://rongcloud.github.io/websdk-demo/integrate/guide.html

Web 聊天室 (弹幕效果):https://rongcloud.github.io/websdk-demo/chatroom/chatroom.html

Web IM(无框架依赖): https://rongcloud.github.io/websdk-demo/im/im.html

Web IM(Angular): https://github.com/rongcloud/rongcloud-web-im-widget

Web IM H5(Angular): https://github.com/rongcloud/rongcloud-web-im-widget-h5

Web 对接佳信客服(无框架依赖): https://rongcloud.github.io/websdk-demo/cs/jx/cs.html

Web 对接智齿客服(无框架依赖): https://rongcloud.github.io/websdk-demo/cs/sobot/cs.html

SealTalk 项目源码

SealTalk Server: https://github.com/sealtalk/sealtalk-server

SealTalk Web: https://github.com/sealtalk/sealtalk-web

SealTalk Desktop: https://github.com/sealtalk/sealtalk-desktop

websdk-demo's People

Contributors

ericyangpan avatar francisll avatar kenny1zhao avatar yuhongda0315 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

websdk-demo's Issues

在Electron-vue生成的项目里,引入sdk,不能成功connect

1、通过初始化 electron-vue 项目后,在 index.ejs 中引入融云 WebIMSDK ( RongIMLib-2.3.2.js ) 2、按照融云 demo 中的初始化方法 startInit 去初始化 3、初始化方法执行了,打印 RongIMLib 和 RongIMClient 对象都有值,但是没有走 RongIMClient.connect 开始连接的方法,也没有任何报错信息

测试一:自己新建了一个 vue-cli 脚手架的网页项目,在 index.html 中引入 RongIMLib-2.3.2.js ,并实现 startInit 初始化方法,运行程序提示连接成功,执行了 RongIMClient.connect,表明已正确集成了 SDK
测试二:自己新建一个纯 Electron 的项目,按照步骤引入 sdk,连接成功

疑问:为什么 electron-vue 项目中会集成失败?

websdk: RongCallLib.commandWatch命令监听问题

有以下场景:
用户A打开页面,向用用户B发送视屏邀请(此时用户B没有打开页面);
然后,用户B打开页面,控制台显示有onRecrived消息过来,但是没有触发RongCallLib.commandWatch,请问这是bug还是设计就这样?
提议:这种场景触发回调会更好
image

佳信客服无法弹出聊天界面

佳信客服无法弹出聊天界面,只打印“客服初始化成功”。
另外一个客服sobot,好像是智齿客服,可以进入聊天界面,代码都是刚拉的最新的。融云后台目前好像不支持智齿客服了吗?

IE11下无法使用的问题?

IE11下点击init后,连接成功回调无法执行且聊天窗口无法显示的bug,提示Notification not defined

emojiToSymbol 在vue中使用的时候提示 symbol is not defined

https://cdn.ronghub.com/RongEmoji-2.2.7.js 305 行 symbol = detail ? '[' + detail[lang] + ']' : tag;

/**
     * 将字符串中的原生emoji字符转化为 对应的文字标识
     * @param  {string} content 必填,需要转化的包含emoji的字符串
     * @param  {regExp} reg     可选,匹配的正则表达式
     * @param  {func} function  可选,emoji的显示方式
     * @return {string}         转化后的字符串
     */
    var emojiToSymbol = function(content, reg, func) {
        CheckParam.check(['string', 'regexp|null|undefined'], 'emojiToSymbol', arguments);
        content = unicodeToEmoji(content, reg);
        return content.replace(EmojiReg, function(tag) {
            var lang = Config.lang;
            var detail = getDetail('tag', tag);
            symbol = detail ? '[' + detail[lang] + ']' : tag;
            return func ? func(symbol) : symbol;
        });
    };

上述方法在vue 项目中使用时,提示symbol is not defined

引入RongIMLib-cs.min.js 一直报错

按照文档引入:

<script src="../RongIMLib-cs.min.js"></script> <script src="//cdn.ronghub.com/RongIMVoice-2.2.4.min.js"></script> <script src="cs.min.js"></script>

结果提示Uncaught TypeError: Cannot read property 'length' of undefined
dk6ojbg_ iv4rn0g 5 0y 0
pqu r xb7_nvx s5vef1 d

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.