feat: markdown extension (#3663)

* feat: markdown extension

* media cros

* rerank test

* default price

* perf: default model

* fix: cannot custom provider

* fix: default model select

* update bg

* perf: default model selector

* fix: usage export

* i18n

* fix: rerank

* update init extension

* perf: ip limit check

* doubao model order

* web default modle

* perf: tts selector

* perf: tts error

* qrcode package

projects/app/src/components/Markdown/codeBlock/Audio.tsx

@@ -0,0 +1,31 @@
+import React, { useEffect } from 'react';
+import { Box } from '@chakra-ui/react';
+import { useMarkdownWidth } from '../hooks';
+
+const AudioBlock = ({ code: audioUrl }: { code: string }) => {
+  const { width, Ref } = useMarkdownWidth();
+
+  useEffect(() => {
+    fetch(audioUrl?.trim(), {
+      mode: 'cors',
+      credentials: 'omit'
+    })
+      .then((response) => response.blob())
+      .then((blob) => {
+        const url = URL.createObjectURL(blob);
+        const audio = document.getElementById('player');
+        audio?.setAttribute('src', url);
+      })
+      .catch((err) => {
+        console.log(err);
+      });
+  }, [audioUrl]);
+
+  return (
+    <Box w={width} ref={Ref}>
+      <audio id="player" controls style={{ width: '100%' }} />
+    </Box>
+  );
+};
+
+export default AudioBlock;