[Feature] Cancel a running job

Is your feature request related to a problem? Please describe. I’m making a browser extension that uses this module, and the user might want to cancel an occurring FFmpeg job at any time, which is not currently possible.

Describe the solution you’d like

ffmpeg.abort();

Describe alternatives you’ve considered My current somewhat-working workaround is:

class CancellablePromise {
  private readonly symbolAbort = Symbol("cancelled");
  private readonly promiseAbort: Promise<any>;
  private resolve!: Function; // Works due to promise init

  constructor() {
    this.promiseAbort = new Promise(resolve => (this.resolve = resolve));
  }

  public async wrap<T>(promise: PromiseLike<T>): Promise<T> {
    const result = await Promise.race([promise, this.promiseAbort]);
    if (result === this.symbolAbort) {
      throw new Error("Aborting FFmpeg");
    }

    return result;
  }

  public abort() {
    this.resolve(this.symbolAbort);
  }
}

Then, in the code:

import { createFFmpeg } from "@ffmpeg/ffmpeg";

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

chrome.runtime.onConnect.addListener(async port => {
  if (port.name === "run-ffmpeg-job") {
    if (!ffmoeg.isLoaded()) {
      await ffmpeg.load();
    }

    const promise = new CancellablePromise();
    ffmpeg.FS("writeFile", "filename.mp4");
    const promiseJob = promise.wrap(ffmpeg.run("-i", "filename.mp4", /*...*/));

    port.onDisconnect.addListener(() => {
      promise.abort();
    });

    await promiseJob;
  }
});

The problem with promise.abort() is that FFmpeg will still run (output will still flow to the console).

Additional context

[selmalee]

Interesting, and to reload FFmpeg I just call ffmpeg.load()?

createFFmpeg()and ffmpeg.load()

[avi12]

After calling ffmpeg.exit(), any code that was after the ffmpeg.run() isn’t being executed, even if I wrap the whole FFmpeg code block in try-catch Think like:

let ffmpeg;

async function initFFmpeg() {
  ffmpeg = createFFmpeg({ log: true });
  await ffmpeg.load();
}

initFFmpeg();

const elRun = document.querySelector(".run-job");
elRun.addEventListener("click", async () => {
  ffmpeg.F8(...)
  await ffmpeg.run(..)

  someCode();
});

const elCancel = document.querySelector(".cancel-job");
elCancel.addEventListener("click", () => {
  try {
    ffmpeg.exit();
  } catch {}
});

The someCode() part will not execute if elCancel’s callback gets executed

How do I make a code execute afterward?