重构语音播放动画和展示效果；解决复制语音转文字内容错误问题；增加语音转文字loading

src/api/chat/index.js

@@ -1,6 +1,7 @@
 import request from '@/service/index.js'
 import qs from 'qs'
 import { useTalkStore, useDialogueStore } from '@/store'
+import { handleFindWebview } from '@/utils/common'
 
 // 获取聊天列表服务接口
 export const ServeGetTalkList = (data) => {
@@ -46,23 +47,7 @@ export const ServeClearTalkUnreadNum = (data, unReadNum) => {
       useTalkStore().findTalkIndex(useDialogueStore().index_name)
     ]?.is_disturb
   ) {
-    if (typeof plus !== 'undefined') {
+    handleFindWebview(`updateUnreadMsgNumReduce('${unReadNum}')`)
-      let OAWebView = plus.webview.all()
-      OAWebView.forEach((webview) => {
-        if (webview.id === 'webviewId1') {
-          webview.evalJS(`updateUnreadMsgNumReduce('${unReadNum}')`)
-        }
-      })
-    } else {
-      document.addEventListener('plusready', () => {
-        let OAWebView = plus.webview.all()
-        OAWebView.forEach((webview) => {
-          if (webview.id === 'webviewId1') {
-            webview.evalJS(`updateUnreadMsgNumReduce('${unReadNum}')`)
-          }
-        })
-      })
-    }
   }
   return request({
     url: '/api/v1/talk/unread/clear',

src/components/talk/message/AudioMessage.vue

@@ -1,109 +1,155 @@
 <script lang="ts" setup>
-import { ref, reactive, onMounted } from "vue";
+import { ref, reactive, onMounted, onUnmounted, computed } from 'vue'
-import { PlayOne, PauseOne } from "@icon-park/vue-next";
+import { PlayOne, PauseOne } from '@icon-park/vue-next'
-import { ITalkRecordExtraAudio, ITalkRecord } from "@/types/chat";
+import { ITalkRecordExtraAudio, ITalkRecord } from '@/types/chat'
+import { onHide } from '@dcloudio/uni-app'
+import aTrumpet from '@/uni_modules/a-trumpet/components/a-trumpet/a-trumpet.vue'
+import { useUserStore } from '@/store'
 
 const props = defineProps<{
-  extra: ITalkRecordExtraAudio;
+  extra: ITalkRecordExtraAudio
-  data: ITalkRecord;
+  data: ITalkRecord
-  maxWidth?: Boolean;
+  maxWidth?: Boolean
-}>();
+}>()
 
-const audioRef = ref();
+const userStore = useUserStore()
-const audioContext = ref<any>(null);
+const talkParams = reactive({
-
+  uid: computed(() => userStore.uid),
-const durationDesc = ref("-");
+})
 
+const audioContext = ref<any>(null)
+const durationDesc = ref('-')
 const state = reactive({
   isAudioPlay: false,
   progress: 0,
   duration: 0,
   currentTime: 0,
   loading: true,
-});
+})
+
+// 监听其它音频播放事件
+function onOtherAudioPlay(e) {
+  if (e.detail !== props.data.msg_id && state.isAudioPlay) {
+    audioContext.value.pause()
+    state.isAudioPlay = false
+  }
+}
 
 onMounted(() => {
-  // 使用uni-app的方式创建内部音频上下文
+  audioContext.value = uni.createInnerAudioContext()
-  audioContext.value = uni.createInnerAudioContext();
+  audioContext.value.src = props.extra.url
-  audioContext.value.src = props.extra.url;
 
   audioContext.value.onCanplay(() => {
-    state.duration = audioContext.value.duration;
+    state.duration = audioContext.value.duration
-    durationDesc.value = formatTime(parseInt(audioContext.value.duration));
+    durationDesc.value = formatTime(parseInt(audioContext.value.duration))
-    state.loading = false;
+    state.loading = false
-  });
+  })
 
   audioContext.value.onTimeUpdate(() => {
     if (audioContext.value.duration == 0) {
-      state.progress = 0;
+      state.progress = 0
     } else {
-      state.currentTime = audioContext.value.currentTime;
+      state.currentTime = audioContext.value.currentTime
       state.progress =
-        (audioContext.value.currentTime / audioContext.value.duration) * 100;
+        (audioContext.value.currentTime / audioContext.value.duration) * 100
     }
-  });
+  })
 
   audioContext.value.onEnded(() => {
-    state.isAudioPlay = false;
+    state.isAudioPlay = false
-    state.progress = 0;
+    state.progress = 0
-  });
+  })
 
   audioContext.value.onError((e) => {
-    console.log("音频播放异常===>", e);
+    console.log('音频播放异常===>', e)
-  });
+  })
-});
+
+  window.addEventListener('audio-play', onOtherAudioPlay)
+})
+
+onUnmounted(() => {
+  window.removeEventListener('audio-play', onOtherAudioPlay)
+  audioContext.value &&
+    audioContext.value.destroy &&
+    audioContext.value.destroy()
+})
+
+onHide(() => {
+  if (audioContext.value && audioContext.value.pause) {
+    audioContext.value.pause()
+    state.isAudioPlay = false
+  }
+})
 
 const onPlay = () => {
   if (state.isAudioPlay) {
-    audioContext.value.pause();
+    audioContext.value.pause()
+    state.isAudioPlay = false
   } else {
-    audioContext.value.play();
+    // 通知其它音频暂停
+    window.dispatchEvent(
+      new CustomEvent('audio-play', { detail: props.data.msg_id }),
+    )
+    audioContext.value.play()
+    state.isAudioPlay = true
   }
-
+}
-  state.isAudioPlay = !state.isAudioPlay;
-};
-
-const onPlayEnd = () => {
-  state.isAudioPlay = false;
-  state.progress = 0;
-};
 
 const formatTime = (value: number = 0) => {
   if (value == 0) {
-    return "-";
+    return '-'
   }
-
+  const minutes = Math.floor(value / 60)
-  const minutes = Math.floor(value / 60);
+  let seconds = value
-  let seconds = value;
   if (minutes > 0) {
-    seconds = Math.floor(value - minutes * 60);
+    seconds = Math.floor(value - minutes * 60)
   }
-
+  return `${minutes}'${seconds}"`
-  return `${minutes}'${seconds}"`;
+}
-};
 </script>
 <template>
