Making a React Video Editor Agent-Friendly with Timeline Markers and MCP

说明与用途

在 Timeline Studio 中添加结构化时间轴标记，使代理能够以编程方式读取和修改视频注释，避免重新编码并保持 UI 简洁。

问题

Video editors need to embed actionable annotations (cuts, chapters, ranges, notes) directly in project files so agents can read, modify, and plan edits without re-encoding media.

结果

Persistent, inspectable timeline markers enable agents to programmatically manage video editing tasks, reducing manual UI work and avoiding unnecessary re‑encoding.

工作流

• Define annotation types (marker, chapter, range, note) with absolute timestamps.
• Serialize annotations in the .timeline project under timelineMarkers.
• Expose CLI commands (project.inspect, marker.inspect, marker.add, marker.update, marker.delete).
• Implement MCP adapter that calls the same CLI runner.
• Use a shared command engine for validation, edits, and semantic diff.
• Agents construct JSON plans with schemaVersion, project path, baseRevision, operations, and output path.
• CLI/MCP execute the plan, applying diffs to produce a new .timeline project.
• Editor UI updates to reflect changes without re‑encoding media.

证据

I recently added persistent timeline markers to Timeline Studio, the open-source browser video editor I maintain, and exposed them through its CLI, MCP adapter, and Agent Skill.

来源

Annotations do not contribute to rendered media duration.

来源