import { useState, useCallback } from "react"; import { VideoSegmentEditUseCase } from "../usecase/ShotEditUsecase"; import { VideoSegmentEntity } from "../domain/Entities"; import { LensType } from "../domain/valueObject"; import { getUploadToken, uploadToQiniu } from "@/api/common"; /** * 视频片段服务Hook接口 * 定义视频片段服务Hook的所有状态和操作方法 */ export interface UseShotService { // 响应式状态 /** 加载状态 */ loading: boolean; /** 视频片段列表 */ videoSegments: VideoSegmentEntity[]; /** 当前选中的视频片段 */ selectedSegment: VideoSegmentEntity | null; // 操作方法 /** 获取视频片段列表 */ getVideoSegmentList: (projectId: string) => Promise; /** 重新生成视频片段 */ regenerateVideoSegment: ( roleReplaceParams?: { oldId: string; newId: string }[], sceneReplaceParams?: { oldId: string; newId: string }[] ) => Promise; /** AI优化视频内容 */ optimizeVideoContent: ( shotId: string, userRequirement: string, lensData: LensType[] ) => Promise; /** 中断当前操作 */ abortOperation: () => void; /** 设置选中的视频片段 */ setSelectedSegment: (segment: VideoSegmentEntity | null) => void; /** 添加新镜头到选中的视频片段 */ addNewLens: () => void; /** 删除指定镜头 */ deleteLens: (lensName: string) => void; /** 获取视频当前帧并上传到七牛云 */ filterRole: (video: HTMLVideoElement) => Promise; } /** * 视频片段服务Hook * 提供视频片段相关的所有状态管理和操作方法 * 包括获取视频列表、重新生成视频、AI优化等功能 */ export const useShotService = (): UseShotService => { // 响应式状态 const [loading, setLoading] = useState(false); const [videoSegments, setVideoSegments] = useState([]); const [selectedSegment, setSelectedSegment] = useState(null); const [projectId, setProjectId] = useState(""); // UseCase实例 const [vidoEditUseCase] = useState( new VideoSegmentEditUseCase() ); /** * 获取视频片段列表 * @param projectId 项目ID */ const getVideoSegmentList = useCallback( async (projectId: string): Promise => { try { setLoading(true); const segments = await vidoEditUseCase.getVideoSegmentList(projectId); setProjectId(projectId); console.log('segments', segments); setVideoSegments(segments); } catch (error) { console.error("获取视频片段列表失败:", error); } finally { setLoading(false); } }, [vidoEditUseCase] ); /** * 重新生成视频片段 * @param shotPrompt 镜头描述数据 * @param shotId 视频片段ID(可选) * @param roleReplaceParams 角色替换参数(可选) * @param sceneReplaceParams 场景替换参数(可选) * @returns Promise 重新生成的视频片段 */ const regenerateVideoSegment = useCallback( async ( roleReplaceParams?: { oldId: string; newId: string }[], sceneReplaceParams?: { oldId: string; newId: string }[] ): Promise => { try { setLoading(true); const regeneratedSegment = await vidoEditUseCase.regenerateVideoSegment( projectId, selectedSegment!.lens, selectedSegment!.id, roleReplaceParams, sceneReplaceParams ); // 如果重新生成的是现有片段,更新列表中的对应项 if (selectedSegment) { setVideoSegments(prev => prev.map(segment => segment.id === selectedSegment.id ? regeneratedSegment : segment ) ); } else { // 如果是新生成的片段,添加到列表中 setVideoSegments(prev => [...prev, regeneratedSegment]); } return regeneratedSegment; } catch (error) { console.error("重新生成视频片段失败:", error); throw error; } finally { setLoading(false); } }, [projectId, selectedSegment, vidoEditUseCase] ); /** * AI优化视频内容 * @param shotId 视频片段ID * @param userRequirement 用户优化需求 * @param lensData 镜头数据数组 * @returns Promise 优化后的镜头数据 */ const optimizeVideoContent = useCallback( async ( shotId: string, userRequirement: string, lensData: LensType[] ): Promise => { try { setLoading(true); const optimizedLensData = await vidoEditUseCase.optimizeVideoContent( shotId, userRequirement, lensData ); // 注意:这里不再更新videoSegments状态,因为返回的是LensType[]而不是VideoSegmentEntity // 调用者需要自己处理优化后的镜头数据 return optimizedLensData; } catch (error) { console.error("AI优化视频内容失败:", error); throw error; } finally { setLoading(false); } }, [vidoEditUseCase] ); /** * 中断当前操作 */ const abortOperation = useCallback((): void => { // vidoEditUseCase.abortOperation(); setLoading(false); }, []); /** * 设置选中的视频片段 */ const setSelectedSegmentHandler = useCallback((segment: VideoSegmentEntity | null): void => { setSelectedSegment(segment); }, []); /** * 添加新镜头到选中的视频片段 * @description 在selectedSegment的lens数组中添加一个新的空镜头,镜头名称按顺序命名 */ const addNewLens = useCallback((): void => { if (!selectedSegment) { console.warn("没有选中的视频片段,无法添加镜头"); return; } // 计算下一个镜头编号 const currentLensCount = selectedSegment.lens.length; const newLensName = `镜头${currentLensCount + 1}`; // 创建新的空镜头 const newLens = new LensType(newLensName, "", []); // 创建更新后的片段 const updatedSegment: VideoSegmentEntity = { ...selectedSegment, lens: [...selectedSegment.lens, newLens] }; // 批量更新状态,避免多次重渲染 setSelectedSegment(updatedSegment); setVideoSegments(prev => { const segmentIndex = prev.findIndex(segment => segment.id === selectedSegment.id); if (segmentIndex === -1) return prev; const newSegments = [...prev]; newSegments[segmentIndex] = updatedSegment; return newSegments; }); }, [selectedSegment]); /** * 删除指定镜头 * @param lensName 要删除的镜头名称 */ const deleteLens = useCallback((lensName: string): void => { if (!selectedSegment) { console.warn("没有选中的视频片段,无法删除镜头"); return; } // 过滤掉指定名称的镜头并重新排序 const updatedLens = selectedSegment.lens .filter(lens => lens.name !== lensName) .map((lens, index) => new LensType(`镜头${index + 1}`, lens.script, lens.content)); // 创建更新后的片段 const updatedSegment: VideoSegmentEntity = { ...selectedSegment, lens: updatedLens }; // 批量更新状态,避免多次重渲染 setSelectedSegment(updatedSegment); setVideoSegments(prev => { const segmentIndex = prev.findIndex(segment => segment.id === selectedSegment.id); if (segmentIndex === -1) return prev; const newSegments = [...prev]; newSegments[segmentIndex] = updatedSegment; return newSegments; }); }, [selectedSegment]); /** * 获取视频当前帧的画面,上传到七牛云,并返回七牛云的图片地址,然后调用接口识别出里面的人物信息,返回人物信息 * @param video HTML视频元素 * @returns Promise 七牛云的图片地址 */ const filterRole = useCallback(async (video: HTMLVideoElement): Promise => { try { // 创建canvas元素来截取视频帧 const canvas = document.createElement('canvas'); const ctx = canvas.getContext('2d'); if (!ctx) { throw new Error('无法获取canvas上下文'); } // 设置canvas尺寸为视频尺寸 canvas.width = video.videoWidth; canvas.height = video.videoHeight; // 将当前视频帧绘制到canvas上 ctx.drawImage(video, 0, 0, canvas.width, canvas.height); // 将canvas转换为blob const blob = await new Promise((resolve, reject) => { canvas.toBlob((blob) => { if (blob) { resolve(blob); } else { reject(new Error('无法将canvas转换为blob')); } }, 'image/png'); }); // 创建File对象 const file = new File([blob], `frame_${Date.now()}.png`, { type: 'image/png' }); // 获取上传token const { token } = await getUploadToken(); // 上传到七牛云 const imageUrl = await uploadToQiniu(file, token); return imageUrl; } catch (error) { console.error('获取视频帧失败:', error); throw error; } }, []); return { // 响应式状态 loading, videoSegments, selectedSegment, // 操作方法 getVideoSegmentList, regenerateVideoSegment, optimizeVideoContent, abortOperation, setSelectedSegment: setSelectedSegmentHandler, addNewLens, deleteLens, filterRole, }; };