feat: Supports text output and sound output #1877 (#2436)

### What problem does this PR solve?

feat: Supports text output and sound output #1877

### Type of change

- [x] New Feature (non-breaking change which adds functionality)

web/.umirc.ts

@@ -36,12 +36,5 @@ export default defineConfig({
       logger: console,
       // pathRewrite: { '^/v1': '/v1' },
     },
-    '/HPImageArchive': {
-      target: 'https://cn.bing.com/',
-      changeOrigin: true,
-      ws: true,
-      logger: console,
-      // pathRewrite: { '^/v1': '/v1' },
-    },
   },
 });

web/src/components/message-item/hooks.ts

@@ -3,6 +3,7 @@ import { useSetModalState } from '@/hooks/common-hooks';
 import { IRemoveMessageById, useSpeechWithSse } from '@/hooks/logic-hooks';
 import { IFeedbackRequestBody } from '@/interfaces/request/chat';
 import { getMessagePureId } from '@/utils/chat';
+import { hexStringToUint8Array } from '@/utils/common-util';
 import { SpeechPlayer } from 'openai-speech-stream-player';
 import { useCallback, useEffect, useRef, useState } from 'react';
 
@@ -94,14 +95,14 @@ export const useSpeech = (content: string, audioBinary?: string) => {
     }
   }, [setIsPlaying, speech, isPlaying, pause]);
 
-  // useEffect(() => {
-  //   if (audioBinary) {
-  //     const units = hexStringToUint8Array(audioBinary);
-  //     if (units) {
-  //       player.current?.feed(units);
-  //     }
-  //   }
-  // }, [audioBinary]);
+  useEffect(() => {
+    if (audioBinary) {
+      const units = hexStringToUint8Array(audioBinary);
+      if (units) {
+        player.current?.feed(units);
+      }
+    }
+  }, [audioBinary]);
 
   useEffect(() => {
     initialize();

web/src/locales/en.ts

@@ -362,9 +362,9 @@ The above is the content you need to summarize.`,
       The 'knowledge' is a very special variable which will be filled-in with the retrieved chunks.
       All the variables in 'System' should be curly bracketed.`,
       add: 'Add',
-      key: 'key',
+      key: 'Key',
       optional: 'Optional',
-      operation: 'operation',
+      operation: 'Operation',
       model: 'Model',
       modelTip: 'Large language chat model',
       modelMessage: 'Please select!',
@@ -642,7 +642,7 @@ The above is the content you need to summarize.`,
         'Loop is the upper limit of the number of loops of the current component, when the number of loops exceeds the value of loop, it means that the component can not complete the current task, please re-optimize agent',
       yes: 'Yes',
       no: 'No',
-      key: 'key',
+      key: 'Key',
       componentId: 'Component ID',
       add: 'Add',
       operation: 'operation',

web/src/pages/chat/chat-configuration-modal/assistant-setting.tsx

@@ -99,7 +99,7 @@ const AssistantSetting = ({ show }: ISegmentedContentProps) => {
       >
         <Switch />
       </Form.Item> */}
-      {/* <Form.Item
+      <Form.Item
         label={t('tts')}
         valuePropName="checked"
         name={['prompt_config', 'tts']}
@@ -107,7 +107,7 @@ const AssistantSetting = ({ show }: ISegmentedContentProps) => {
         initialValue={false}
       >
         <Switch />
-      </Form.Item> */}
+      </Form.Item>
       <KnowledgeBaseItem></KnowledgeBaseItem>
     </section>
   );