OPEN-API / WIKI · Files

IM聊天室JSSDK使用

---

使用JSSDK的demo地址：http://im.cnlive.com:8080/cnlive_im_h5/index.html

---

引入JSSDK, JS插件地址: http://resweb.cnliveimg.com/sites/cnlive/CNLliveIMLib.min.js

---

JSSDK参数说明

        appId: '',     // 应用ID（必填）
        sid: '',       // 用户的id，必须唯一(必填)
        nickName: '',  // 用户昵称
        faceUrl: '',   // 用户头像
        chatroomId: '',// 聊天室id（必填），前提：聊天室已存在
        onConnect: function(status,msg){   
            // 聊天室链接状态
        },
        onMessage: function(message) {  
            // 接收聊天室的消息，默认拉取最新的50条数据，时间正序排列（现在仅支持文本和图片）
        }

---

接口方法

---

加入聊天室、接收消息

IM.start({
        appId: '60_iqj730vn11',
        sid : '2',
        nickName : 'nick0072',
        faceUrl : '',
        chatroomId : '117_001',
        onConnect : function(status,msg){
          console.log(status,msg);
        },
        onMessage : function(message) {
               switch(message.messageType){

                case CNLiveMessageType.TextMessage:
                       // 发送的消息内容将会被打印
                    console.log(message.content.content);
                    break;
                case CNLiveMessageType.VoiceMessage:
                    // 对声音进行预加载                
                    // message.content.content 格式为 AMR 格式的 base64 码
                    console.log(message.content.content);
                    break;
                case CNLiveMessageType.ImageMessage:
                    // do something...
                    //图片地址
                      console.log(message.content.imageUri);
                    //图片缩略图
                    console.log(message.content.content);
                    break;
                case CNLiveMessageType.DiscussionNotificationMessage:
                    // do something...
                    break;
                case CNLiveMessageType.LocationMessage:
                    // do something...
                    break;
                case CNLiveMessageType.RichContentMessage:
                    // do something...
                    break;
                case CNLiveMessageType.DiscussionNotificationMessage:
                    // do something...
                    break;
                case CNLiveMessageType.InformationNotificationMessage:
                    // do something...
                    break;
                case CNLiveMessageType.ContactNotificationMessage:
                    // do something...
                    break;
                case CNLiveMessageType.ProfileNotificationMessage:
                    // do something...
                    break;
                case CNLiveMessageType.CommandNotificationMessage:
                    // do something...
                    break;
                case CNLiveMessageType.CommandMessage:
                    // do something...
                    break;
                case CNLiveMessageType.UnknownMessage:
                    // do something...
                    break;
                default:
                    // 自定义消息
                    // do something...
             }
         }
    });

---

退出聊天室

 IM.quit();

---

发送文本消息

 // 建议聊天室成功连接后，再发送消息
 IM.sendTxtMessage({
     msg : '消息内容'  
 });

---

发送图文消息

 // 建议聊天室成功连接后，再发送消息
 IM.sendImageMessage({
    msg : '图片地址',    // 图片地址,http://xxx
    thumbnail : 'base64 格式缩略图' // 图片转为可以使用 HTML5 的 FileReader 或者 canvas 也可以上传到后台进行转换。
  });