feat: 视频格式转换

chaitin · Jan 19, 2024 · 88d73f7 · 88d73f7
1 parent 5df3a3d
commit 88d73f7
Show file tree

Hide file tree

Showing 5 changed files with 465 additions and 21 deletions.
diff --git a/src/components/Dynamic/Video2Gif.tsx b/src/components/Dynamic/Video2Gif.tsx
@@ -10,12 +10,10 @@ dayjs.extend(duration);
 
 const _C = () => {
   const [video, setVideo] = useState<File>();
-  const [duration, setDuration] = useState<number>(0);
   const [startTime, setStartTime] = useState<number>(0);
   const [transformTime, setTransformTime] = useState<number>(3);
   const [gif, setGif] = useState<string>('');
 
-  const [loadFile, setLoadFile] = useState(false);
   const [loadConfig, setLoadingConfig] = useState(false);
   const [loadTransform, setLoadTransform] = useState(false);
 
@@ -27,17 +25,6 @@ const _C = () => {
     videoInput?.click();
   };
 
-  const download = () => {
-    setLoadFile(true);
-    const link = document.createElement('a');
-    link.href = gif;
-    link.download = 'output.gif';
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    setLoadFile(false);
-  };
-
   const transform = async () => {
     try {
       setGif('');
@@ -84,14 +71,6 @@ const _C = () => {
     setLoadingConfig(false);
   };
 
-  useEffect(() => {
-    const videoEl = document.getElementById('videoEl') as HTMLVideoElement;
-    videoEl?.addEventListener('loadeddata', () => {
-      const duration = videoEl?.duration || 0;
-      setDuration(duration);
-    });
-  }, [video]);
-
   useEffect(() => {
     loadPlugin();
   }, []);