From 8591eb30e12f37b0ab22a2b7a65596e7ee3017d5 Mon Sep 17 00:00:00 2001 From: xsx <825657193@qq.com> Date: Sun, 31 Mar 2024 21:52:08 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E7=A7=BB=E5=8A=A8=E7=AB=AF=E6=94=AF?= =?UTF-8?q?=E6=8C=81=E8=AF=AD=E9=9F=B3=E6=B6=88=E6=81=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 3 +-- im-ui/src/assets/iconfont/iconfont.css | 6 ++++- im-ui/src/assets/iconfont/iconfont.ttf | Bin 4836 -> 5040 bytes im-ui/src/view/Home.vue | 6 +++-- im-ui/src/view/Login.vue | 22 +++++++----------- im-uniapp/App.vue | 4 ++++ .../chat-message-item/chat-message-item.vue | 6 ++++- im-uniapp/manifest.json | 1 + im-uniapp/pages/chat/chat-box.vue | 20 ++++++++++++---- 9 files changed, 45 insertions(+), 23 deletions(-) diff --git a/README.md b/README.md index cdc506e..9af1974 100644 --- a/README.md +++ b/README.md @@ -41,7 +41,7 @@ ![输入图片说明](%E6%88%AA%E5%9B%BE/wx%E5%B0%8F%E7%A8%8B%E5%BA%8F%E4%BA%8C%E7%BB%B4%E7%A0%81.jpg) - +注:由于每次发布小程序都需要经过严格且繁琐的审核，当前线上微信小程序并非最新版本，最后一次更新时间是2023年12月 #### 相关项目 @@ -260,5 +260,4 @@ wsApi.onClose((e) => { 1. 本系统允许用于商业用途，且不收费（自愿投币）。**但切记不要用于任何非法用途** ，本软件作者不会为此承担任何责任 1. 基于本系统二次开发后再次开源的项目，请注明引用出处，以避免引发不必要的误会 1. 如果您也想体验开源(bei bai piao)的快感，成为本项目的贡献者，欢迎提交PR。开发前最好提前联系作者，避免功能重复开发 -1. 如果您不具备搭建本系统的能力，作者可以提供付费搭建服务，收费标准：150~200元/次。需自备服务器(必要)、域名和ssl证书(可选)、企业主体小程序账号(可选) diff --git a/im-ui/src/assets/iconfont/iconfont.css b/im-ui/src/assets/iconfont/iconfont.css index af7aa38..dbe25ef 100644 --- a/im-ui/src/assets/iconfont/iconfont.css +++ b/im-ui/src/assets/iconfont/iconfont.css @@ -1,6 +1,6 @@ @font-face { font-family: "iconfont"; /* Project id 3791506 */ - src: url('iconfont.ttf?t=1710567233281') format('truetype'); + src: url('iconfont.ttf?t=1711892447736') format('truetype'); } .iconfont { @@ -11,6 +11,10 @@ -moz-osx-font-smoothing: grayscale; } +.icon-exit:before { + content: "\e9e4"; +} + .icon-chat-video:before { content: "\e73b"; } diff --git a/im-ui/src/assets/iconfont/iconfont.ttf b/im-ui/src/assets/iconfont/iconfont.ttf index b1d7cb7f0e66038175edc55436fe539bd269dea0..81a162396ade1cbd65631cb744e9a14d9aaf3a3e 100644 GIT binary patch delta 795 zcmZ{hUr5tY6vw~k{_ZwQ_uDjcGIWVkOFk_F#8GBucywYYG<)#^AUA;0<>X-eYVcLTVd3vLecrv=Nv_Gt?il*jgWb{N)%9bOcy5<71#l%U;i3ng{8 zVDb0ufEb=oHQk|)VoAK$>a{nrS8m$8w%fK1^#h8Zw1-+9w+-=~TTYxTZ*8Lb!{wEM zW(qdi^R-mz@d;hjH;WDmwY5`gqrM931n$JCwLQ#n7EVs&Vr-EuT!@G| z+?CQM+Qlr4HZDXA#6?KB4=N(=jNsDT6ixp-H)z#){N6qH-1G52dqdv`w{t5wKsEq8 zoGpiy!3B*mu$Wf%PwW&z8e#MFz3M_iMc0d>oeNx?X1{_JH&;2hLX(pDvw^)cSy) zVJ7U?4sv%=5W3{&r_G+3^u!OueFlJUnJ@4EovjTYUXk}0l#SACT}o%=trYZ`+}F2M z@7>dO6gYv`_J($Tu#VXda#y^mCO}t(JbJ zuIGj6|NDRh0yb5MprbuRC@qR4;v5&z;{Db~66lr}S*csKv?O2x2diQJ!agt=2Rp)y zI_#om(!nV(>kiI?VNVMu!(2J+qK&-6F5kFx+@mlwnQNg$?&+|C&I=AJn>LMOxh>Ds xl&YwYUeQ1bV^(jl9ZIBp~rfc{{W#Yh64Zq diff --git a/im-ui/src/view/Home.vue b/im-ui/src/view/Home.vue index d23677b..6ad830a 100644 --- a/im-ui/src/view/Home.vue +++ b/im-ui/src/view/Home.vue @@ -29,7 +29,7 @@
- +
@@ -372,10 +372,12 @@ width: 60px; bottom: 40px; color: #aaaaaa; - font-size: 24px; text-align: center; cursor: pointer; + .icon { + font-size: 28px; + } &:hover { color: white !important; } diff --git a/im-ui/src/view/Login.vue b/im-ui/src/view/Login.vue index f4031ec..f3d8b2f 100644 --- a/im-ui/src/view/Login.vue +++ b/im-ui/src/view/Login.vue @@ -5,35 +5,31 @@

