Why manually load the source files?

[charlieforward9]

Im a super super beginner with FFMPEG and WASM, so pardon the ignorance.

  const load = useCallback(async () => {
    const baseURL = "https://unpkg.com/@ffmpeg/[email protected]/dist/esm";
    try {
      await ffmpegRef.current.load({
        coreURL: await toBlobURL(
          `${baseURL}/ffmpeg-core.js`,
          "text/javascript"
        ),
        wasmURL: await toBlobURL(
          `${baseURL}/ffmpeg-core.wasm`,
          "application/wasm"
        ),
      });
      setLoaded(true);
    } catch (err) {
      console.error("FFmpeg failed to load:", err);
    }
  }, [setLoaded, ffmpegRef]);

I am curious WHY this code needs to be included in the dependant project instead of run automatically within the package (ex.ffmpeg.load() OR just have it preloaded when calling import ...) with all the details abstracted away?

I am building a project that will become increasingly dependent on multimedia manipulation in the browser, so I would like to deepen understand of this project. Thanks.