-  <div class="im-message-audio">
+  <div
-    <div class="play">
+    class="audio-message"
-      <div class="btn pointer" @click.stop="onPlay">
+    @click.stop="onPlay"
-        <n-icon
+    :class="
-          :size="18"
+      props?.data?.user_id == talkParams.uid
-          :component="state.isAudioPlay ? PauseOne : PlayOne"
+        ? 'justify-end py-[22rpx] pl-[30rpx] pr-[16rpx]'
-        />
+        : 'justify-start py-[22rpx] pr-[30rpx] pl-[16rpx]'
-      </div>
+    "
+  >
+    <a-trumpet
+      v-if="props?.data?.user_id != talkParams.uid"
+      :isPlay="state.isAudioPlay"
+      color="#C1C1C1"
+      :size="30"
+    ></a-trumpet>
+    <div
+      :class="
+        props?.data?.user_id == talkParams.uid ? 'mr-[8rpx]' : 'ml-[8rpx]'
+      "
+    >
+      {{ props?.extra?.duration }}s
     </div>
-    <div class="desc">
+    <a-trumpet
-      <span class="line" v-for="i in 23" :key="i"></span>
+      v-if="props?.data?.user_id == talkParams.uid"
-      <span
+      :isPlay="state.isAudioPlay"
-        class="indicator"
+      color="#C1C1C1"
-        :style="{ left: state.progress + '%' }"
+      :size="30"
-        v-show="state.progress > 0"
+      direction="left"
-      ></span>
+    ></a-trumpet>
-    </div>
-    <div class="time">{{ durationDesc }}</div>
   </div>
 </template>
 <style lang="less" scoped>
+.audio-message {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  background-color: #fff;
+  border-radius: 10px;
+}
+
 .im-message-audio {
   --audio-bg-color: #f5f5f5;
   --audio-btn-bg-color: #ffffff;
@@ -245,7 +291,7 @@ const formatTime = (value: number = 0) => {
   }
 }
 
