From 17e298d5a983dda025984499d3e50945bb491224 Mon Sep 17 00:00:00 2001
From: Alejandro Gomez <alejandro@strike.me>
Date: Thu, 26 Jan 2023 19:30:07 +0100
Subject: [PATCH] feat: audio player

---
 src/Element/Text.css | 2 +-
 src/Element/Text.tsx | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/Element/Text.css b/src/Element/Text.css
index dc5c2afb..f725c01d 100644
--- a/src/Element/Text.css
+++ b/src/Element/Text.css
@@ -52,7 +52,7 @@
     margin: 20px;
 }
 
-.text img, .text video, .text iframe {
+.text img, .text video, .text iframe, .text audio {
     max-width: 100%;
     max-height: 500px;
     margin: 10px auto;
diff --git a/src/Element/Text.tsx b/src/Element/Text.tsx
index 74f7551c..dd8cf15b 100644
--- a/src/Element/Text.tsx
+++ b/src/Element/Text.tsx
@@ -41,6 +41,11 @@ function transformHttpLink(a: string, pref: UserPreferences) {
                 case "webp": {
                     return <img key={url.toString()} src={url.toString()} />;
                 }
+                case "wav":
+                case "mp3":
+                case "ogg": {
+                    return <audio key={url.toString()} src={url.toString()} controls />
+                }
                 case "mp4":
                 case "mov":
                 case "mkv":