盒子IM 2.0版本已上线：

    -
  • 加入uniapp移动版本，支持移动端和web端同时在线，多端消息同步
    • -
  • 目前移动端仅兼容h5和微信小程序，后续会继续兼容更多终端类型
    • +
  • 加入uniapp移动端,支持移动端和web端同时在线，多端消息同步
    • +
  • 目前uniapp移动端支持安卓、ios、h5、微信小程序
  • 聊天窗口支持粘贴截图、@群成员、已读未读显示
    • -
  • 页面风格升级:表情包更新、自动生成文字头像等
  • 支持群聊已读显示(回执消息)
  • 语雀文档 盒子IM详细介绍文档,目前限时免费开放中
-
-

最近更新(2024-02-24)：

-
    -
  • uniapp端兼容ios和andriod, - 点击下载安卓客户端 -
    • -
  • uniapp端的启动和打包方式有所变化，具体请参考语雀文档
    • -
-

最近更新(2024-03-17)：

+
+

最近更新(2024-03-31)：

+
    +
  • uniapp移动端支持发送语音消息
    • +
+

如果本项目对您有帮助,请在gitee上帮忙点个star

diff --git a/im-uniapp/App.vue b/im-uniapp/App.vue index 49665dd..5a3a7fe 100644 --- a/im-uniapp/App.vue +++ b/im-uniapp/App.vue @@ -106,6 +106,10 @@ // webrtc 信令 if (msg.type >= enums.MESSAGE_TYPE.RTC_CALL_VOICE && msg.type <= enums.MESSAGE_TYPE.RTC_CANDIDATE) { + // #ifdef MP-WEIXIN + // 小程序不支持音视频 + return; + // #endif // 被呼叫，弹出视频页面 if(msg.type == enums.MESSAGE_TYPE.RTC_CALL_VOICE || msg.type == enums.MESSAGE_TYPE.RTC_CALL_VIDEO){ diff --git a/im-uniapp/components/chat-message-item/chat-message-item.vue b/im-uniapp/components/chat-message-item/chat-message-item.vue index 6f69044..43dc856 100644 --- a/im-uniapp/components/chat-message-item/chat-message-item.vue +++ b/im-uniapp/components/chat-message-item/chat-message-item.vue @@ -139,12 +139,16 @@ // 初始化音频播放器 if (!this.innerAudioContext) { this.innerAudioContext = uni.createInnerAudioContext(); - let url = JSON.parse(this.msgInfo.content).url + let url = JSON.parse(this.msgInfo.content).url; this.innerAudioContext.src = url; this.innerAudioContext.onEnded((e) => { console.log('停止') this.audioPlayState = "STOP" }) + this.innerAudioContext.onError((e) =>{ + console.log("播放音频出错"); + console.log(e) + }); } if (this.audioPlayState == 'STOP') { this.innerAudioContext.play(); diff --git a/im-uniapp/manifest.json b/im-uniapp/manifest.json index f74a80f..e5d7646 100644 --- a/im-uniapp/manifest.json +++ b/im-uniapp/manifest.json @@ -100,6 +100,7 @@ /* 小程序特有相关 */ "mp-weixin" : { "appid" : "wxda94f40bfad0262c", + "libVersion": "latest", "setting" : { "urlCheck" : false }, diff --git a/im-uniapp/pages/chat/chat-box.vue b/im-uniapp/pages/chat/chat-box.vue index 36836ba..ffd421b 100644 --- a/im-uniapp/pages/chat/chat-box.vue +++ b/im-uniapp/pages/chat/chat-box.vue @@ -28,7 +28,7 @@ - + @@ -38,8 +38,8 @@ :hold-keyboard="true"> - - + + @@ -79,6 +79,8 @@ 回执消息 + + 视频通话 @@ -87,6 +89,7 @@ 语音通话 + @@ -124,7 +127,7 @@ } }, methods: { - onVoiceInput() { + onRecorderInput() { this.showRecord = true; this.switchChatTabBox('none',true); }, @@ -299,10 +302,19 @@ }); }, + onShowEmoChatTab(){ + this.showRecord = false; + this.switchChatTabBox('emo',true) + }, + onShowToolsChatTab(){ + this.showRecord = false; + this.switchChatTabBox('tools',true) + }, switchChatTabBox(chatTabBox, hideKeyBoard) { this.chatTabBox = chatTabBox; if (hideKeyBoard) { uni.hideKeyboard(); + this.showKeyBoard = false; } }, selectEmoji(emoText) {