From 6c37d04591d0fdfef130425346f69bd5d7ce3843 Mon Sep 17 00:00:00 2001
From: lloydzhou <lloydzhou@qq.com>
Date: Tue, 24 Sep 2024 18:45:20 +0800
Subject: [PATCH] auto play video/audio

---
 app/components/markdown.tsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/app/components/markdown.tsx b/app/components/markdown.tsx
index 4f1b0ed24..d6765f263 100644
--- a/app/components/markdown.tsx
+++ b/app/components/markdown.tsx
@@ -279,6 +279,20 @@ function _MarkDownContent(props: { content: string }) {
         p: (pProps) => <p {...pProps} dir="auto" />,
         a: (aProps) => {
           const href = aProps.href || "";
+          if (/\.(aac|mp3|opus|wav)$/.test(href)) {
+            return (
+              <figure>
+                <audio controls src={href}></audio>
+              </figure>
+            );
+          }
+          if (/\.(3gp|3g2|webm|ogv|mpeg|mp4|avi)$/.test(href)) {
+            return (
+              <video controls>
+                <source src={href} />
+              </video>
+            );
+          }
           const isInternal = /^\/#/i.test(href);
           const target = isInternal ? "_self" : aProps.target ?? "_blank";
           return <a {...aProps} target={target} />;