forked from 77media/video-flow
aaaaaaa
This commit is contained in:
parent
1c7ce07fc9
commit
b1294dbf5d
@ -1,5 +1,5 @@
|
|||||||
import React, { useRef, useCallback, useState, useEffect } from "react";
|
import React, { useRef, useCallback, useState, useEffect } from "react";
|
||||||
import { ChevronsRight, ChevronDown } from 'lucide-react';
|
import { ChevronsRight, ChevronDown, X } from 'lucide-react';
|
||||||
import { Switch } from 'antd';
|
import { Switch } from 'antd';
|
||||||
import { MessageRenderer } from "./MessageRenderer";
|
import { MessageRenderer } from "./MessageRenderer";
|
||||||
import { InputBar } from "./InputBar";
|
import { InputBar } from "./InputBar";
|
||||||
@ -141,7 +141,7 @@ export default function SmartChatBox({
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="text-xs opacity-70">
|
<div className="text-xs opacity-70">
|
||||||
<ChevronsRight
|
<X
|
||||||
className="w-6 h-6 cursor-pointer"
|
className="w-6 h-6 cursor-pointer"
|
||||||
onClick={() => setIsSmartChatBoxOpen(false)}
|
onClick={() => setIsSmartChatBoxOpen(false)}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -147,7 +147,7 @@ const WorkFlow = React.memo(function WorkFlow() {
|
|||||||
|
|
||||||
{/* 智能对话按钮 */}
|
{/* 智能对话按钮 */}
|
||||||
<div
|
<div
|
||||||
className="fixed right-[2rem] top-[4rem] z-[49]"
|
className="fixed right-[4rem] bottom-[8rem] z-[49]"
|
||||||
>
|
>
|
||||||
<Tooltip title="Open chat" placement="left">
|
<Tooltip title="Open chat" placement="left">
|
||||||
<GlassIconButton
|
<GlassIconButton
|
||||||
|
|||||||
@ -318,6 +318,7 @@ export const MediaViewer = React.memo(function MediaViewer({
|
|||||||
<div
|
<div
|
||||||
className="relative w-full h-full rounded-lg overflow-hidden"
|
className="relative w-full h-full rounded-lg overflow-hidden"
|
||||||
key={`render-video-${taskObject.final.url}`}
|
key={`render-video-${taskObject.final.url}`}
|
||||||
|
ref={videoContentRef}
|
||||||
>
|
>
|
||||||
<div className="relative w-full h-full group">
|
<div className="relative w-full h-full group">
|
||||||
{/* 背景模糊的视频 */}
|
{/* 背景模糊的视频 */}
|
||||||
@ -349,20 +350,16 @@ export const MediaViewer = React.memo(function MediaViewer({
|
|||||||
{memoizedFinalVideoElement}
|
{memoizedFinalVideoElement}
|
||||||
</motion.div>
|
</motion.div>
|
||||||
|
|
||||||
{/* 完成状态标签 */}
|
{/* 编辑和剪辑按钮 */}
|
||||||
<motion.div
|
<div className="absolute top-4 z-[21] flex items-center gap-2 transition-right duration-100" style={{
|
||||||
initial={{ opacity: 0, y: -20 }}
|
right: toosBtnRight
|
||||||
animate={{ opacity: 1, y: 0 }}
|
}}>
|
||||||
transition={{ delay: 0.8, duration: 0.6 }}
|
{showGotoCutButton && (
|
||||||
className="absolute top-4 left-4 z-20"
|
<Tooltip placement="top" title='Go to AI-powered editing platform'>
|
||||||
>
|
<GlassIconButton icon={Scissors} size='sm' onClick={onGotoCut} />
|
||||||
<div className="px-3 py-1.5 rounded-lg bg-white/10 backdrop-blur-md border border-white/20 shadow-lg">
|
</Tooltip>
|
||||||
<div className="flex items-center gap-2">
|
)}
|
||||||
<div className="w-2 h-2 rounded-full bg-emerald-500"></div>
|
|
||||||
<span className="text-sm font-medium text-white">completed</span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</motion.div>
|
|
||||||
|
|
||||||
{/* 操作按钮组 */}
|
{/* 操作按钮组 */}
|
||||||
{/* <AnimatePresence>
|
{/* <AnimatePresence>
|
||||||
|
|||||||
@ -563,7 +563,7 @@ export function useWorkflowData() {
|
|||||||
fallbackToStep,
|
fallbackToStep,
|
||||||
originalText: state.originalText,
|
originalText: state.originalText,
|
||||||
// showGotoCutButton: from && currentLoadingText.includes('Post-production') ? true : false,
|
// showGotoCutButton: from && currentLoadingText.includes('Post-production') ? true : false,
|
||||||
showGotoCutButton: canGoToCut && currentLoadingText.includes('Post-production') ? true : false,
|
showGotoCutButton: canGoToCut ? true : false,
|
||||||
generateEditPlan
|
generateEditPlan
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user