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 | 111 | \ No newline at end of file | ... | ... |