omni-tools/src/pages/tools/video/loop/service.ts

import { InitialValuesType } from './types';
import { FFmpeg } from '@ffmpeg/ffmpeg';
import { fetchFile } from '@ffmpeg/util';

const ffmpeg = new FFmpeg();

export async function loopVideo(
  input: File,
  options: InitialValuesType
): Promise<File> {
  if (!ffmpeg.loaded) {
    await ffmpeg.load({
      wasmURL:
        'https://cdn.jsdelivr.net/npm/@ffmpeg/core@0.12.9/dist/esm/ffmpeg-core.wasm'
    });
  }

  const inputName = 'input.mp4';
  const outputName = 'output.mp4';
  await ffmpeg.writeFile(inputName, await fetchFile(input));

  const args = [];
  const loopCount = options.loops - 1;

  if (loopCount <= 0) {
    return input;
  }

  args.push('-stream_loop', loopCount.toString());
  args.push('-i', inputName);
  args.push('-c:v', 'libx264', '-preset', 'ultrafast', outputName);

  await ffmpeg.exec(args);

  const loopedData = await ffmpeg.readFile(outputName);
  return await new File(
    [new Blob([loopedData as any], { type: 'video/mp4' })],
    `${input.name.replace(/\.[^/.]+$/, '')}_looped.mp4`,
    { type: 'video/mp4' }
  );
}