diff --git a/assets/scss/_single.scss b/assets/scss/_single.scss
index dd478a9..3ec1130 100644
--- a/assets/scss/_single.scss
+++ b/assets/scss/_single.scss
@@ -91,6 +91,17 @@
     }
   }
 
+  &-audio {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding-top: 20px;
+
+    audio {
+      width: 90%;
+    }
+  }
+
   .flag {
     border-radius: 50%;
     margin: 0 5px;
diff --git a/layouts/posts/single.html b/layouts/posts/single.html
index f75f83b..84390b5 100644
--- a/layouts/posts/single.html
+++ b/layouts/posts/single.html
@@ -45,6 +45,14 @@
         <hr />
       {{- end }}
 
+      {{ if .Params.Audio }}
+        <div class="post-audio">
+          <audio controls>
+            <source src="{{ .Params.Audio }}">
+          </audio>
+        </div>
+      {{ end }}
+
       <div class="post-content">
         {{ .Content }}
       </div>