fix: make home video results playable
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -530,8 +530,11 @@ export default function Home() {
|
|||||||
objectFit="cover"
|
objectFit="cover"
|
||||||
previewObjectFit="contain"
|
previewObjectFit="contain"
|
||||||
className="aspect-video w-full rounded-xl"
|
className="aspect-video w-full rounded-xl"
|
||||||
|
videoControls={latestVideo.status === "completed"}
|
||||||
label={latestVideo.model}
|
label={latestVideo.model}
|
||||||
meta={`${latestVideo.status} · ${Math.round(latestVideo.progress)}%`}
|
meta={`${latestVideo.status} · ${Math.round(latestVideo.progress)}%`}
|
||||||
|
previewDetail={latestVideo.error || undefined}
|
||||||
|
emptyText={latestVideo.status === "failed" ? "失败" : undefined}
|
||||||
busy={latestVideo.status === "queued" || latestVideo.status === "in_progress"}
|
busy={latestVideo.status === "queued" || latestVideo.status === "in_progress"}
|
||||||
onDelete={() => deleteVideo(latestVideo)}
|
onDelete={() => deleteVideo(latestVideo)}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -33,6 +33,7 @@ type MediaAssetTileProps = {
|
|||||||
previewClassName?: string
|
previewClassName?: string
|
||||||
previewPlacement?: MediaAssetPreviewPlacement
|
previewPlacement?: MediaAssetPreviewPlacement
|
||||||
previewMaxWidth?: number
|
previewMaxWidth?: number
|
||||||
|
videoControls?: boolean
|
||||||
selected?: boolean
|
selected?: boolean
|
||||||
disabled?: boolean
|
disabled?: boolean
|
||||||
busy?: boolean
|
busy?: boolean
|
||||||
@@ -94,6 +95,7 @@ export function MediaAssetTile({
|
|||||||
previewClassName = "",
|
previewClassName = "",
|
||||||
previewPlacement = "auto",
|
previewPlacement = "auto",
|
||||||
previewMaxWidth = 520,
|
previewMaxWidth = 520,
|
||||||
|
videoControls = false,
|
||||||
selected = false,
|
selected = false,
|
||||||
disabled = false,
|
disabled = false,
|
||||||
busy = false,
|
busy = false,
|
||||||
@@ -122,7 +124,7 @@ export function MediaAssetTile({
|
|||||||
}
|
}
|
||||||
|
|
||||||
const media = kind === "video" && src ? (
|
const media = kind === "video" && src ? (
|
||||||
<video src={src} poster={poster} muted playsInline preload="metadata" className={`h-full w-full ${fit} ${mediaClassName}`} />
|
<video src={src} poster={poster} muted playsInline controls={videoControls} preload="metadata" className={`h-full w-full ${fit} ${mediaClassName}`} />
|
||||||
) : mediaSrc ? (
|
) : mediaSrc ? (
|
||||||
<img src={mediaSrc} alt={alt} className={`h-full w-full ${fit} ${mediaClassName}`} />
|
<img src={mediaSrc} alt={alt} className={`h-full w-full ${fit} ${mediaClassName}`} />
|
||||||
) : (
|
) : (
|
||||||
|
|||||||
Reference in New Issue
Block a user