diff --git a/apps/web/src/pages/generate/components/material/ManualMaterialList.tsx b/apps/web/src/pages/generate/components/material/ManualMaterialList.tsx index af82ee7ea..3b07fa05c 100644 --- a/apps/web/src/pages/generate/components/material/ManualMaterialList.tsx +++ b/apps/web/src/pages/generate/components/material/ManualMaterialList.tsx @@ -1,7 +1,7 @@ /** * 手动选择素材列表 */ -import React from "react" +import React, { useRef, useCallback } from "react" import { Typography } from "antd" import type { AssetItem } from "@/api/assets" @@ -20,6 +20,16 @@ const ManualMaterialList: React.FC = ({ selectedMaterials, onToggle, }) => { + const handleVideoMouseEnter = useCallback((e: React.MouseEvent) => { + e.currentTarget.play().catch(() => {}) + }, []) + + const handleVideoMouseLeave = useCallback((e: React.MouseEvent) => { + const video = e.currentTarget + video.pause() + video.currentTime = 0 + }, []) + return (
{materialsLoading ? ( @@ -74,15 +84,24 @@ const ManualMaterialList: React.FC = ({ > {isVideo && m.file_url ? (