diff --git a/example_vault/.gitattributes b/example_vault/.gitattributes
index e8a0139..8085f15 100644
--- a/example_vault/.gitattributes
+++ b/example_vault/.gitattributes
@@ -2,3 +2,4 @@ video/** filter=lfs diff=lfs merge=lfs -text
 images/** filter=lfs diff=lfs merge=lfs -text
 3d/David_(Michelangelo).stl filter=lfs diff=lfs merge=lfs -text
 3d/Scan_the_World_-_Venus_de_Milo.stl filter=lfs diff=lfs merge=lfs -text
+audio/** filter=lfs diff=lfs merge=lfs -text
diff --git a/example_vault/ATTRIBUTION.md b/example_vault/ATTRIBUTION.md
index d405bc2..490d7cc 100644
--- a/example_vault/ATTRIBUTION.md
+++ b/example_vault/ATTRIBUTION.md
@@ -1,10 +1,11 @@
 - `video/video_wide.webm` is [**Sirui 35mm Anamorphic Lens TEST FOOTAGE (pure cinematography)** by _DreamDuo Films_][video_wide]
 - `video/video_vertical.webm` is [**free footage video background | portrait background** by _CahRusli_][video_vertical]
+- `audio/drjohndee...mp3` from https://archive.org/details/dr_john_dee_2301_librivox
 - `images` - `church.jpg`, `landscape.jpg`, `vertical_rocks.jpg` by _Tomáš Mládek_
-- `images/The_Blue_Marble.jpg` - https://commons.wikimedia.org/wiki/File:The_Blue_Marble.jpg
-- `images/The Great Wave off Kanagawa.jpg` - https://en.wikipedia.org/wiki/File:Tsunami_by_hokusai_19th_century.jpg
-- `models/David_(Michelangelo).stl` - https://commons.wikimedia.org/wiki/File:David_(Michelangelo).stl
-- `models/Scan_the_World_-_Venus_de_Milo.stl` - https://commons.wikimedia.org/wiki/File:Scan_the_World_-_Venus_de_Milo.stl
+- `images/The_Blue_Marble.jpg` from https://commons.wikimedia.org/wiki/File:The_Blue_Marble.jpg
+- `images/The Great Wave off Kanagawa.jpg` from https://en.wikipedia.org/wiki/File:Tsunami_by_hokusai_19th_century.jpg
+- `models/David_(Michelangelo).stl` from https://commons.wikimedia.org/wiki/File:David_(Michelangelo).stl
+- `models/Scan_the_World_-_Venus_de_Milo.stl` from https://commons.wikimedia.org/wiki/File:Scan_the_World_-_Venus_de_Milo.stl
 
 [video_wide]: https://www.youtube.com/watch?v=rGVeryrPMEA
 [video_vertical]: https://www.youtube.com/shorts/QbhDvqZ50Lw
diff --git a/example_vault/audio/drjohndee_01_hort_128kb.mp3 b/example_vault/audio/drjohndee_01_hort_128kb.mp3
new file mode 100644
index 0000000..eb59c6e
--- /dev/null
+++ b/example_vault/audio/drjohndee_01_hort_128kb.mp3
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b834b4efcfd4ca74e558de952d24564558a230be3d5b831fee83eb419814120f
+size 16649075
diff --git a/example_vault/audio/drjohndee_02_hort_128kb.mp3 b/example_vault/audio/drjohndee_02_hort_128kb.mp3
new file mode 100644
index 0000000..e053983
--- /dev/null
+++ b/example_vault/audio/drjohndee_02_hort_128kb.mp3
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:07c75929edd758e6d2dbb2f54a07fe46cad21a6e225124842c16968b042b5e59
+size 16569663
diff --git a/example_vault/audio/drjohndee_03_hort_128kb.mp3 b/example_vault/audio/drjohndee_03_hort_128kb.mp3
new file mode 100644
index 0000000..ee8fbd8
--- /dev/null
+++ b/example_vault/audio/drjohndee_03_hort_128kb.mp3
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:472f509cdd931b7dfd105e978716439f29e5860998b25a68d7a87c9fefc6af2f
+size 20954473
diff --git a/example_vault/audio/drjohndee_04_hort_128kb.mp3 b/example_vault/audio/drjohndee_04_hort_128kb.mp3
new file mode 100644
index 0000000..d27ad1c
--- /dev/null
+++ b/example_vault/audio/drjohndee_04_hort_128kb.mp3
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d10d2bb2edd2ac5d59c3fb546856317e25de3f91cfe9df5034a0d85132f298da
+size 11529075
diff --git a/example_vault/audio/drjohndee_05_hort_128kb.mp3 b/example_vault/audio/drjohndee_05_hort_128kb.mp3
new file mode 100644
index 0000000..6d28aa7
--- /dev/null
+++ b/example_vault/audio/drjohndee_05_hort_128kb.mp3
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f04701e15660f6977d4357c2593910e2b010f16be9704ea898366fe390727afc
+size 13986707
diff --git a/webui/src/stories/BlobPreview.stories.ts b/webui/src/stories/BlobPreview.stories.ts
index 9d406a9..3e36886 100644
--- a/webui/src/stories/BlobPreview.stories.ts
+++ b/webui/src/stories/BlobPreview.stories.ts
@@ -1,6 +1,7 @@
 import type { Meta, StoryObj } from "@storybook/svelte";
 import BlobPreview from "../components/display/BlobPreview.svelte";
 import {
+  audioAddress,
   imageAddress,
   imageVerticalAddress,
   stlAddress,
@@ -30,6 +31,10 @@ export const ImageVertical: Story = {
   args: { address: imageVerticalAddress },
 };
 
+export const Audio: Story = {
+  args: {address: audioAddress}
+}
+
 export const Video: Story = {
   args: { address: videoAddress },
 };
diff --git a/webui/src/stories/BlobViewer.stories.ts b/webui/src/stories/BlobViewer.stories.ts
index abf807f..2b12fed 100644
--- a/webui/src/stories/BlobViewer.stories.ts
+++ b/webui/src/stories/BlobViewer.stories.ts
@@ -1,6 +1,7 @@
 import type { Meta, StoryObj } from "@storybook/svelte";
 import BlobViewer from "../components/display/BlobViewer.svelte";
 import {
+  audioAddress,
   imageAddress,
   imageVerticalAddress,
   stlAddress,
@@ -12,12 +13,21 @@ const meta: Meta<BlobViewer> = {
   title: "Blobs/BlobViewer",
   component: BlobViewer,
   tags: ["autodocs"],
+  args: {
+    editable: false,
+  },
   argTypes: {
     detail: {
       control: {
         type: "boolean",
       },
     },
+    editable: {
+      control: {
+        type: "boolean",
+        default: false,
+      },
+    },
   },
 };
 
@@ -32,6 +42,10 @@ export const ImageVertical: Story = {
   args: { address: imageVerticalAddress },
 };
 
+export const Audio: Story = {
+  args: { address: audioAddress },
+};
+
 export const Video: Story = {
   args: { address: videoAddress },
 };
diff --git a/webui/src/stories/common.ts b/webui/src/stories/common.ts
index 067a2ed..99b4a6b 100644
--- a/webui/src/stories/common.ts
+++ b/webui/src/stories/common.ts
@@ -2,6 +2,8 @@ export const imageAddress = "zQmQ91HTsWMpuoHPJXf1B95Jp9QU2R2WSzZYLL1vNNivmkE";
 export const imageVerticalAddress =
   "zQmd9ZbZKMm92oVgCdf7DpHCxJE9Vkb1JXNxXfgVcxLXnwc";
 
+export const audioAddress = "zQmajiLgFz3VZ6L4RhTXyvLDE1aXV1hDMdLBVqibuUUdaYv";
+
 export const videoAddress = "zQmeQHYJRniFnkFhG8fDNKQmwqHJW9rLyhX5WCnoDtg7wWa";
 export const videoVerticalAddress =
   "zQmfJtFbrckn8ZXFuEpL2tbaQGSjv7smTamd2TSTYQGidwt";