Function addCaptionAtPlayhead

apps/desktop/src/routes/editor/TranscriptPage.tsx:168–222

()

	};

	const addCaptionAtPlayhead = () => {
		const total = totalDuration();
		const defaultDuration = 2;
		const outputStart =
			total > 0
				? Math.min(
						Math.max(editorState.playbackTime, 0),
						Math.max(total - 0.25, 0),
					)
				: Math.max(editorState.playbackTime, 0);
		const start =
			mapEditedTimeToSource(
				outputStart,
				project.timeline?.segments ?? [],
				recordingSegments(),
			) ?? outputStart;
		const end = start + defaultDuration;
		const text = "New caption";

		setProject(
			produce((p) => {
				p.captions ??= {
					segments: [],
					settings: { ...defaultCaptionSettings, enabled: true },
					sourceTimed: true,
				};
				p.captions.settings = {
					...defaultCaptionSettings,
					...p.captions.settings,
					enabled: true,
				};
				p.captions.sourceTimed = true;
				p.timeline ??= {
					segments: [{ start: 0, end: total || end, timescale: 1 }],
					zoomSegments: [],
					sceneSegments: [],
					maskSegments: [],
					textSegments: [],
					captionSegments: [],
					keyboardSegments: [],
				};

				p.captions.segments.push({
					id: `caption-${Date.now()}-${Math.random().toString(36).slice(2)}`,
					start,
					end,
					text,
					words: syncCaptionWordsWithText(text, undefined, start, end),
				});
				p.captions.segments.sort((a, b) => a.start - b.start);
			}),
		);
		setEditorState("timeline", "tracks", "caption", true);
		setEditorState("captions", "isStale", false);
	};

	const handleExportCaptions = async (format: CaptionExportFormat) => {
		const cues = exportableCues();