From ac91b3f679476abe14691ee44f59cc96951f31a6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=85=83=E5=90=89/=EC=9B=90=EA=B8=B8/OneGil?=
 <liyuanji1002@gmail.com>
Date: Mon, 7 Aug 2023 14:04:30 +0800
Subject: [PATCH] feat(assets): support audio assets preview (#187)

---
 packages/client/components/AssetDetails.vue | 1 +
 packages/client/components/AssetPreview.vue | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/packages/client/components/AssetDetails.vue b/packages/client/components/AssetDetails.vue
index b8724765..52109f6a 100644
--- a/packages/client/components/AssetDetails.vue
+++ b/packages/client/components/AssetDetails.vue
@@ -52,6 +52,7 @@ const supportsPreview = computed(() => {
     'image',
     'text',
     'video',
+    'audio',
     'font',
   ].includes(asset.value.type)
 })
diff --git a/packages/client/components/AssetPreview.vue b/packages/client/components/AssetPreview.vue
index 85f8ef9c..2e5edae2 100644
--- a/packages/client/components/AssetPreview.vue
+++ b/packages/client/components/AssetPreview.vue
@@ -23,6 +23,10 @@ defineProps<{
     <div v-else-if="asset.type === 'video'">
       <video :src="asset.publicPath" :autoplay="detail" :controls="detail" />
     </div>
+    <div v-else-if="asset.type === 'audio'">
+      <audio v-if="detail" :src="asset.publicPath" :autoplay="detail" :controls="detail" />
+      <div v-else i-carbon:volume-up text-3xl op20 />
+    </div>
     <div v-else i-carbon-help text-3xl op20 />
   </div>
 </template>