Commit 27a4d4219265ccdd19ec87b960b578350962efb4
1 parent
a10dde88
add
Showing
1 changed file
with
110 additions
and
0 deletions
05.互动云/5.1 JSSDK使用.md
0 → 100644
| 1 | +### IM聊天室JSSDK使用 | ||
| 2 | +----- | ||
| 3 | +#### 引入JSSDK，URL: http://resweb.cnliveimg.com/sites/cnlive/CNLliveIMLib.min.js | ||
| 4 | +----- | ||
| 5 | +#### JSSDK参数说明 | ||
| 6 | +``` | ||
| 7 | + appId: '', // 应用ID（必填） | ||
| 8 | + sid: '', // 用户的id，必须唯一(必填) | ||
| 9 | + nickName: '', // 用户昵称 | ||
| 10 | + faceUrl: '', // 用户头像 | ||
| 11 | + chatroomId: '',// 聊天室id（必填），前提：聊天室已存在 | ||
| 12 | + onConnect: function(status,msg){ | ||
| 13 | + // 聊天室链接状态 | ||
| 14 | + }, | ||
| 15 | + onMessage: function(message) { | ||
| 16 | + // 接收聊天室的消息，默认拉取最新的50条数据，时间正序排列（现在仅支持文本和图片） | ||
| 17 | + } | ||
| 18 | +``` | ||
| 19 | +----- | ||
| 20 | +#### 接口方法 | ||
| 21 | +----- | ||
| 22 | +##### 加入聊天室、接收消息 | ||
| 23 | +``` | ||
| 24 | +IM.start({ | ||
| 25 | + appId: '60_iqj730vn11', | ||
| 26 | + sid : '2', | ||
| 27 | + nickName : 'nick0072', | ||
| 28 | + faceUrl : '', | ||
| 29 | + chatroomId : '117_001', | ||
| 30 | + onConnect : function(status,msg){ | ||
| 31 | + console.log(status,msg); | ||
| 32 | + }, | ||
| 33 | + onMessage : function(message) { | ||
| 34 | + switch(message.messageType){ | ||
| 35 | + | ||
| 36 | + case CNLiveMessageType.TextMessage: | ||
| 37 | + // 发送的消息内容将会被打印 | ||
| 38 | + console.log(message.content.content); | ||
| 39 | + break; | ||
| 40 | + case CNLiveMessageType.VoiceMessage: | ||
| 41 | + // 对声音进行预加载 | ||
| 42 | + // message.content.content 格式为 AMR 格式的 base64 码 | ||
| 43 | + console.log(message.content.content); | ||
| 44 | + break; | ||
| 45 | + case CNLiveMessageType.ImageMessage: | ||
| 46 | + // do something... | ||
| 47 | + //图片地址 | ||
| 48 | + console.log(message.content.imageUri); | ||
| 49 | + //图片缩略图 | ||
| 50 | + console.log(message.content.content); | ||
| 51 | + break; | ||
| 52 | + case CNLiveMessageType.DiscussionNotificationMessage: | ||
| 53 | + // do something... | ||
| 54 | + break; | ||
| 55 | + case CNLiveMessageType.LocationMessage: | ||
| 56 | + // do something... | ||
| 57 | + break; | ||
| 58 | + case CNLiveMessageType.RichContentMessage: | ||
| 59 | + // do something... | ||
| 60 | + break; | ||
| 61 | + case CNLiveMessageType.DiscussionNotificationMessage: | ||
| 62 | + // do something... | ||
| 63 | + break; | ||
| 64 | + case CNLiveMessageType.InformationNotificationMessage: | ||
| 65 | + // do something... | ||
| 66 | + break; | ||
| 67 | + case CNLiveMessageType.ContactNotificationMessage: | ||
| 68 | + // do something... | ||
| 69 | + break; | ||
| 70 | + case CNLiveMessageType.ProfileNotificationMessage: | ||
| 71 | + // do something... | ||
| 72 | + break; | ||
| 73 | + case CNLiveMessageType.CommandNotificationMessage: | ||
| 74 | + // do something... | ||
| 75 | + break; | ||
| 76 | + case CNLiveMessageType.CommandMessage: | ||
| 77 | + // do something... | ||
| 78 | + break; | ||
| 79 | + case CNLiveMessageType.UnknownMessage: | ||
| 80 | + // do something... | ||
| 81 | + break; | ||
| 82 | + default: | ||
| 83 | + // 自定义消息 | ||
| 84 | + // do something... | ||
| 85 | + } | ||
| 86 | + } | ||
| 87 | + }); | ||
| 88 | +``` | ||
| 89 | +----- | ||
| 90 | +##### 退出聊天室 | ||
| 91 | +``` | ||
| 92 | + IM.quit(); | ||
| 93 | +``` | ||
| 94 | +----- | ||
| 95 | +##### 发送文本消息 | ||
| 96 | +``` | ||
| 97 | + // 建议聊天室成功连接后，再发送消息 | ||
| 98 | + IM.sendTxtMessage({ | ||
| 99 | + msg : '消息内容' | ||
| 100 | + }); | ||
| 101 | +``` | ||
| 102 | +----- | ||
| 103 | +##### 发送图文消息 | ||
| 104 | +``` | ||
| 105 | + // 建议聊天室成功连接后，再发送消息 | ||
| 106 | + IM.sendImageMessage({ | ||
| 107 | + msg : '图片地址', // 图片地址,http://xxx | ||
| 108 | + thumbnail : 'base64 格式缩略图' // 图片转为可以使用 HTML5 的 FileReader 或者 canvas 也可以上传到后台进行转换。 | ||
| 109 | + }); | ||
| 110 | +``` | ||
| 0 | \ No newline at end of file | 111 | \ No newline at end of file |