我试图创建一个函数，使用ffmpeg在Next.js中为视频添加文本水印，我一直遇到同样的错误，我不知道如何修复它。
类型错误：无法获取
int getchar（）;
代码中没有错误，错误只发生在我点击添加水印按钮后的浏览器中。
服务器组件：app/api/addwatermark.ts

import { createFFmpeg, fetchFile } from '@ffmpeg/ffmpeg';

const ffmpeg = createFFmpeg({ log: true });

export default async function addWatermark(
  inputFile: File,
  text: string
): Promise<string> {
  if (!ffmpeg.isLoaded()) {
    await ffmpeg.load();
    // Error ☝️
  }

  ffmpeg.FS('writeFile', inputFile.name, await fetchFile(inputFile));

  await ffmpeg.run(
    '-i',
    inputFile.name,
    '-filter_complex',
    `drawtext=text='${text}':fontfile=Arial.ttf:fontcolor=white@0.8:fontsize=40:x=(w-text_w)/2:y=(h-text_h)/2`,
    'output.mp4'
  );

  const data = ffmpeg.FS('readFile', 'output.mp4');

  const videoUrl = URL.createObjectURL(
    new Blob([data.buffer], { type: 'video/mp4' })
  );

  return videoUrl;
}

客户端组件网：

export default function VideoWatermark() {
  const [inputFile, setInputFile] = useState<File>();
  const [outputFile, setOutputFile] = useState<string>();
  const [text, setText] = useState<string>('');

  const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {
    if (event.target.files && event.target.files.length > 0) {
      setInputFile(event.target.files[0]);
      setOutputFile(undefined);
    }
  };

  const handleWatermark = async () => {
    if (!inputFile) {
      return;
    }
    const output = await addWatermark(inputFile, text);
    setOutputFile(output);
  };

  return (
    <div>
      <input type='file' onChange={handleFileChange} />
      <br />
      <input
        value={text}
        type='text'
        onChange={(event) => setText(event.target.value)}
      />
      <br />
      <button onClick={handleWatermark}>Add Watermark</button>
      {outputFile && (
        <div>
          <video controls>
            <source src={outputFile} type='video/mp4' />
          </video>
        </div>
      )}
    </div>
  );
}