Function render

packages/renderer/client/render.ts:19–79

(
  project: Project,
  workerId: number,
  totalNumOfWorkers: number,
  hiddenFolderId: string,
  overwriteRenderSettings: RenderVideoUserProjectSettings,
)

 * Render the project.
 */
export const render = async (
  project: Project,
  workerId: number,
  totalNumOfWorkers: number,
  hiddenFolderId: string,
  overwriteRenderSettings: RenderVideoUserProjectSettings,
) => {
  try {
    const renderer = new Renderer(project);

    // Range calculation
    const range =
      overwriteRenderSettings.range ?? project.settings.shared.range;

    const {firstGlobalFrame, lastGlobalFrame} =
      await getGlobalFirstAndLastFrame(project, renderer, range[0], range[1]);

    const {firstWorkerFrame, lastWorkerFrame} =
      await getWorkerFirstAndLastFrame(
        firstGlobalFrame,
        lastGlobalFrame,
        workerId,
        totalNumOfWorkers,
      );

    const renderSettingsFromProject = getFullRenderingSettings(project);

    // Overwrite settings with user provided settings
    let background = renderSettingsFromProject.background;
    if (overwriteRenderSettings.background) {
      background = new Color(overwriteRenderSettings.background);
    }

    let size = renderSettingsFromProject.size;
    if (overwriteRenderSettings.size) {
      size = new Vector2(
        overwriteRenderSettings.size.x,
        overwriteRenderSettings.size.y,
      );
    }

    // Combine settings
    const combinedSettings = {
      ...renderSettingsFromProject,
      name: project.name,
      hiddenFolderId: hiddenFolderId,
      ...overwriteRenderSettings,
      background,
      size,
      range: [
        renderer.frameToTime(firstWorkerFrame),
        renderer.frameToTime(lastWorkerFrame),
      ] as [number, number],
    };

    await renderer.render(combinedSettings);
    window.onRenderComplete();
  } catch (e: any) {