-html[theme-mode="dark"] {
+html[theme-mode='dark'] {
   .im-message-audio {
     --audio-bg-color: #2c2c32;
     --audio-btn-bg-color: rgb(78, 75, 75);

src/constant/message.ts

@@ -101,10 +101,11 @@ export const ForwardableMessageType = [
   ChatMsgTypeText,
   ChatMsgTypeCode,
   ChatMsgTypeImage,
-  ChatMsgTypeAudio,
+  // ChatMsgTypeAudio,
   ChatMsgTypeVideo,
   ChatMsgTypeFile,
   ChatMsgTypeLocation,
   ChatMsgTypeCard,
-  ChatMsgTypeLink
+  ChatMsgTypeLink,
+  ChatMsgTypeForward
 ]

src/event/talk.js

@@ -15,6 +15,7 @@ import {
   useDialogueListStore,
   useGroupStore,
 } from '@/store'
+import { handleFindWebview } from '@/utils/common'
 
 /**
  * 好友状态事件
@@ -154,23 +155,7 @@ class Talk extends Base {
 
   //更新未读数量+1
   updateUnreadMsgNumAdd() {
-    if (typeof plus !== 'undefined') {
+    handleFindWebview(`updateUnreadMsgNumAdd()`)
-      let OAWebView = plus.webview.all()
-      OAWebView.forEach((webview) => {
-        if (webview.id === 'webviewId1') {
-          webview.evalJS(`updateUnreadMsgNumAdd()`)
-        }
-      })
-    } else {
-      document.addEventListener('plusready', () => {
-        let OAWebView = plus.webview.all()
-        OAWebView.forEach((webview) => {
-          if (webview.id === 'webviewId1') {
-            webview.evalJS(`updateUnreadMsgNumAdd()`)
-          }
-        })
-      })
-    }
   }
 
   /**

src/main.js

@@ -18,6 +18,7 @@ import pageAnimation from '@/components/page-animation/index.vue'
 import * as plugins from './plugins'
 import { useDialogueStore, useTalkStore, useUserStore, useDialogueListStore } from '@/store'
 import {uniStorage} from "@/utils/uniStorage.js"
+import { handleFindWebview } from '@/utils/common'
 
 const { showMessage } = messagePopup()
 dayjs.locale('zh-cn')
@@ -67,12 +68,7 @@ export function createApp() {
       return
     }
     console.log('===准备创建本地通知栏消息')
-    let OAWebView = plus.webview.all()
+    handleFindWebview(`doCreatePushMessage('${msg}')`)
-    OAWebView.forEach((webview, index) => {
-      if (webview.id === 'webviewId1') {
-        webview.evalJS(`doCreatePushMessage('${msg}')`)
-      }
-    })
   }
 
   //处理聊天推送弹窗点开
@@ -114,12 +110,7 @@ export function createApp() {
 
   //检查聊天页面是否可用
   window.checkChatWebviewAvailable = () => {
-    let OAWebView = plus.webview.all()
+    handleFindWebview(`doneCheckChatWebviewAvailable()`)
-    OAWebView.forEach((webview, index) => {
-      if (webview.id === 'webviewId1') {
-        webview.evalJS(`doneCheckChatWebviewAvailable()`)
-      }
-    })
   }
 
   //获取从base传来的多选视频列表

src/pages/addressBook/index.vue

@@ -331,7 +331,7 @@ import avatarModule from '@/components/avatar-module/index.vue'
 
 import { ref, onMounted, reactive, watch } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
-import { handleSetWebviewStyle } from '@/utils/common'
+import { handleSetWebviewStyle, handleFindWebview } from '@/utils/common'
 import { ServeUserGroupChatList, ServeCreateTalkList } from '@/api/chat/index'
 import { ServeGetSessionId } from '@/api/search/index'
 import { formatTalkItem } from '@/utils/talk'
@@ -376,12 +376,7 @@ onLoad((options) => {
 
 const goWebHome = () => {
   uni.navigateBack()
-  let OAWebView = plus.webview.all()
+  handleFindWebview(`handleBackHost()`)
-  OAWebView.forEach((webview) => {
-    if (webview.id === 'webviewId1') {
-      webview.evalJS(`handleBackHost()`)
-    }
-  })
 }
 
 onMounted(() => {

src/pages/chooseByDeps/index.vue

@@ -342,7 +342,8 @@
   import checkBox from '@/components/checkBox/index.vue'
   import lodash from 'lodash'
   import {
-    handleSetWebviewStyle
+    handleSetWebviewStyle,
+    handleFindWebview
   } from '@/utils/common'
 
   import {
@@ -398,12 +399,7 @@
   })
   const goWebHome = () => {
     uni.navigateBack()
-    let OAWebView = plus.webview.all()
+    handleFindWebview(`handleBackHost()`)
-    OAWebView.forEach((webview) => {
-      if (webview.id === 'webviewId1') {
-         webview.evalJS(`handleBackHost()`)
-      }
-    })
   }
   // 添加判断是否为预选成员的方法
   const isPreSelectedMember = (member) => {

src/pages/dialog/components/filePanel.vue

@@ -57,6 +57,7 @@ import videoImg from '@/static/image/chatList/video@2x.png'
 import folder from '@/static/image/chatList/folder.png'
 import { uploadImg } from '@/api/chat'
 import { uniqueId } from '@/utils'
+import { handleFindWebview } from '@/utils/common'
 
 const props = defineProps({
   sendUserInfo: {
@@ -162,12 +163,7 @@ const photoActionsSelect = (index) => {
       )
     }
   } else {
-    // let OAWebView = plus.webview.all()
+    // handleFindWebview(`getPlusVideoPicker()`)
-    // OAWebView.forEach((webview, index) => {
-    //   if (webview.id === 'webviewId1') {
-    //     webview.evalJS(`getPlusVideoPicker()`)
-    //   }
-    // })
     // return
     uni.chooseVideo({
       sourceType: ['album'],

src/pages/dialog/index.vue

@@ -227,8 +227,21 @@
                     : 'justify-start'
                 "
               >
-                <div class="talk-tools voice-content" v-if="item.voiceContent">
+                <div
-                  <span>{{ item.voiceContent }}</span>
+                  class="talk-tools voice-content"
+                  v-if="
+                    item?.voiceContent ||
+                    (!item?.voiceContent && item?.isVoiceToTexting)
+                  "
+                  @click="copyVoiceContent(item?.voiceContent || '')"
+                >
+                  <wd-loading
+                    v-if="item?.isVoiceToTexting && !item?.voiceContent"
+                    color="#46299D"
+                    :size="20"
+                    style="margin: 0 12rpx 0 0;"
+                  />
+                  <span v-if="item?.voiceContent">{{ item.voiceContent }}</span>
                 </div>
               </div>
 
@@ -304,8 +317,10 @@
                 :src="state.isUseSpeech ? keyboardIcon : microphoneIcon"
                 @click="changeEditorMode"
                 v-if="
-                  userStore.mobile == '13580848136' ||
+                  (state.isProd &&
-                  userStore.mobile == '18100591363'
+                    (userStore.mobile == '13580848136' ||
+                      userStore.mobile == '18100591363')) ||
+                  !state.isProd
                 "
               ></tm-image>
               <div class="flex-1 quillBox" style="">
@@ -767,6 +782,7 @@ import deepBubble from '@/components/deep-bubble/deep-bubble.vue'
 import { isRevoke } from './menu'
 import useConfirm from '@/components/x-confirm/useConfirm.js'
 import { ServeCheckFriend, ServeAddFriend } from '@/api/addressBook/index'
+import { clipboard } from '@/utils/common'
 import {
   onLoad as uniOnload,
   onUnload as uniOnUnload,
@@ -885,6 +901,7 @@ const state = ref({
       content: t('addressBook.message.notFriendsOrSameCompany'),
     },
   ],
+  isProd: import.meta.env.PROD,
 })
 
 // 创建一个响应式的 Map 来维护已读数量
@@ -1556,6 +1573,18 @@ const handleMergeForward = () => {
   if (selectedMessage.value.length == 0) {
     return message.warning('未选择消息')
   }
+  let isForwardAble = true
+  let notForwardAbleHint = '不支持转发：'
+  selectedMessage.value.find((selectedItem) => {
+    if (!ForwardableMessageType.includes(selectedItem.msg_type)) {
+      notForwardAbleHint += ChatMsgTypeMapping[selectedItem.msg_type] + '、'
+      isForwardAble = false
+    }
+  })
+  if (!isForwardAble) {
+    message.warning(notForwardAbleHint.slice(0, notForwardAbleHint.length - 1))
+    return
+  }
   console.log('合并转发')
   dialogueStore.setForwardType(2)
   dialogueStore.setForwardMessages(selectedMessage.value)
@@ -1571,6 +1600,18 @@ const handleSingleForward = () => {
   if (selectedMessage.value.length == 0) {
     return message.warning('未选择消息')
   }
+  let isForwardAble = true
+  let notForwardAbleHint = '不支持转发：'
+  selectedMessage.value.find((selectedItem) => {
+    if (!ForwardableMessageType.includes(selectedItem.msg_type)) {
+      notForwardAbleHint += ChatMsgTypeMapping[selectedItem.msg_type] + '、'
+      isForwardAble = false
+    }
+  })
+  if (!isForwardAble) {
+    message.warning(notForwardAbleHint.slice(0, notForwardAbleHint.length - 1))
+    return
+  }
   console.log('逐条转发')
   dialogueStore.setForwardType(1)
   dialogueStore.setForwardMessages(selectedMessage.value)
@@ -2678,9 +2719,19 @@ const onProgressFn = (progress, id) => {
   // console.log((progress.loaded / progress.total) * 100, 'progress')
 }
 
+//开始录音
+const startRecord = () => {
+  // 唤起录音时，暂停所有语音播放
+  window.dispatchEvent(new CustomEvent('audio-play', { detail: null }))
+}
+
 //录音结束
 const endRecord = (file, url, duration) => {
   console.log(file, url, duration)
+  if (duration < 1000) {
+    message.error(t('chat_voice_too_short'))
+    return
+  }
   const form = new FormData()
   form.append('file', file)
   form.append('source', 'fonchain-chat')
@@ -2700,6 +2751,9 @@ const endRecord = (file, url, duration) => {
   resp.catch(() => {})
 }
 
+//取消录音
+const cancelRecord = () => {}
+
 //发送语音消息
 const sendMediaMessage = (mediaUrl, duration, size) => {
   // console.log(mediaUrl, 'mediaUrl')
@@ -2728,17 +2782,21 @@ const sendMediaMessage = (mediaUrl, duration, size) => {
 
 //语音转文字
 const convertText = (msgItem) => {
+  msgItem.isVoiceToTexting = true
   const resp = ServeConvertText({
     voiceUrl: msgItem.extra.url,
     msgId: msgItem.msg_id,
   })
   // console.log(resp, 'resp')
   resp.then(({ code, data }) => {
+    msgItem.isVoiceToTexting = false
     // console.log(code, data, 'data')
     if (code === 200) {
       console.log(data.convText, 'convText')
       msgItem.voiceContent = data.convText
     }
+  }).catch(() => {
+    msgItem.isVoiceToTexting = false
   })
 }
 //语音输入框高度
@@ -2775,6 +2833,23 @@ const doAddFriend = () => {
     }
   })
 }
+
+//点击复制语音转文字的内容
+const copyVoiceContent = (voiceContent) => {
+  if (!voiceContent) {
+    return
+  }
+  uni.setClipboardData({
+    data: voiceContent,
+    showToast: false,
+    success: () => {
+      message.success('复制成功')
+    },
+  })
+  // clipboard(voiceContent, () => {
+  //   message.success('复制成功')
+  // })
+}
 </script>
 <style scoped lang="less">
 .dialog-page {
@@ -2991,7 +3066,6 @@ const doAddFriend = () => {
     }
 
     .voice-content {
-      text-align: right;
       color: #7a58de;
       font-size: 22rpx;
       font-weight: 400;

src/store/modules/dialogueList.js

@@ -5,6 +5,7 @@ import lodash from 'lodash'
 import { ref } from 'vue'
 import { createGlobalState, useStorage } from '@vueuse/core'
 import { uniStorage } from '@/utils/uniStorage.js'
+import { handleFindWebview } from '@/utils/common'
 
 export const useDialogueListStore = createGlobalState(() => {
   const testDatabase = async () => {
@@ -40,19 +41,33 @@ export const useDialogueListStore = createGlobalState(() => {
     }
 
     const content = {
-      content: "我试试传送文件和图片是不是一个接口",
+      content: '我试试传送文件和图片是不是一个接口',
-      name: "测试excel1.xlsx",
+      name: '测试excel1.xlsx',
-      path: "https://cdn-test.szjixun.cn/fonchain-chat/chat/file/multipart/20250307/727a2371-ffc4-46da-b953-a7d449ff82ff-测试excel1.xlsx",
+      path:
+        'https://cdn-test.szjixun.cn/fonchain-chat/chat/file/multipart/20250307/727a2371-ffc4-46da-b953-a7d449ff82ff-测试excel1.xlsx',
       size: 9909,
-      drive: 3
+      drive: 3,
-    };
+    }
-    const extra = JSON.stringify(content);
+    const extra = JSON.stringify(content)
 
     let chatDBexecuteSql2 = {
       eventType: 'executeSql',
       eventParams: {
         name: 'chat',
-        sql: 'INSERT INTO talk_records (msg_id, sequence, talk_type, msg_type, user_id, receiver_id, is_revoke, is_mark, quote_id, extra, created_at, updated_at, biz_date) VALUES ("'+'77b715fb30f54f739a255a915ef72445'+'", 166, 2, 1, 1774, 888890, 0, 0, "'+''+'", "'+extra+'", "'+'2025-03-06T15:57:07.000Z'+'", "'+'2025-03-06T15:57:07.000Z'+'", "'+'20250306'+'")',
+        sql:
+          'INSERT INTO talk_records (msg_id, sequence, talk_type, msg_type, user_id, receiver_id, is_revoke, is_mark, quote_id, extra, created_at, updated_at, biz_date) VALUES ("' +
+          '77b715fb30f54f739a255a915ef72445' +
+          '", 166, 2, 1, 1774, 888890, 0, 0, "' +
+          '' +
+          '", "' +
+          extra +
+          '", "' +
+          '2025-03-06T15:57:07.000Z' +
+          '", "' +
+          '2025-03-06T15:57:07.000Z' +
+          '", "' +
+          '20250306' +
+          '")',
       },
     }
     let chatDBSelectSql = {
@@ -69,38 +84,27 @@ export const useDialogueListStore = createGlobalState(() => {
         path: '_doc/chat.db',
       },
     }
-    document.addEventListener('plusready', () => {
+    // handleFindWebview(
-      let OAWebView = plus.webview.all()
+    //   `operateSQLite('${encodeURIComponent(JSON.stringify(chatDatabase))}')`,
-      OAWebView.forEach((webview, index) => {
+    // )
-        if (webview.id === 'webviewId1') {
+    // handleFindWebview(
-          webview.evalJS(
+    //   `operateSQLite('${encodeURIComponent(
-            `operateSQLite('${encodeURIComponent(
+    //     JSON.stringify(chatDBexecuteSql),
-              JSON.stringify(chatDatabase),
+    //   )}')`,
-            )}')`,
+    // )
-          )
+    // handleFindWebview(
-          webview.evalJS(
+    //   `operateSQLite('${encodeURIComponent(
-            `operateSQLite('${encodeURIComponent(
+    //     JSON.stringify(chatDBexecuteSql2),
-              JSON.stringify(chatDBexecuteSql),
+    //   )}')`,
-            )}')`,
+    // )
-          )
+    // handleFindWebview(
-          webview.evalJS(
+    //   `operateSQLite('${encodeURIComponent(JSON.stringify(chatDBSelectSql))}')`,
-            `operateSQLite('${encodeURIComponent(
+    // )
-              JSON.stringify(chatDBexecuteSql2),
+    // handleFindWebview(
-            )}')`,
+    //   `operateSQLite('${encodeURIComponent(
-          )
+    //     JSON.stringify(chatDBIsOpenDatabase),
-          webview.evalJS(
+    //   )}')`,
-            `operateSQLite('${encodeURIComponent(
+    // )
-              JSON.stringify(chatDBSelectSql),
-            )}')`,
-          )
-          webview.evalJS(
-            `operateSQLite('${encodeURIComponent(
-              JSON.stringify(chatDBIsOpenDatabase),
-            )}')`,
-          )
-        }
-      })
-    })
   }
   // testDatabase()
 

src/store/modules/talk.js

@@ -2,6 +2,7 @@ import { defineStore } from 'pinia'
 import { ServeGetTalkList, ServeCreateTalkList } from '@/api/chat/index'
 import { formatTalkItem, ttime, KEY_INDEX_NAME } from '@/utils/talk'
 import { useEditorDraftStore } from './editor-draft'
+import { handleFindWebview } from '@/utils/common'
 // import { ISession } from '@/types/chat'
 
 export const useTalkStore = defineStore('talk', {
@@ -103,23 +104,7 @@ export const useTalkStore = defineStore('talk', {
       return resp.then(({ code, data }) => {
         if (code == 200) {
           //向OA的webview通信，改变未读消息数量
-          if (typeof plus !== 'undefined') {
+          handleFindWebview(`doUpdateUnreadNum('${data.unread_num}')`)
-            let OAWebView = plus.webview.all()
-            OAWebView.forEach((webview) => {
-              if (webview.id === 'webviewId1') {
-                webview.evalJS(`doUpdateUnreadNum('${data.unread_num}')`)
-              }
-            })
-          } else {
-            document.addEventListener('plusready', () => {
-              let OAWebView = plus.webview.all()
-              OAWebView.forEach((webview) => {
-                if (webview.id === 'webviewId1') {
-                  webview.evalJS(`doUpdateUnreadNum('${data.unread_num}')`)
-                }
-              })
-            })
-          }
           this.items = data.items.map((item) => {
             const value = formatTalkItem(item)
 

src/uni_modules/a-trumpet/changelog.md

@@ -0,0 +1,2 @@
+## 1.0.0（2023-09-05）
+实现基础功能

src/uni_modules/a-trumpet/components/a-trumpet/a-trumpet.vue

@@ -0,0 +1,130 @@
+<template>
+	<view :style="[boxStyel]" class="box">
+		<view class="audio-style" :style="[audioStyel]" :class="{ 'animation': isPlay }">
+			<view class="small" :style="{'background-color': color}"></view>
+			<view class="middle" :style="{'border-right-color': color}"></view>
+			<view class="large" :style="{'border-right-color': color}"></view>
+		</view>
+	</view>
+</template>
+<script>
+export default {
+	emits: [],
+	props: {
+		isPlay: {
+			type: [Boolean],
+			default: false
+		},
+		direction: {
+			type: String,
+			default: 'right'
+		},
+		size: {
+			type: Number,
+			default: 24
+		},
+		color: {
+			type: String,
+			default: '#222'
+		}
+	},
+	data() {
+		return {
+		};
+	},
+	computed: {
+		audioStyel() {
+			return {
+				transform: `scale(${this.size / 24})`
+			};
+		},
+		boxStyel() {
+			const directDic = { right: '0deg', bottom: '90deg', left: '180deg', top: '270deg' };
+			const dir = directDic[this.direction || 'left'];
+			const style = {
+				transform: `rotate(${dir})`,
+				width: this.size + 'px',
+				height: this.size + 'px'
+			};
+			return style;
+		}
+	},
+	methods: {}
+};
+</script>
+<style lang="scss" scoped>
+view{
+	box-sizing: border-box;
+}
+.box {
+	// border: 1px solid #4c4c4c;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	overflow: hidden;
+}
+.audio-style {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	overflow: hidden;
+	& > view {
+		border: 2px solid transparent;
+		border-radius: 50%;
+	}
+}
+.small {
+	border: 0px solid;
+	width: 3px;
+	height: 3px;
+}
+
+.middle {
+	width: 16px;
+	height: 16px;
+	margin-left: -11px;
+	opacity: 1;
+}
+
+.large {
+	width: 24px;
+	height: 24px;
+	margin-left: -19px;
+	opacity: 1;
+}
+.animation {
+	.middle {
+		animation: middle 1.2s ease-in-out infinite;
+	}
+	.large {
+		animation: large 1.2s ease-in-out infinite;
+	}
+}
+// 语音播放动画
+@keyframes middle {
+	0% {
+		opacity: 0;
+	}
+	10% {
+		opacity: 1;
+	}
+	100% {
+		opacity: 0;
+	}
+}
+
+@keyframes large {
+	0% {
+		opacity: 0;
+	}
+	50% {
+		opacity: 1;
+	}
+	60% {
+		opacity: 0;
+	}
+	100% {
+		opacity: 0;
+	}
+}
+</style>

src/uni_modules/a-trumpet/package.json

@@ -0,0 +1,83 @@
+{
+  "id": "a-trumpet",
+  "displayName": "纯css语音播放，语音聊天，播放小喇叭动画组件",
+  "version": "1.0.0",
+  "description": "纯css语音播放，语音聊天，播放小喇叭动画组件",
+  "keywords": [
+    "a-trumpet",
+    "语音播报",
+    "播放小喇叭",
+    "动画"
+],
+  "repository": "",
+"engines": {
+  },
+  "dcloudext": {
+    "type": "component-vue",
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "无",
+      "permissions": "无"
+    },
+    "npmurl": ""
+  },
+  "uni_modules": {
+    "dependencies": [],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y"
+      },
+      "client": {
+        "Vue": {
+          "vue2": "y",
+          "vue3": "y"
+        },
+        "App": {
+          "app-vue": "y",
+          "app-nvue": "y"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "y",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "y",
+          "百度": "y",
+          "字节跳动": "y",
+          "QQ": "y",
+          "钉钉": "y",
+          "快手": "y",
+          "飞书": "y",
+          "京东": "y"
+        },
+        "快应用": {
+          "华为": "y",
+          "联盟": "y"
+        }
+      }
+    }
+  }
+}

src/uni_modules/a-trumpet/readme.md

@@ -0,0 +1,18 @@
+# a-trumpet
+
+## 用法
+```html
+<a-trumpet :isPlay="isplay"></a-trumpet>
+<a-trumpet :isPlay="isplay" color="#1100ff"></a-trumpet>
+<a-trumpet :isPlay="isplay" :size="50"></a-trumpet>
+<a-trumpet :isPlay="isplay" direction="right"></a-trumpet>
+```
+
+## 属性说明：
+
+|  属性名  |  类型  |  默认值  |  说明  |
+| ---- | ---- | ---- | ---- |
+|  isplay  |  Boolean  |  false  |  是否播放动画  |
+|  size  |  Number |  24 |  宽高的尺寸 |
+|  color  |  String |  #222 | 颜色  |
+|  direction  |  String |  top、bottom、left、ringt| 方向，上下左右  |

src/uni_modules/all-speech/components/all-speech/all-speech.vue

@@ -21,7 +21,19 @@
         },
       ]"
     >
-      <text>{{ btnTextContent }}</text>
+      <wd-loading
+        v-if="isCheckingPermission"
+        color="#46299D"
+        :size="20"
+        style="margin: 0 12rpx 0 0;"
+      />
+      <text>
+        {{
+          isCheckingPermission
+            ? $t('chat_getting_microphone_permission')
+            : btnTextContent
+        }}
+      </text>
     </view>
     <!-- <view class="record-popup"
 			:style="{ '--popup-height': popupHeight, '--popup-width': upx2px(popupMaxWidth), '--popup-bottom': upx2px(popupFixBottom), '--popup-bg-color': popupBgColor }">
@@ -148,7 +160,7 @@ import 'recorder-core/src/engine/mp3-engine'
 import 'recorder-core/src/extensions/waveview'
 import recordCancelBg from '@/static/image/record/chat-voice-animation-bg-red.png'
 // #endif
-import { multiplication } from '@/utils/common'
+import { multiplication, handleFindWebview } from '@/utils/common'
 export default {
   name: 'nbVoiceRecord',
   /**
@@ -283,6 +295,7 @@ export default {
       autoStopRecordCountDown: 0, //自动停止录音倒计时
       autoStopRecordInterval: null, //自动停止录音技术定时器
       permisionState: false, //权限授权状态
+      isCheckingPermission: true, //是否正在获取权限
     }
   },
   mounted() {
@@ -300,7 +313,7 @@ export default {
     let that = this
 
     // 请求权限
-    that.checkPermission()
+    that.checkPermission(true)
 
     // #ifdef APP-PLUS
     recorderManager.onStop((res) => {
@@ -342,7 +355,11 @@ export default {
       // }, 1000)
       if (Number(permissionStatus) === 1) {
         that.continueAppMicro()
-      } else if (Number(permissionStatus) === -1) {
+      } else if (
+        Number(permissionStatus) === -1 ||
+        (Number(permissionStatus) === 0 &&
+          uni.getSystemInfoSync().osName === 'ios')
+      ) {
         uni.showModal({
           title: '提示',
           content: '检测到您还未授权麦克风哦',
@@ -351,12 +368,10 @@ export default {
           cancelText: '保持拒绝',
           success: ({ confirm, cancel }) => {
             if (confirm) {
-              let OAWebView = plus.webview.all()
+              handleFindWebview(`handleRequestAndroidPermission('settings')`)
-              OAWebView.forEach((webview, index) => {
+            }
-                if (webview.id === 'webviewId1') {
+            if (cancel) {
-                  webview.evalJS(`handleRequestAndroidPermission('settings')`)
+              that.isCheckingPermission = false
-                }
-              })
             }
           },
         })
@@ -378,15 +393,20 @@ export default {
         that.permissionInfo = permissionInfo
       }
     },
-    continueAppMicro() {
+    continueAppMicro(isFirstRequestPer = false) {
       let that = this
       RecordApp.UniWebViewActivate(that) //App环境下必须先切换成当前页面WebView
       RecordApp.RequestPermission(
         () => {
           console.log('已获得录音权限，可以开始录音了')
           that.permisionState = true
+          that.isCheckingPermission = false
+          if (isFirstRequestPer) {
+            that.stopRecord()
+          }
         },
         (msg, isUserNotAllow) => {
+          that.isCheckingPermission = false
           if (isUserNotAllow) {
             //用户拒绝了录音权限
             //这里你应当编写代码进行引导用户给录音权限，不同平台分别进行编写
@@ -395,7 +415,7 @@ export default {
         },
       )
     },
-    async checkPermission() {
+    async checkPermission(isFirstRequestPer = false) {
       let that = this
       // #ifdef APP-PLUS
       // 先判断os
@@ -433,14 +453,9 @@ export default {
       // #endif
       // #ifdef H5
       if (typeof plus !== 'undefined') {
-        let OAWebView = plus.webview.all()
+        handleFindWebview(`handleRequestAndroidPermission('micro')`)
-        OAWebView.forEach((webview, index) => {
-          if (webview.id === 'webviewId1') {
-            webview.evalJS(`handleRequestAndroidPermission('micro')`)
-          }
-        })
       } else {
-        that.continueAppMicro()
+        that.continueAppMicro(isFirstRequestPer)
       }
       // #endif
       // #endif

src/uni_modules/tmui/locale/zh-Hans.json

@@ -194,6 +194,9 @@
   "release_hand_to_cancel": "松开取消",
   "hold_to": "按住",
   "speak": "说话",
+  "auto_stop_record": "s后自动结束录音",
+  "chat_voice_too_short": "说话时间太短",
+  "chat_getting_microphone_permission": "获取麦克风权限中...",
   "addressBook": {
     "tabs": {
       "company": "组织架构",

src/utils/common.js

@@ -214,6 +214,27 @@ export function handleSetWebviewStyle(hasTabBar) {
   }
 }
 
+//遍历所有的webview并通信
+export function handleFindWebview(evalJS_) {
+  const findWebview = () => {
+    let allWebView = plus.webview.all()
+    allWebView.forEach((webview) => {
+      //由于webviewId后面的数字是动态分配的，在很小情况下OAWebview的Id并不是webviewId1
+      //因此不做限制，全局广播，由接收页面自行接收处理
+      // if (webview.id === 'webviewId1') {//找到OAWebview
+      webview.evalJS(evalJS_)
+      // }
+    })
+  }
+  if (typeof plus !== 'undefined') {
+    findWebview()
+  } else {
+    document.addEventListener('plusready', () => {
+      findWebview()
+    })
+  }
+}
+
 // 通用运算函数
 /*
     函数，加法函数，用来得到精确的加法结果
@@ -223,16 +244,16 @@ export function handleSetWebviewStyle(hasTabBar) {
     返回值：两数相加的结果
 */
 export function addition(arg1, arg2) {
-    arg1 = arg1.toString(), arg2 = arg2.toString();
+  ;(arg1 = arg1.toString()), (arg2 = arg2.toString())
-    var arg1Arr = arg1.split("."),
+  var arg1Arr = arg1.split('.'),
-        arg2Arr = arg2.split("."),
+    arg2Arr = arg2.split('.'),
-        d1 = arg1Arr.length == 2 ? arg1Arr[1] : "",
+    d1 = arg1Arr.length == 2 ? arg1Arr[1] : '',
-        d2 = arg2Arr.length == 2 ? arg2Arr[1] : "";
+    d2 = arg2Arr.length == 2 ? arg2Arr[1] : ''
-    var maxLen = Math.max(d1.length, d2.length);
+  var maxLen = Math.max(d1.length, d2.length)
-    var m = Math.pow(10, maxLen);
+  var m = Math.pow(10, maxLen)
-    var result = Number(((arg1 * m + arg2 * m) / m).toFixed(maxLen));
+  var result = Number(((arg1 * m + arg2 * m) / m).toFixed(maxLen))
-    var d = arguments[2];
+  var d = arguments[2]
-    return typeof d === "number" ? Number((result).toFixed(d)) : result;
+  return typeof d === 'number' ? Number(result.toFixed(d)) : result
 }
 
 /*
@@ -251,12 +272,20 @@ export function addition(arg1, arg2) {
     返回值：两数相乘的结果
 */
 export function multiplication(arg1, arg2) {
-    var r1 = arg1.toString(),
+  var r1 = arg1.toString(),
-        r2 = arg2.toString(),
+    r2 = arg2.toString(),
-        m, resultVal, d = arguments[2];
+    m,
-    m = (r1.split(".")[1] ? r1.split(".")[1].length : 0) + (r2.split(".")[1] ? r2.split(".")[1].length : 0);
+    resultVal,
-    resultVal = Number(r1.replace(".", "")) * Number(r2.replace(".", "")) / Math.pow(10, m);
+    d = arguments[2]
-    return typeof d !== "number" ? Number(resultVal) : Number(resultVal.toFixed(parseInt(d)));
+  m =
+    (r1.split('.')[1] ? r1.split('.')[1].length : 0) +
+    (r2.split('.')[1] ? r2.split('.')[1].length : 0)
+  resultVal =
+    (Number(r1.replace('.', '')) * Number(r2.replace('.', ''))) /
+    Math.pow(10, m)
+  return typeof d !== 'number'
+    ? Number(resultVal)
+    : Number(resultVal.toFixed(parseInt(d)))
 }
 
 /*
@@ -267,10 +296,18 @@ export function multiplication(arg1, arg2) {
     返回值：arg1除于arg2的结果
 */
 export function division(arg1, arg2) {
-    var r1 = arg1.toString(),
+  var r1 = arg1.toString(),
-        r2 = arg2.toString(),
+    r2 = arg2.toString(),
-        m, resultVal, d = arguments[2];
+    m,
-    m = (r2.split(".")[1] ? r2.split(".")[1].length : 0) - (r1.split(".")[1] ? r1.split(".")[1].length : 0);
+    resultVal,
-    resultVal = Number(r1.replace(".", "")) / Number(r2.replace(".", "")) * Math.pow(10, m);
+    d = arguments[2]
-    return typeof d !== "number" ? Number(resultVal) : Number(resultVal.toFixed(parseInt(d)));
+  m =
+    (r2.split('.')[1] ? r2.split('.')[1].length : 0) -
+    (r1.split('.')[1] ? r1.split('.')[1].length : 0)
+  resultVal =
+    (Number(r1.replace('.', '')) / Number(r2.replace('.', ''))) *
+    Math.pow(10, m)
+  return typeof d !== 'number'
+    ? Number(resultVal)
+    : Number(resultVal.toFixed(parseInt(d)))
 }