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":