环信WebIM 发送图片消息和显示图片 发送文件和显示文件 发送表情和显示表情
生活随笔
收集整理的這篇文章主要介紹了
环信WebIM 发送图片消息和显示图片 发送文件和显示文件 发送表情和显示表情
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
今天抽空用jquery做了一下環(huán)信的對(duì)接,沒(méi)有做布局,只對(duì)接了他們的api
先看下頁(yè)面
Html 代碼如下
<!DOCTYPE> <html> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial.scale=1.0"><title>聊天</title> </head> <body><button onclick="register()">注冊(cè)</button> <button onclick="sendMsg()">發(fā)送消息</button> <button onclick="sendEmoji()">發(fā)送表情</button><input type="file" placeholder="請(qǐng)選擇圖片發(fā)送" value="請(qǐng)選擇圖片" onchange="sendImg(this)"/> 發(fā)送圖片<input type="file" placeholder="請(qǐng)選擇文件發(fā)送" value="請(qǐng)選擇文件" onchange="sendFile(this)"/>發(fā)送文件<input type="file" placeholder="請(qǐng)選擇音頻發(fā)送" value="請(qǐng)選擇文件" onchange="sendPrivateAudio(this)"/>發(fā)送音頻<input type="file" placeholder="請(qǐng)選擇視頻發(fā)送" value="請(qǐng)選擇文件" onchange="sendPrivateVideo(this)"/>發(fā)送視頻<!--<input placeholder="請(qǐng)復(fù)制圖片到此處"/>--><script src="../lib/webIM-SDK/webim.config.js"></script> <script src="../lib/webIM-SDK/strophe-1.2.8.js"></script> <script src="../lib/webIM-SDK/websdk-1.4.13.js"></script> <script src="index.js"></script> </body> </html>?
部分js代碼如下:
var conn = new WebIM.connection({isMultiLoginSessions: WebIM.config.isMultiLoginSessions,https: typeof WebIM.config.https === 'boolean' ? WebIM.config.https : location.protocol === 'https:',url: WebIM.config.xmppURL,heartBeatWait: WebIM.config.heartBeatWait,autoReconnectNumMax: WebIM.config.autoReconnectNumMax,autoReconnectInterval: WebIM.config.autoReconnectInterval,apiUrl: WebIM.config.apiURL,isAutoLogin: true }) conn.listen({onOpened: function (message) { //連接成功回調(diào)console.log('用戶已登錄環(huán)信')// 如果isAutoLogin設(shè)置為false,那么必須手動(dòng)設(shè)置上線,否則無(wú)法收消息// 手動(dòng)上線指的是調(diào)用conn.setPresence(); 如果conn初始化時(shí)已將isAutoLogin設(shè)置為true// 則無(wú)需調(diào)用conn.setPresence();},onClosed: function (message) {}, //連接關(guān)閉回調(diào)onTextMessage: function (message) { //收到文本消息console.log(`已收到文本消息,消息內(nèi)容為${JSON.stringify(message)}`)},onEmojiMessage: function (message) { //收到表情消息// console.log(WebIM.utils.parseEmoji(message))console.log(`已收到表情消息,消息內(nèi)容為${JSON.stringify(message)}`)},onPictureMessage: function (message) {//收到圖片消息console.log(`已收到圖片消息,消息內(nèi)容為${JSON.stringify(message)}`)},onCmdMessage: function (message) {}, //收到命令消息onAudioMessage: function (message) { //收到音頻消息console.log(`已收到音頻消息,消息內(nèi)容為${JSON.stringify(message)}`)},onLocationMessage: function (message) {},//收到位置消息onFileMessage: function (message) { //收到文件消息console.log(`已收到文件消息,消息內(nèi)容為${JSON.stringify(message)}`)},onVideoMessage: function (message) { //收到視頻消息console.log(`已收到視頻消息,消息內(nèi)容為${JSON.stringify(message)}`)var node = document.getElementById('privateVideo')var option = {url: message.url,headers: {'Accept': 'audio/mp4'},onFileDownloadComplete: function (response) {var objectURL = WebIM.utils.parseDownloadResponse.call(conn, response)node.src = objectURL},onFileDownloadError: function () {console.log('File down load error.')}}WebIM.utils.download.call(conn, option)},onPresence: function (message) {}, //處理“廣播”或“發(fā)布-訂閱”消息,如聯(lián)系人訂閱請(qǐng)求、處理群組、聊天室被踢解散等消息onRoster: function (message) {}, //處理好友申請(qǐng)onInviteMessage: function (message) {}, //處理群組邀請(qǐng)onOnline: function () {}, //本機(jī)網(wǎng)絡(luò)連接成功onOffline: function () {}, //本機(jī)網(wǎng)絡(luò)掉線onError: function (message) {}, //失敗回調(diào)onBlacklistUpdate: function (list) { //黑名單變動(dòng)// 查詢黑名單,將好友拉黑,將好友從黑名單移除都會(huì)回調(diào)這個(gè)函數(shù),list則是黑名單現(xiàn)有的所有好友信息console.log(list)},onReceivedMessage: function (message) {}, //收到消息送達(dá)服務(wù)器回執(zhí)onDeliveredMessage: function (message) {}, //收到消息送達(dá)客戶端回執(zhí)onReadMessage: function (message) {}, //收到消息已讀回執(zhí)onCreateGroup: function (message) {}, //創(chuàng)建群組成功回執(zhí)(需調(diào)用createGroupNew)onMutedMessage: function (message) {} //如果用戶在A群組被禁言,在A群發(fā)消息會(huì)走這個(gè)回調(diào)并且消息不會(huì)傳遞給群其它成員 })let urlParams = getParamsFromUrl() let currentUser = urlParams.currentUser let sendUser = urlParams.sendUser?
調(diào)試了發(fā)送文本,表情,圖片,文件,和音頻消息? 視頻消息由于SDK有問(wèn)題,無(wú)法調(diào)通
?
?
有任何環(huán)信集成,對(duì)接的問(wèn)題都可以咨詢我,時(shí)間寶貴,不免費(fèi)幫人解決問(wèn)題.謝謝
微信demon_0212 請(qǐng)注明 'CSDN環(huán)信集成'
總結(jié)
以上是生活随笔為你收集整理的环信WebIM 发送图片消息和显示图片 发送文件和显示文件 发送表情和显示表情的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: android 定位蓝牙,Android
- 下一篇: LM小型可编程控制器软件(基于CoDeS