zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

feat: support more kinds of attachment

Browse source
This commit is contained in:
三咲智子 2022-11-24 12:05:13 +08:00
parent 73c35b3c11
commit dba069f0ef
No known key found for this signature in database
GPG key ID: 69992F2250DFD93E
3 changed files with 35 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

21
components/status/StatusAttachment.vue
View file

@ -22,7 +22,7 @@ const aspectRatio = computed(() => {
</script>
<template>
<template v-if="attachment.type === 'image' || attachment.type === 'gifv'">
<template v-if="attachment.type === 'image' ">
<CommonBlurhash
:blurhash="attachment.blurhash"
class="status-attachment-image"
@ -48,6 +48,25 @@ const aspectRatio = computed(() => {
<source :src="attachment.url || attachment.previewUrl" type="video/mp4">
</video>
</template>
<template v-else-if="attachment.type === 'gifv'">
<video
:poster="attachment.previewUrl"
loop
autoplay
border="~ base"
object-cover
:style="{
aspectRatio,
}"
>
<source :src="attachment.url || attachment.previewUrl" type="video/mp4">
</video>
</template>
<template v-else-if="attachment.type === 'audio'">
<audio controls border="~ base">
<source :src="attachment.url || attachment.previewUrl" type="audio/mp3">
</audio>
</template>
<template v-else>
TODO:
<pre>{{ attachment }}