fix: Audio element not working on safari (#268)

Chainlit · Aug 10, 2023 · 4c00887 · 4c00887
1 parent d8c6897
commit 4c00887
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/chainlit/frontend/src/components/atoms/element/audio.tsx b/src/chainlit/frontend/src/components/atoms/element/audio.tsx
@@ -14,7 +14,9 @@ export default function AudioElement({ element }: Props) {
     return null;
   }
   const className = `${element.display}-audio`;
-  const src = element.url || URL.createObjectURL(new Blob([element.content!]));
+  const src =
+    element.url ||
+    URL.createObjectURL(new Blob([element.content!], { type: 'audio/mpeg' }));
   return (
     <Box className={className}>
       <Box