From 1f728b338df18e1023c511e5ab18cf003636d7cc Mon Sep 17 00:00:00 2001
From: lixiaolong <702156524@qq.com>
Date: Wed, 12 Aug 2026 13:49:11 +0800
Subject: [PATCH] =?UTF-8?q?feat(flow):=20=E6=B7=BB=E5=8A=A0=E9=9F=B3?=
 =?UTF-8?q?=E9=A2=91=E8=BE=93=E5=87=BA=E6=94=AF=E6=8C=81=E5=92=8C=E6=92=AD?=
 =?UTF-8?q?=E6=94=BE=E5=99=A8=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 为MICROPHONE_STOP节点类型添加audio输出类型支持
- 新增audioUrl输出参数用于存储录音播放地址数组
- 在服务节点组件中添加音频播放器显示功能
- 扩展JsonViewer条件判断排除音频类型输出
- 实现音频URL计算逻辑支持数组和字符串格式
- 添加音频播放器样式配置
---
 src/views/flow/config.js                    |  3 ++-
 src/views/flow/nodes/common/serviceNode.vue | 24 +++++++++++++++++++--
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/src/views/flow/config.js b/src/views/flow/config.js
index a5884a9..a75eb3d 100644
--- a/src/views/flow/config.js
+++ b/src/views/flow/config.js
@@ -453,7 +453,8 @@ function handler(params) {
         action: 'MICROPHONE_STOP',
         nodeType: 'EDGE',
         nodeParams: [],
-        outputType: 'json'
+        outputType: 'audio',
+        outputParams: [{ name: 'audioUrl', type: 'array<string>', children: [], desc: '录音播放地址数组', disabled: true }]
       },
       {
         icon: audioSvg,
diff --git a/src/views/flow/nodes/common/serviceNode.vue b/src/views/flow/nodes/common/serviceNode.vue
index 5518051..b8cc687 100644
--- a/src/views/flow/nodes/common/serviceNode.vue
+++ b/src/views/flow/nodes/common/serviceNode.vue
@@ -11,7 +11,7 @@
       <template #output>
         <div v-if="nodeOperatingStatus != 'FAILED'">
           <JsonViewer
-            v-if="!['img', 'video'].includes(props.properties.outputType)"
+            v-if="!['img', 'video', 'audio'].includes(props.properties.outputType)"
             :value="outputJsonData"
             copyable
             boxed
@@ -33,6 +33,14 @@
             v-for="item in outputJsonData.videoUrl"
             :videoUrl="item"
           />
+          <audio
+            v-for="item in audioUrls"
+            :key="item"
+            class="node-audio-player"
+            :src="item"
+            controls
+            preload="metadata"
+          />
         </div>
         <div v-else>{{ errorInfoData }}</div>
       </template>
@@ -51,7 +59,7 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from "vue";
+import { computed, ref, onMounted } from "vue";
 import NodeTitle from "../../components/NodeTitle.vue";
 import NodeState from "../../components/NodeState.vue";
 import "vue3-json-viewer/dist/index.css";
@@ -86,6 +94,13 @@ const inputJsonData = ref({});
 const outputJsonData = ref({});
 const errorInfoData = ref('');
 
+const audioUrls = computed(() => {
+  const value = outputJsonData.value?.audioUrl;
+  if (Array.isArray(value)) return value.filter(Boolean);
+  if (typeof value === "string" && value) return [value];
+  return [];
+});
+
 const nodeStateRef = ref(null);
 
 /**
@@ -146,4 +161,9 @@ defineExpose({ closePopover })
   width: 100%;
   height: auto;
 }
+
+.node-audio-player {
+  width: min(320px, 100%);
+  height: 36px;
+}
 </style>