From 27cd042df9aca0383a49f3514bc21958dd890912 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期一, 29 六月 2026 15:42:23 +0800
Subject: [PATCH] 银川 1.联调产品维护页面 2.添加IM即时通讯模块
---
src/views/im/home/composables/useVoicePlayer.ts | 82 +++++++++++++++++++++++++++++++++++++++++
1 files changed, 82 insertions(+), 0 deletions(-)
diff --git a/src/views/im/home/composables/useVoicePlayer.ts b/src/views/im/home/composables/useVoicePlayer.ts
new file mode 100644
index 0000000..b396449
--- /dev/null
+++ b/src/views/im/home/composables/useVoicePlayer.ts
@@ -0,0 +1,82 @@
+import { ref } from 'vue'
+
+/**
+ * 璇煶鎾斁鍏ㄥ眬浜掓枼
+ *
+ * 妯″潡绾у崟渚嬶細鍚屼竴鏃跺埢鏈�澶氬彧鏈変竴鏉¤闊冲湪鎾紱鏂扮偣鐨勮闊冲仠鎺夋棫鐨�
+ * 涓夊鍏ュ彛鍏变韩鍚屼竴鎾斁鎬侊細
+ * - MessageBubble锛氭皵娉＄偣鍑� toggle 褰撳墠鏉�
+ * - MessagePanel锛氬垏浼氳瘽 stop()
+ * - MessageHistory / MessageMergeDetailDialog锛氬叧闂椂 stop()
+ *
+ * key 鐢� MessageBubble 鍦� setup 閲� Symbol() 鐢熸垚瀹炰緥绾у敮涓�韬唤锛涗笉鍚屾潵婧愶紙涓婚潰鏉� / 鍘嗗彶鎶藉眽 /
+ * 鍚堝苟璇︽儏锛夌殑鍚屼竴鏉¤闊� url 鍦ㄤ笉鍚屾皵娉￠噷涔熸槸涓嶅悓 key锛岄伩鍏嶄竴澶勫嵏杞借鍋滃彟涓�澶勪粛鍙鐨勬挱鏀俱��
+ */
+export type VoiceKey = symbol
+
+interface VoiceTask {
+ key: VoiceKey
+ url: string
+ audio: HTMLAudioElement
+}
+
+const currentTask = ref<null | VoiceTask>(null)
+
+/**
+ * 鏄惧紡鍋滄
+ *
+ * - 涓嶄紶 key锛氬己鍋滐紙鍒囦細璇� / 鍏冲脊绐楃敤锛�
+ * - 浼� key锛氫粎褰撳綋鍓� task 鏄 key 鏃舵墠鍋滐紙姘旀场鍗歌浇鍏滃簳鐢紝閬垮厤璇仠鍒汉锛�
+ */
+function stop(key?: VoiceKey) {
+ const task = currentTask.value
+ if (!task) {
+ return
+ }
+ if (key !== undefined && task.key !== key) {
+ return
+ }
+ task.audio.pause()
+ // removeAttribute('src') + load() 鏄� W3C 鎺ㄨ崘鐨勯噴鏀惧Э鍔匡細涓嶄細瑙﹀彂绌� src 鍔犺浇瀵艰嚧鐨� error 浜嬩欢锛�
+ // 涔熻兘璁╂祻瑙堝櫒绔嬪嵆閲婃斁搴曞眰 decoder buffer锛屾瘮 audio.src = '' 鏇村共鍑�
+ task.audio.removeAttribute('src')
+ task.audio.load()
+ currentTask.value = null
+}
+
+/**
+ * 鍒囨崲鎾斁
+ *
+ * - 鍚� key 鍐嶇偣锛氬仠鎺�
+ * - 鍒囧埌鏂� key锛氬仠鏃ц捣鏂�
+ */
+function play(key: VoiceKey, url: string) {
+ if (!url) {
+ return
+ }
+ if (currentTask.value?.key === key) {
+ stop(key)
+ return
+ }
+ stop()
+ const audio = new Audio(url)
+ const task: VoiceTask = { key, url, audio }
+ /** 鎾斁缁撴潫 / 寮傚父娓呮爤锛涘彧娓呭綋鍓嶄换鍔★紝閬垮厤琚悗缁柊浠诲姟鐨勫洖璋冭娓� */
+ const finalize = () => {
+ if (currentTask.value === task) {
+ currentTask.value = null
+ }
+ }
+ audio.addEventListener('ended', finalize, { once: true })
+ audio.addEventListener('error', finalize, { once: true })
+ currentTask.value = task
+ audio.play().catch(finalize)
+}
+
+export function useVoicePlayer() {
+ /** 鎸囧畾 key 鏄惁姝ｅ湪鎾斁 */
+ function isPlaying(key: VoiceKey): boolean {
+ return currentTask.value?.key === key
+ }
+ return { isPlaying, play, stop }
+}
--
Gitblit v1.9.3