Yeomai
89ea2fb25d
ci / ci (22, ubuntu-latest) (push) Canceled after 0s
文件床 - 新增 files/ 存储前缀与 media_type 索引列，图片、视频、文件三类资源独立 - 新增文件上传、列表、删除、批量删除接口，禁止 html/htm/svg - 支持公开直链与 Token 访问两种模式，后台可切换，直链强制附件下载 视频床 - 新增 videos/ 存储前缀与视频上传接口，单文件上限 500MB - 接入 ffmpeg 转码队列，并发数与单任务核心数可配，默认串行 - 五档转码质量：直接封装 / 速度 / 平衡 / 质量 / 压缩（压缩档可调码率比例） - 码率控制避免转码后体积反超源文件，音频跟随源音轨不放大不压缩 - 转码进度实时上报，成功后删除源文件，失败时保留源文件与可用链接 - 上传时自动抽帧生成封面，视频与封面各有独立链接 - 删除视频时中断转码并清理切片、封面与源文件 媒体库 - 图库、视频库、文件库三套独立统计，含趋势、占用与来源分布 - 统一筛选、多选、批量删除、批量标签、网格/列表切换，显示方式按类型分别记忆 - 视频详情对齐图片详情，视频库支持在线播放（hls.js，兼容回退原文件） 修复 - 清理无主的切片、封面与开发期遗留的 ffmpeg 进程 - 源文件按设计删除后，索引不再被启动孤儿清理误删 - 视频统计口径与列表一致，转码中的视频不计入统计 - 转码失败时回收已写入的部分切片，避免残留 - 设置页停用检查更新（与上游版本号已不对应） 其他 - Docker 镜像安装 ffmpeg - git remote 指向内网仓库
101 lines
2.3 KiB
Vue
101 lines
2.3 KiB
Vue
<script setup lang="ts">
|
|
import type { FileItem } from '~/types/file'
|
|
|
|
const props = defineProps<{
|
|
/** 视频床或文件床的上传页 */
|
|
kind: 'video' | 'file'
|
|
}>()
|
|
|
|
const { t } = useI18n()
|
|
const toast = useToast()
|
|
const {
|
|
uploading,
|
|
progressItems,
|
|
sessionItems,
|
|
linkUrl,
|
|
thumbLink,
|
|
loadActiveTranscodes,
|
|
uploadFiles
|
|
} = useMediaUpload(props.kind)
|
|
|
|
onMounted(() => {
|
|
void loadActiveTranscodes()
|
|
})
|
|
|
|
const text = computed(() => props.kind === 'video'
|
|
? {
|
|
uploadTitle: t('library.video.uploadTitle'),
|
|
uploadHint: t('library.video.uploadHint'),
|
|
uploadFormats: t('library.video.uploadFormats')
|
|
}
|
|
: {
|
|
uploadTitle: t('library.file.uploadTitle'),
|
|
uploadHint: t('library.file.uploadHint'),
|
|
uploadFormats: t('library.file.uploadFormats')
|
|
})
|
|
|
|
const showProgress = computed(() =>
|
|
uploading.value
|
|
|| progressItems.value.some(
|
|
item =>
|
|
item.status === 'pending'
|
|
|| item.status === 'uploading'
|
|
|| item.status === 'error'
|
|
)
|
|
)
|
|
|
|
async function removeItem(item: FileItem) {
|
|
try {
|
|
await $fetch('/api/files', {
|
|
method: 'DELETE',
|
|
credentials: 'include',
|
|
query: { key: item.key }
|
|
})
|
|
sessionItems.value = sessionItems.value.filter(entry => entry.key !== item.key)
|
|
toast.add({ title: t('files.deleted'), color: 'success' })
|
|
} catch {
|
|
toast.add({ title: t('files.deleteFailed'), color: 'error' })
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div class="space-y-6">
|
|
<UploadFlipCard
|
|
:kind="kind"
|
|
:title="text.uploadTitle"
|
|
:hint="text.uploadHint"
|
|
:formats="text.uploadFormats"
|
|
:disabled="uploading"
|
|
@upload="uploadFiles"
|
|
/>
|
|
|
|
<UploadResult
|
|
v-if="showProgress"
|
|
:items="progressItems"
|
|
/>
|
|
|
|
<section
|
|
v-if="sessionItems.length"
|
|
class="space-y-4"
|
|
>
|
|
<h2 class="text-lg font-medium">
|
|
{{ t('upload.sessionTitle') }}
|
|
<span class="ml-1 text-sm font-normal text-muted">({{ sessionItems.length }})</span>
|
|
</h2>
|
|
|
|
<div class="grid gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
|
|
<MediaSessionCard
|
|
v-for="item in sessionItems"
|
|
:key="item.key"
|
|
:item="item"
|
|
:kind="kind"
|
|
:link="linkUrl(item)"
|
|
:thumb-link="thumbLink(item)"
|
|
@delete="removeItem(item)"
|
|
/>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</template>
|