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/useMediaStreamElement.ts | 40 ++++++++++++++++++++++++++++++++++++++++
1 files changed, 40 insertions(+), 0 deletions(-)
diff --git a/src/views/im/home/composables/useMediaStreamElement.ts b/src/views/im/home/composables/useMediaStreamElement.ts
new file mode 100644
index 0000000..aa6ae09
--- /dev/null
+++ b/src/views/im/home/composables/useMediaStreamElement.ts
@@ -0,0 +1,40 @@
+import { type VNodeRef, watch } from 'vue'
+
+/**
+ * 鎶婂搷搴斿紡 MediaStream 鎸傚埌 `<video>` / `<audio>` 鍏冪礌鐨� srcObject 涓婏紱
+ * stream 涓虹┖鏃舵竻鎺� srcObject锛岄伩鍏嶈澶囧叧闂悗鐢婚潰鍗″湪鏈�鍚庝竴甯�
+ */
+export function useMediaStreamElement<T extends HTMLMediaElement>(
+ streamSource: () => MediaStream | null | undefined
+): VNodeRef {
+ let el: T | null = null
+ let currentStream: MediaStream | null | undefined
+
+ const syncStream = () => {
+ if (el) {
+ el.srcObject = currentStream || null
+ }
+ }
+
+ watch(
+ streamSource,
+ (stream) => {
+ currentStream = stream
+ syncStream()
+ },
+ { flush: 'post', immediate: true }
+ )
+
+ return (value) => {
+ if (value instanceof HTMLMediaElement) {
+ el = value as T
+ syncStream()
+ return
+ }
+
+ if (el) {
+ el.srcObject = null
+ }
+ el = null
+ }
+}
--
Gitblit v1.9.3