feat: update export gif and video demo

VisActor · Feb 5, 2024 · 1ce087b · 1ce087b
1 parent 3aeb918
commit 1ce087b
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 2 deletions.
diff --git a/packages/vmind/__tests__/browser/src/pages/ChartPreview.tsx b/packages/vmind/__tests__/browser/src/pages/ChartPreview.tsx
@@ -3,6 +3,7 @@ import './index.scss';
 import { Button, Input, Card, Space, Modal, Spin } from '@arco-design/web-react';
 import VChart from '@visactor/vchart';
 import VMind from '../../../../src';
+import { createFFmpeg, fetchFile } from '@ffmpeg/ffmpeg';
 const TextArea = Input.TextArea;
 
 type IPropsType = {
@@ -53,7 +54,15 @@ export function ChartPreview(props: IPropsType) {
       return;
     }
     setGenerating(true);
-    const src = await vmind.exportVideo(spec, time, VChart);
+    const ffmpeg = createFFmpeg({
+      log: true
+    });
+    await ffmpeg.load();
+    const src = await vmind.exportVideo(spec, time, {
+      VChart,
+      FFmpeg: ffmpeg,
+      fetchFile
+    } as any);
     setSrc(src);
     setOutType('video');
     setGenerating(false);
@@ -65,7 +74,15 @@ export function ChartPreview(props: IPropsType) {
       return;
     }
     setGenerating(true);
-    const src = await vmind.exportGIF(spec, time, VChart);
+    const ffmpeg = createFFmpeg({
+      log: true
+    });
+    await ffmpeg.load();
+    const src = await vmind.exportGIF(spec, time, {
+      VChart,
+      FFmpeg: ffmpeg,
+      fetchFile
+    } as any);
     setSrc(src);
     setOutType('gif');
     setGenerating(false);

diff --git a/packages/vmind/__tests__/browser/vite.config.ts b/packages/vmind/__tests__/browser/vite.config.ts
@@ -31,6 +31,10 @@ export default defineConfig(({ mode }) => {
     server: {
       host: '0.0.0.0',
       port: 3100,
+      headers: {
+        'Cross-Origin-Embedder-Policy': 'require-corp',
+        'Cross-Origin-Opener-Policy': 'same-origin'
+      },
       ...proxyConfig
     },
     resolve: {