[{"_1":2,"_1422":-5,"_1423":-5},"loaderData",{"_3":4,"_11":12},"root",{"_5":6,"_9":10},"newFlash",{"_7":-7,"_8":-7},"errorMessage","successMessage","theme","system","routes/skills/reference-detail",{"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_50":51,"_555":556,"_756":757,"_781":782,"_1419":-5,"_34":35,"_1420":1421},"skillName","editframe-composition","skillTitle","Video Composition","referenceName","timegroup-tutorial~layer-content","referenceTitle","Step 3: Layer Content and Backgrounds","content",{"_23":24,"_31":32,"_38":39,"_47":48,"_49":48},"headings",[25],{"_26":27,"_28":20,"_29":30},"id","step-3-layer-content-and-backgrounds","text","level",2,"frontmatter",{"_33":20,"_34":35,"_36":37},"title","description","Step-by-step tutorial for building video timelines with ef-timegroup, plus how-to guides for CSS variables, common mistakes, persistence, and advanced composition.","type","tutorial","readTime",{"_28":40,"_41":42,"_43":44,"_45":46},"1 min read","minutes",0.815,"time",48900,"words",163,"code","var Component=(()=>{var p=Object.create;var s=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var x=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports),y=(t,e)=>{for(var o in e)s(t,o,{get:e[o],enumerable:!0})},i=(t,e,o,a)=>{if(e&&typeof e==\"object\"||typeof e==\"function\")for(let r of f(e))!g.call(t,r)&&r!==o&&s(t,r,{get:()=>e[r],enumerable:!(a=m(e,r))||a.enumerable});return t};var b=(t,e,o)=>(o=t!=null?p(h(t)):{},i(e||!t||!t.__esModule?s(o,\"default\",{value:t,enumerable:!0}):o,t)),w=t=>i(s({},\"__esModule\",{value:!0}),t);var c=x((_,l)=>{l.exports=_jsx_runtime});var k={};y(k,{default:()=>u,frontmatter:()=>j});var n=b(c()),j={title:\"Step 3: Layer Content and Backgrounds\",description:\"Step-by-step tutorial for building video timelines with ef-timegroup, plus how-to guides for CSS variables, common mistakes, persistence, and advanced composition.\",type:\"tutorial\"};function d(t){let e={a:\"a\",code:\"code\",h2:\"h2\",hr:\"hr\",p:\"p\",pre:\"pre\",strong:\"strong\",...t.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.h2,{id:\"step-3-layer-content-and-backgrounds\",children:(0,n.jsx)(e.a,{href:\"#step-3-layer-content-and-backgrounds\",children:\"Step 3: Layer Content and Backgrounds\"})}),`\n`,(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:\"What you'll learn:\"}),\" How to use \",(0,n.jsx)(e.code,{children:'mode=\"contain\"'}),\" for parallel layers and \",(0,n.jsx)(e.code,{children:'mode=\"fit\"'}),\" for backgrounds.\"]}),`\n`,(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:\"language-html\",\"data-meta\":\"live\",children:`\n \n

Contain Item 1 (5s)

\n \n \n

Contain Item 2 (8s \\u2014 sets total)

\n \n \n

Fit Background (spans full 8s)

\n \n\n`})}),`\n`,(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:\"Try it yourself:\"}),\" Notice how Item 2 (8s) determines the total duration, and the \",(0,n.jsx)(e.code,{children:\"fit\"}),\" element spans it automatically.\"]}),`\n`,(0,n.jsx)(e.hr,{})]})}function u(t={}){let{wrapper:e}=t.components||{};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(d,{...t})}):d(t)}return w(k);})();\n;return Component;","body","navTree",[52,84,338,394,461,492,532],{"_53":54,"_55":54,"_56":57,"_58":59,"_60":61,"_62":63},"path","Quick Start","label","priority",0,"icon","🚀","children",[],"items",[64],{"_65":66,"_33":67,"_34":68,"_36":37,"_69":-7,"_70":71,"_72":73,"_76":66,"_77":75,"_78":79,"_80":-7,"_81":82},"name","getting-started","Getting Started","Build your first HTML video composition with Editframe Elements — install the package, place elements, and render to MP4.","topic","order",999,"nav",{"_74":54,"_56":75},"parent",1,"track","track_step","track_title","Your First Composition","prerequisites","next_steps",[83],"video",{"_53":85,"_55":85,"_56":75,"_58":86,"_60":87,"_62":88},"Media","🎬",[],[89,102,107,115,122,127,131,135,141,145,149,154,158,163,167,172,176,180,185,189,193,198,202,207,211,216,222,228,233,240,245,251,257,263,269,276,282,287,293,298,304,311,317,323,328,333],{"_65":90,"_33":91,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":95,"_72":96,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"audio-concepts~jit-transcoding","JIT Transcoding","","explanation","parentRef","audio-concepts",{"_74":85,"_56":75,"_97":98},"related",[99,100,101],"audio","audio-tutorial","waveform",{"_65":103,"_33":104,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":100,"_72":105,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"audio-tutorial~display-basic-audio","Step 1: Display a Basic Audio Element",{"_74":85,"_56":75,"_97":106},[99,101],{"_65":108,"_33":109,"_34":110,"_36":37,"_69":-7,"_70":71,"_94":83,"_72":111,"_76":112,"_77":75,"_78":113,"_80":-7,"_81":114},"video~tutorial","Video Tutorial","Step-by-step guide to working with the video element",{"_74":85,"_56":75},"video-basics","Understanding Video Elements",[108],{"_65":116,"_33":117,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":118,"_72":119,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"waveform-concepts~real-time-visualization","Real-Time Visualization","waveform-concepts",{"_74":85,"_56":75,"_97":120},[101,121,99],"waveform-tutorial",{"_65":123,"_33":124,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":121,"_72":125,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"waveform-tutorial~connect-waveform-to-audio","Step 1: Connect Waveform to Audio",{"_74":85,"_56":75,"_97":126},[101,99,118],{"_65":128,"_33":129,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":95,"_72":130,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"audio-concepts~time-coordinates","Time Coordinates",{"_74":85,"_56":30,"_97":98},{"_65":132,"_33":133,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":100,"_72":134,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"audio-tutorial~trim-your-audio","Step 2: Trim Your Audio",{"_74":85,"_56":30,"_97":106},{"_65":136,"_33":137,"_34":138,"_36":139,"_69":-7,"_70":71,"_94":83,"_72":140,"_76":112,"_77":75,"_78":113,"_80":-7,"_81":114},"video~trimming","Trimming Video","How to trim video clips using absolute or relative approaches","how-to",{"_74":85,"_56":30},{"_65":142,"_33":143,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":118,"_72":144,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"waveform-concepts~canvas-rendering","Canvas Rendering Architecture",{"_74":85,"_56":30,"_97":120},{"_65":146,"_33":147,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":121,"_72":148,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"waveform-tutorial~explore-visualization-modes","Step 2: Explore Visualization Modes",{"_74":85,"_56":30,"_97":126},{"_65":150,"_33":151,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":95,"_72":152,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"audio-concepts~trimming-semantics","Trimming Semantics",{"_74":85,"_56":153,"_97":98},3,{"_65":155,"_33":156,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":100,"_72":157,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"audio-tutorial~create-a-sequence","Step 3: Create a Simple Sequence",{"_74":85,"_56":153,"_97":106},{"_65":159,"_33":160,"_34":161,"_36":139,"_69":-7,"_70":71,"_94":83,"_72":162,"_76":112,"_77":75,"_78":113,"_80":-7,"_81":114},"video~effects","Video Effects","How to apply CSS filters, transforms, and animations to video",{"_74":85,"_56":153},{"_65":164,"_33":165,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":121,"_72":166,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"waveform-tutorial~customize-appearance","Step 3: Customize Appearance",{"_74":85,"_56":153,"_97":126},{"_65":168,"_33":169,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":95,"_72":170,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"audio-concepts~audio-analysis","Audio Analysis",{"_74":85,"_56":171,"_97":98},4,{"_65":173,"_33":174,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":100,"_72":175,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"audio-tutorial~pair-with-waveform","Step 4: Pair Audio with Waveform",{"_74":85,"_56":171,"_97":106},{"_65":177,"_33":178,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":121,"_72":179,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"waveform-tutorial~configure-audio-analysis","Step 4: Configure Audio Analysis",{"_74":85,"_56":171,"_97":126},{"_65":181,"_33":182,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":95,"_72":183,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"audio-concepts~workflows","Production vs Development Workflows",{"_74":85,"_56":184,"_97":98},5,{"_65":186,"_33":187,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":100,"_72":188,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"audio-tutorial~choose-trimming","How To: Choose Between trimstart and sourcein",{"_74":85,"_56":184,"_97":106},{"_65":190,"_33":191,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":121,"_72":192,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"waveform-tutorial~combine-with-timegroups","Step 5: Combine with Timegroups",{"_74":85,"_56":184,"_97":126},{"_65":194,"_33":195,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":100,"_72":196,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"audio-tutorial~waveform-visualization","How To: Create Waveform Visualizations",{"_74":85,"_56":197,"_97":106},6,{"_65":199,"_33":200,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":121,"_72":201,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"waveform-tutorial~connect-waveform-to-audio-or-video","How To: Connect Waveform to Audio or Video",{"_74":85,"_56":197,"_97":126},{"_65":203,"_33":204,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":100,"_72":205,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"audio-tutorial~audio-sequences","How To: Create Audio Sequences",{"_74":85,"_56":206,"_97":106},7,{"_65":208,"_33":209,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":121,"_72":210,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"waveform-tutorial~choose-a-visualization-mode","How To: Choose a Visualization Mode",{"_74":85,"_56":206,"_97":126},{"_65":212,"_33":213,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":121,"_72":214,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"waveform-tutorial~customize-waveform-appearance","How To: Customize Waveform Appearance",{"_74":85,"_56":215,"_97":126},8,{"_65":83,"_33":217,"_34":218,"_36":219,"_69":-7,"_70":71,"_72":220,"_76":112,"_77":75,"_78":113,"_80":-7,"_81":114},"Video Element","Video element with source trimming, volume control, muting, and frame-accurate playback for Editframe compositions.","reference",{"_74":85,"_56":221},10,{"_65":99,"_33":223,"_34":224,"_36":219,"_69":-7,"_70":71,"_72":225,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"Audio Element","Audio element for music, voiceover, and sound effects with trim controls, volume adjustment, and loop support in compositions.",{"_74":85,"_56":226,"_97":227},11,[83,101],{"_65":100,"_33":229,"_34":230,"_36":37,"_69":-7,"_70":71,"_72":231,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"Audio Tutorial","Step-by-step tutorial for creating your first audio composition with ef-audio, plus how-to guides for trimming, waveform visualization, and sequences.",{"_74":85,"_56":232,"_97":106},12,{"_65":234,"_33":235,"_34":236,"_36":219,"_69":-7,"_70":71,"_72":237,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"image","Image Element","Static image element with configurable display duration, CSS positioning, and fit/fill/cover layout modes for compositions.",{"_74":85,"_56":232,"_97":238},[83,239],"surface",{"_65":95,"_33":241,"_34":242,"_36":93,"_69":-7,"_70":71,"_72":243,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"Audio Concepts","Conceptual explanations for ef-audio: JIT transcoding architecture, time coordinate systems, trimming semantics, audio analysis, and production vs development workflows.",{"_74":85,"_56":244,"_97":98},13,{"_65":246,"_33":247,"_34":248,"_36":249,"_69":-7,"_70":71,"_72":250,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"image-tutorial","Image Element — Tutorial & How-To Guides","Step-by-step tutorial and task-oriented guides for working with ef-image in Editframe compositions.","guide",{"_74":85,"_56":244},{"_65":252,"_33":253,"_34":254,"_36":93,"_69":-7,"_70":71,"_72":255,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"image-concepts","Image Element — Concepts","How ef-image rendering adapts to source types and how images integrate with Editframe's temporal composition system.",{"_74":85,"_56":256},14,{"_65":258,"_33":259,"_34":260,"_36":93,"_69":-7,"_70":71,"_72":261,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"video-concepts","Video Element — Concepts","Conceptual explanations for ef-video — JIT transcoding, time coordinates, trimming semantics, timegroup hierarchy, audio analysis, and src vs asset-id workflows.",{"_74":85,"_56":262},15,{"_65":264,"_33":265,"_34":266,"_36":139,"_69":-7,"_70":71,"_72":267,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"video-how-to","Video Element — How-To Guides","How to add fade transitions, optimize playback buffering, and configure video elements for production workflows.",{"_74":85,"_56":268},16,{"_65":28,"_33":270,"_34":271,"_36":219,"_69":-7,"_70":71,"_72":272,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"Text Element","Animated text element with automatic character, word, and line splitting for per-unit CSS animation and stagger effects.",{"_74":85,"_56":273,"_97":274},20,[275],"captions",{"_65":277,"_33":278,"_34":279,"_36":37,"_69":-7,"_70":71,"_72":280,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"surface-tutorial","Surface Tutorial & How-To Guides","Step-by-step tutorial and task-focused guides for ef-surface — mirroring, filters, and multi-surface compositions.",{"_74":85,"_56":281},21,{"_65":283,"_33":284,"_34":285,"_36":37,"_69":-7,"_70":71,"_72":286,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"text-tutorial","Text Animation Tutorial","Step-by-step tutorial for creating animated text with the ef-text element. Each step builds on the previous, teaching the fundamental skills needed for text animations.",{"_74":85,"_56":281},{"_65":288,"_33":289,"_34":290,"_36":93,"_69":-7,"_70":71,"_72":291,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"surface-concepts","Surface — Architecture & Concepts","How ef-surface achieves efficient multi-display through canvas mirroring and frame-task synchronization.",{"_74":85,"_56":292},22,{"_65":294,"_33":295,"_34":296,"_36":139,"_69":-7,"_70":71,"_72":297,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"text-how-to","Text Element How-To Guides","Task-oriented guides for accomplishing specific goals with ef-text. Covers typewriter effects, seed-based variation, and staggered animation control.",{"_74":85,"_56":292},{"_65":299,"_33":300,"_34":301,"_36":93,"_69":-7,"_70":71,"_72":302,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"text-concepts","Text Element Concepts","Architectural explanations for ef-text — how text splitting, word boundary preservation, stagger easing, the template pattern, and deterministic randomness work under the hood.",{"_74":85,"_56":303},23,{"_65":275,"_33":305,"_34":306,"_36":219,"_69":-7,"_70":71,"_72":307,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"Captions Element","Synchronized caption display with word-level highlighting, custom styling via CSS parts, and WebVTT/JSON caption file support.",{"_74":85,"_56":308,"_97":309},30,[28,310],"transcription",{"_65":312,"_33":313,"_34":314,"_36":37,"_69":-7,"_70":71,"_72":315,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"captions-tutorial","Captions Tutorial","Step-by-step tutorial for creating your first captions composition with ef-captions.",{"_74":85,"_56":316},31,{"_65":318,"_33":319,"_34":320,"_36":93,"_69":-7,"_70":71,"_72":321,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"captions-concepts","Captions Concepts","How captions data is structured, how temporal synchronization works, and how CSS animation variables enable deterministic per-word variation.",{"_74":85,"_56":322},32,{"_65":101,"_33":324,"_34":325,"_36":219,"_69":-7,"_70":71,"_72":326,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"Waveform Element","Audio waveform visualization element with bar, line, and mirror display modes, synced to composition playback time.",{"_74":85,"_56":322,"_97":327},[99],{"_65":121,"_33":329,"_34":330,"_36":37,"_69":-7,"_70":71,"_72":331,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"Waveform Tutorial","Step-by-step tutorial for creating your first waveform visualization, plus how-to guides for connecting to audio, choosing modes, and customizing appearance.",{"_74":85,"_56":332,"_97":126},33,{"_65":118,"_33":334,"_34":335,"_36":93,"_69":-7,"_70":71,"_72":336,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"Waveform Concepts","Conceptual explanations for ef-waveform: real-time audio visualization architecture and high-performance canvas rendering.",{"_74":85,"_56":337,"_97":120},34,{"_53":339,"_55":339,"_56":75,"_58":340,"_60":341,"_62":342},"Concepts","💡",[],[343,352,356,360,367,372,382,390],{"_65":344,"_33":345,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":346,"_72":347,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"timegroup-concepts~temporal-composition","Temporal Composition","timegroup-concepts",{"_74":339,"_56":75,"_97":348},[349,350,351],"timegroup","timegroup-modes","timegroup-tutorial",{"_65":353,"_33":354,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":346,"_72":355,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"timegroup-concepts~time-propagation","Time Propagation",{"_74":339,"_56":30,"_97":348},{"_65":357,"_33":358,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":346,"_72":359,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"timegroup-concepts~frame-quantization","Frame Quantization",{"_74":339,"_56":153,"_97":348},{"_65":361,"_33":362,"_34":363,"_36":93,"_69":-7,"_70":71,"_72":364,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"composition-model","Composition Model","Mental model for how timegroup trees, temporal scheduling, and element rendering work together in an Editframe composition.",{"_74":339,"_56":221,"_97":365},[349,350,366],"time-model",{"_65":366,"_33":368,"_34":369,"_36":93,"_69":-7,"_70":71,"_72":370,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"Time Model","How time propagation works in composition trees: duration inheritance, offset calculation, and element scheduling rules.",{"_74":339,"_56":226,"_97":371},[350],{"_65":350,"_33":373,"_34":374,"_36":93,"_69":-7,"_70":71,"_72":375,"_76":378,"_77":30,"_78":379,"_80":380,"_81":381},"Timegroup Modes","How the four timegroup layout modes — par, seq, excl, and media — control duration, ordering, and child element scheduling.",{"_74":339,"_56":232,"_97":376},[349,377],"sequencing","layout-mastery","Understanding Timeline Modes",[349],[377],{"_65":383,"_33":384,"_34":385,"_36":93,"_69":-7,"_70":71,"_72":386,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"render-strategies","Render Strategies","Three approaches to rendering Editframe compositions — CLI, browser-side, and cloud — with tradeoffs and when to use each.",{"_74":339,"_56":244,"_97":387},[388,389],"render-api","render-to-video",{"_65":346,"_33":391,"_34":392,"_36":93,"_69":-7,"_70":71,"_72":393,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"Timegroup Concepts","Conceptual explanations of how ef-timegroup works: declarative temporal composition, time propagation from root to children, and frame quantization.",{"_74":339,"_56":244,"_97":348},{"_53":395,"_55":395,"_56":75,"_58":396,"_60":397,"_62":398},"Layout & Timing","⏱",[],[399,404,408,410,414,418,422,426,433,441,444,450,455],{"_65":400,"_33":401,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":351,"_72":402,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"timegroup-tutorial~fixed-duration","Step 1: Fixed Duration Timegroup",{"_74":395,"_56":75,"_97":403},[349,350,346],{"_65":405,"_33":406,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":351,"_72":407,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"timegroup-tutorial~sequence-multiple","Step 2: Sequence Multiple Items",{"_74":395,"_56":30,"_97":403},{"_65":18,"_33":20,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":351,"_72":409,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":395,"_56":153,"_97":403},{"_65":411,"_33":412,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":351,"_72":413,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"timegroup-tutorial~css-variables","How To: Use CSS Variables",{"_74":395,"_56":171,"_97":403},{"_65":415,"_33":416,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":351,"_72":417,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"timegroup-tutorial~common-mistakes","How To: Avoid Common Mistakes",{"_74":395,"_56":184,"_97":403},{"_65":419,"_33":420,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":351,"_72":421,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"timegroup-tutorial~local-storage","How To: LocalStorage Persistence",{"_74":395,"_56":197,"_97":403},{"_65":423,"_33":424,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":351,"_72":425,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"timegroup-tutorial~advanced-composition","How To: Advanced Composition",{"_74":395,"_56":206,"_97":403},{"_65":349,"_33":427,"_34":428,"_36":219,"_69":-7,"_70":71,"_72":429,"_76":378,"_77":75,"_78":431,"_80":-7,"_81":432},"Timegroup Element","Container element for grouping and sequencing composition elements, controlling layout mode, duration, and playback behavior.",{"_74":395,"_56":221,"_97":430},[350,377],"Understanding Timegroups",[350],{"_65":377,"_33":434,"_34":435,"_36":139,"_69":-7,"_70":71,"_72":436,"_76":378,"_77":153,"_78":439,"_80":440,"_81":-7},"Sequencing Scenes","Create sequential scene playback using seq-mode timegroups, with automatic cuts and configurable transition timing between scenes.",{"_74":395,"_56":226,"_97":437},[350,438],"transitions","Building Sequences",[349,350],{"_65":351,"_33":442,"_34":35,"_36":37,"_69":-7,"_70":71,"_72":443,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"Timegroup Tutorial",{"_74":395,"_56":226,"_97":403},{"_65":438,"_33":445,"_34":446,"_36":139,"_69":-7,"_70":71,"_72":447,"_76":-7,"_77":-7,"_78":-7,"_80":449,"_81":-7},"Transitions","Create smooth CSS-animated transitions between sequence items using configurable overlap duration and animation keyframes.",{"_74":395,"_56":232,"_97":448},[377,159],[377],{"_65":239,"_33":451,"_34":452,"_36":219,"_69":-7,"_70":71,"_72":453,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"Surface Element","Mirror or duplicate another element's canvas output into a new position, useful for picture-in-picture and reflection effects.",{"_74":395,"_56":273,"_97":454},[349],{"_65":456,"_33":457,"_34":458,"_36":219,"_69":-7,"_70":71,"_72":459,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"css-variables","CSS Variables","Dynamic CSS custom properties updated each frame with current time, duration, and progress values for time-driven animations.",{"_74":395,"_56":308,"_97":460},[159],{"_53":462,"_55":462,"_56":221,"_58":463,"_60":464,"_62":465},"Rendering","📹",[],[466,471,475,481,487],{"_65":389,"_33":467,"_34":468,"_36":37,"_69":-7,"_70":71,"_72":469,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"Render to Video Tutorial","End-to-end guide to exporting Editframe compositions as MP4 video files using the browser renderer or Editframe CLI.",{"_74":462,"_56":221,"_97":470},[388,383],{"_65":388,"_33":472,"_34":473,"_36":219,"_69":-7,"_70":71,"_72":474,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"Render API","Export compositions to video in the browser or via CLI with full control over resolution, bitrate, and encoding options.",{"_74":462,"_56":226},{"_65":476,"_33":477,"_34":478,"_36":139,"_69":-7,"_70":71,"_72":479,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"cloud-render","Cloud Rendering","Submit React compositions to Editframe's cloud for rendering. Covers the CLI, the programmatic bundleRender() API, and how to pass dynamic data into compositions at render time.",{"_74":462,"_56":256,"_97":480},[383,388],{"_65":482,"_33":483,"_34":484,"_36":219,"_69":-7,"_70":71,"_72":485,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"scripting","Scripting","Add dynamic JavaScript behavior to timegroups with initializer callbacks and per-frame task functions for procedural animation.",{"_74":462,"_56":273,"_97":486},[349],{"_65":310,"_33":488,"_34":489,"_36":139,"_69":-7,"_70":71,"_72":490,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"Transcription","Generate word-level transcription data from audio and video files for use with ef-captions synchronized caption playback.",{"_74":462,"_56":308,"_97":491},[275,99],{"_53":493,"_55":493,"_56":221,"_58":494,"_60":495,"_62":496},"Advanced","⚙",[],[497,502,507,512,518,524],{"_65":498,"_33":499,"_34":500,"_36":219,"_69":-7,"_70":71,"_72":501,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"configuration","Configuration Element","Configuration wrapper for selecting media engine (ffmpeg or native) and setting API credentials for Editframe compositions.",{"_74":493,"_56":221},{"_65":503,"_33":504,"_34":505,"_36":219,"_69":-7,"_70":71,"_72":506,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"r3f","React Three Fiber Integration","Integrate React Three Fiber 3D scenes into Editframe compositions with frame-accurate scrubbing and video export support.",{"_74":493,"_56":273},{"_65":508,"_33":509,"_34":510,"_36":219,"_69":-7,"_70":71,"_72":511,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"server-rendering","Server-Side Rendering","Use SSR-safe imports and integrate Editframe with Next.js, Remix, and other server-rendered frameworks without hydration errors.",{"_74":493,"_56":308},{"_65":513,"_33":514,"_34":515,"_36":219,"_69":-7,"_70":71,"_72":516,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"entry-points","Package Entry Points","Complete guide to Editframe package entry points and exports — when to import from @editframe/elements vs @editframe/react vs core.",{"_74":493,"_56":517},40,{"_65":519,"_33":520,"_34":521,"_36":219,"_69":-7,"_70":71,"_72":522,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"events","Custom Events","Catalog of all custom DOM events dispatched by Editframe elements for building interactive player and editor UI components.",{"_74":493,"_56":523},50,{"_65":525,"_33":526,"_34":527,"_36":219,"_69":-7,"_70":71,"_72":528,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"css-parts","CSS Parts Reference","Catalog of CSS ::part() selectors for styling internal shadow DOM elements of Editframe web components from external stylesheets.",{"_74":493,"_56":529,"_97":530},60,[456,531],"editor-toolkit",{"_53":533,"_55":533,"_56":221,"_58":534,"_60":535,"_62":536},"React","⚛",[],[537,543,549],{"_65":538,"_33":539,"_34":540,"_36":219,"_69":-7,"_70":71,"_72":541,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"timeline-root","Timeline Root","Required wrapper component for React-based Editframe timelines that sets up rendering context and playback coordination.",{"_74":533,"_56":221,"_97":542},[349,498],{"_65":544,"_33":545,"_34":546,"_36":219,"_69":-7,"_70":71,"_72":547,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"hooks","Hooks","React hooks for reading current playback time, pan/zoom transform, and media loading state from within composition components.",{"_74":533,"_56":226,"_97":548},[538,349],{"_65":550,"_33":551,"_34":552,"_36":219,"_69":-7,"_70":71,"_72":553,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"use-media-info","useMediaInfo Hook","React hook for reading media metadata — duration, loading state, and dimensions — from Video and Audio composition elements.",{"_74":533,"_56":232,"_97":554},[544,83,99],"referencesMeta",[557,560,562,564,566,568,570,573,575,577,579,581,583,585,587,590,592,594,597,600,603,605,608,611,613,615,618,621,623,625,628,630,632,635,638,641,645,647,649,651,654,656,658,660,663,666,669,671,673,675,680,683,685,687,689,691,693,695,697,701,704,707,711,714,716,718,721,723,725,727,730,732,734,737,739,741,743,745,747,749,751,753],{"_65":95,"_33":241,"_34":242,"_36":93,"_69":-7,"_70":71,"_72":558,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":244,"_97":559},[99,100,101],{"_65":90,"_33":91,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":95,"_72":561,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":75,"_97":559},{"_65":128,"_33":129,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":95,"_72":563,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":30,"_97":559},{"_65":150,"_33":151,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":95,"_72":565,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":153,"_97":559},{"_65":168,"_33":169,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":95,"_72":567,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":171,"_97":559},{"_65":181,"_33":182,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":95,"_72":569,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":184,"_97":559},{"_65":100,"_33":229,"_34":230,"_36":37,"_69":-7,"_70":71,"_72":571,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":232,"_97":572},[99,101],{"_65":103,"_33":104,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":100,"_72":574,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":75,"_97":572},{"_65":132,"_33":133,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":100,"_72":576,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":30,"_97":572},{"_65":155,"_33":156,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":100,"_72":578,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":153,"_97":572},{"_65":173,"_33":174,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":100,"_72":580,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":171,"_97":572},{"_65":186,"_33":187,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":100,"_72":582,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":184,"_97":572},{"_65":194,"_33":195,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":100,"_72":584,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":197,"_97":572},{"_65":203,"_33":204,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":100,"_72":586,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":206,"_97":572},{"_65":99,"_33":223,"_34":224,"_36":219,"_69":-7,"_70":71,"_72":588,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":226,"_97":589},[83,101],{"_65":318,"_33":319,"_34":320,"_36":93,"_69":-7,"_70":71,"_72":591,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":322},{"_65":312,"_33":313,"_34":314,"_36":37,"_69":-7,"_70":71,"_72":593,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":316},{"_65":275,"_33":305,"_34":306,"_36":219,"_69":-7,"_70":71,"_72":595,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":308,"_97":596},[28,310],{"_65":476,"_33":477,"_34":478,"_36":139,"_69":-7,"_70":71,"_72":598,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":462,"_56":256,"_97":599},[383,388],{"_65":361,"_33":362,"_34":363,"_36":93,"_69":-7,"_70":71,"_72":601,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":339,"_56":221,"_97":602},[349,350,366],{"_65":498,"_33":499,"_34":500,"_36":219,"_69":-7,"_70":71,"_72":604,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":493,"_56":221},{"_65":525,"_33":526,"_34":527,"_36":219,"_69":-7,"_70":71,"_72":606,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":493,"_56":529,"_97":607},[456,531],{"_65":456,"_33":457,"_34":458,"_36":219,"_69":-7,"_70":71,"_72":609,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":395,"_56":308,"_97":610},[159],{"_65":513,"_33":514,"_34":515,"_36":219,"_69":-7,"_70":71,"_72":612,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":493,"_56":517},{"_65":519,"_33":520,"_34":521,"_36":219,"_69":-7,"_70":71,"_72":614,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":493,"_56":523},{"_65":66,"_33":67,"_34":68,"_36":37,"_69":-7,"_70":71,"_72":616,"_76":66,"_77":75,"_78":79,"_80":-7,"_81":617},{"_74":54,"_56":75},[83],{"_65":544,"_33":545,"_34":546,"_36":219,"_69":-7,"_70":71,"_72":619,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":533,"_56":226,"_97":620},[538,349],{"_65":252,"_33":253,"_34":254,"_36":93,"_69":-7,"_70":71,"_72":622,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":256},{"_65":246,"_33":247,"_34":248,"_36":249,"_69":-7,"_70":71,"_72":624,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":244},{"_65":234,"_33":235,"_34":236,"_36":219,"_69":-7,"_70":71,"_72":626,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":232,"_97":627},[83,239],{"_65":503,"_33":504,"_34":505,"_36":219,"_69":-7,"_70":71,"_72":629,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":493,"_56":273},{"_65":388,"_33":472,"_34":473,"_36":219,"_69":-7,"_70":71,"_72":631,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":462,"_56":226},{"_65":383,"_33":384,"_34":385,"_36":93,"_69":-7,"_70":71,"_72":633,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":339,"_56":244,"_97":634},[388,389],{"_65":389,"_33":467,"_34":468,"_36":37,"_69":-7,"_70":71,"_72":636,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":462,"_56":221,"_97":637},[388,383],{"_65":482,"_33":483,"_34":484,"_36":219,"_69":-7,"_70":71,"_72":639,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":462,"_56":273,"_97":640},[349],{"_65":377,"_33":434,"_34":435,"_36":139,"_69":-7,"_70":71,"_72":642,"_76":378,"_77":153,"_78":439,"_80":644,"_81":-7},{"_74":395,"_56":226,"_97":643},[350,438],[349,350],{"_65":508,"_33":509,"_34":510,"_36":219,"_69":-7,"_70":71,"_72":646,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":493,"_56":308},{"_65":288,"_33":289,"_34":290,"_36":93,"_69":-7,"_70":71,"_72":648,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":292},{"_65":277,"_33":278,"_34":279,"_36":37,"_69":-7,"_70":71,"_72":650,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":281},{"_65":239,"_33":451,"_34":452,"_36":219,"_69":-7,"_70":71,"_72":652,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":395,"_56":273,"_97":653},[349],{"_65":299,"_33":300,"_34":301,"_36":93,"_69":-7,"_70":71,"_72":655,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":303},{"_65":294,"_33":295,"_34":296,"_36":139,"_69":-7,"_70":71,"_72":657,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":292},{"_65":283,"_33":284,"_34":285,"_36":37,"_69":-7,"_70":71,"_72":659,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":281},{"_65":28,"_33":270,"_34":271,"_36":219,"_69":-7,"_70":71,"_72":661,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":273,"_97":662},[275],{"_65":366,"_33":368,"_34":369,"_36":93,"_69":-7,"_70":71,"_72":664,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":339,"_56":226,"_97":665},[350],{"_65":346,"_33":391,"_34":392,"_36":93,"_69":-7,"_70":71,"_72":667,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":339,"_56":244,"_97":668},[349,350,351],{"_65":344,"_33":345,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":346,"_72":670,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":339,"_56":75,"_97":668},{"_65":353,"_33":354,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":346,"_72":672,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":339,"_56":30,"_97":668},{"_65":357,"_33":358,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":346,"_72":674,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":339,"_56":153,"_97":668},{"_65":350,"_33":373,"_34":374,"_36":93,"_69":-7,"_70":71,"_72":676,"_76":378,"_77":30,"_78":379,"_80":678,"_81":679},{"_74":339,"_56":232,"_97":677},[349,377],[349],[377],{"_65":351,"_33":442,"_34":35,"_36":37,"_69":-7,"_70":71,"_72":681,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":395,"_56":226,"_97":682},[349,350,346],{"_65":400,"_33":401,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":351,"_72":684,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":395,"_56":75,"_97":682},{"_65":405,"_33":406,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":351,"_72":686,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":395,"_56":30,"_97":682},{"_65":18,"_33":20,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":351,"_72":688,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":395,"_56":153,"_97":682},{"_65":411,"_33":412,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":351,"_72":690,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":395,"_56":171,"_97":682},{"_65":415,"_33":416,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":351,"_72":692,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":395,"_56":184,"_97":682},{"_65":419,"_33":420,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":351,"_72":694,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":395,"_56":197,"_97":682},{"_65":423,"_33":424,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":351,"_72":696,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":395,"_56":206,"_97":682},{"_65":349,"_33":427,"_34":428,"_36":219,"_69":-7,"_70":71,"_72":698,"_76":378,"_77":75,"_78":431,"_80":-7,"_81":700},{"_74":395,"_56":221,"_97":699},[350,377],[350],{"_65":538,"_33":539,"_34":540,"_36":219,"_69":-7,"_70":71,"_72":702,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":533,"_56":221,"_97":703},[349,498],{"_65":310,"_33":488,"_34":489,"_36":139,"_69":-7,"_70":71,"_72":705,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":462,"_56":308,"_97":706},[275,99],{"_65":438,"_33":445,"_34":446,"_36":139,"_69":-7,"_70":71,"_72":708,"_76":-7,"_77":-7,"_78":-7,"_80":710,"_81":-7},{"_74":395,"_56":232,"_97":709},[377,159],[377],{"_65":550,"_33":551,"_34":552,"_36":219,"_69":-7,"_70":71,"_72":712,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":533,"_56":232,"_97":713},[544,83,99],{"_65":258,"_33":259,"_34":260,"_36":93,"_69":-7,"_70":71,"_72":715,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":262},{"_65":264,"_33":265,"_34":266,"_36":139,"_69":-7,"_70":71,"_72":717,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":268},{"_65":83,"_33":217,"_34":218,"_36":219,"_69":-7,"_70":71,"_72":719,"_76":112,"_77":75,"_78":113,"_80":-7,"_81":720},{"_74":85,"_56":221},[108],{"_65":108,"_33":109,"_34":110,"_36":37,"_69":-7,"_70":71,"_94":83,"_72":722,"_76":112,"_77":75,"_78":113,"_80":-7,"_81":720},{"_74":85,"_56":75},{"_65":136,"_33":137,"_34":138,"_36":139,"_69":-7,"_70":71,"_94":83,"_72":724,"_76":112,"_77":75,"_78":113,"_80":-7,"_81":720},{"_74":85,"_56":30},{"_65":159,"_33":160,"_34":161,"_36":139,"_69":-7,"_70":71,"_94":83,"_72":726,"_76":112,"_77":75,"_78":113,"_80":-7,"_81":720},{"_74":85,"_56":153},{"_65":118,"_33":334,"_34":335,"_36":93,"_69":-7,"_70":71,"_72":728,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":337,"_97":729},[101,121,99],{"_65":116,"_33":117,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":118,"_72":731,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":75,"_97":729},{"_65":142,"_33":143,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":118,"_72":733,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":30,"_97":729},{"_65":121,"_33":329,"_34":330,"_36":37,"_69":-7,"_70":71,"_72":735,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":332,"_97":736},[101,99,118],{"_65":123,"_33":124,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":121,"_72":738,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":75,"_97":736},{"_65":146,"_33":147,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":121,"_72":740,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":30,"_97":736},{"_65":164,"_33":165,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":121,"_72":742,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":153,"_97":736},{"_65":177,"_33":178,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":121,"_72":744,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":171,"_97":736},{"_65":190,"_33":191,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":121,"_72":746,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":184,"_97":736},{"_65":199,"_33":200,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":121,"_72":748,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":197,"_97":736},{"_65":208,"_33":209,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":121,"_72":750,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":206,"_97":736},{"_65":212,"_33":213,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":121,"_72":752,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":215,"_97":736},{"_65":101,"_33":324,"_34":325,"_36":219,"_69":-7,"_70":71,"_72":754,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":322,"_97":755},[99],"allSkills",[758,762,766,768,772,776],{"_65":759,"_33":760,"_34":761,"_70":75},"editframe-create","Create Project","Scaffold new Editframe video projects from templates. Generates project structure, installs dependencies, and sets up composition tooling to start immediately.",{"_65":763,"_33":764,"_34":765,"_70":184},"editframe-cli","CLI Tools","Command-line tools for Editframe video development. Render compositions to MP4 locally, preview in the browser, transcribe audio, and deploy to the cloud.",{"_65":14,"_33":16,"_34":767,"_70":221},"Create video compositions with Editframe using HTML web components or React. Supports video, audio, images, text, captions, transitions, and cloud rendering.",{"_65":769,"_33":770,"_34":771,"_70":262},"editframe-editor-gui","Editor Toolkit","Build video editing interfaces with Editframe's GUI components. Assemble timeline, scrubber, filmstrip, preview, playback controls, and transform handles.",{"_65":773,"_33":774,"_34":775,"_70":308},"editframe-api","Server API","JavaScript/TypeScript SDK for Editframe's video rendering API. Create renders, upload video and image files, manage assets, and sign URLs for playback.",{"_65":777,"_33":778,"_34":779,"_70":780},"editframe-webhooks","Webhooks","Webhook notifications for render completion and file processing events. Configure endpoints, verify HMAC signatures, and handle real-time status payloads.",35,"allNavTrees",{"_759":783,"_763":823,"_14":871,"_769":1092,"_773":1307,"_777":1376},[784,794,809],{"_53":54,"_55":54,"_56":57,"_58":59,"_60":785,"_62":786},[],[787],{"_65":66,"_33":67,"_34":788,"_36":37,"_69":-7,"_70":71,"_72":789,"_76":790,"_77":75,"_78":791,"_80":-7,"_81":792},"Create and render your first Editframe video project from a template in under five minutes using the create CLI tool.",{"_74":54,"_56":75},"zero-to-video","Create Your First Video",[793],"templates",{"_53":795,"_55":795,"_56":75,"_58":-7,"_60":796,"_62":797},"Reference",[],[798,804],{"_65":793,"_33":799,"_34":800,"_36":219,"_69":-7,"_70":71,"_72":801,"_76":790,"_77":30,"_78":802,"_80":803,"_81":-7},"Templates","Available Editframe project templates.",{"_74":795,"_56":75},"Choose a Template",[66],{"_65":805,"_33":806,"_34":807,"_36":139,"_69":-7,"_70":71,"_72":808,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"agent-skills","Agent Skills","Editframe AI coding agent skills are installed automatically when you create a project and work with Claude Code, OpenCode, Cursor, Windsurf, and GitHub Copilot.",{"_74":795,"_56":30},{"_53":810,"_55":810,"_56":75,"_58":-7,"_60":811,"_62":812},"Setup",[],[813,818],{"_65":814,"_33":815,"_34":816,"_36":139,"_69":-7,"_70":71,"_72":817,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"install-node","Install Node.js","Install Node.js on Mac, Windows, or Linux.",{"_74":810,"_56":75},{"_65":819,"_33":820,"_34":821,"_36":139,"_69":-7,"_70":71,"_72":822,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"install-ffmpeg","Install FFmpeg","Install FFmpeg on Mac, Windows, or Linux.",{"_74":810,"_56":30},[824],{"_53":825,"_55":825,"_56":71,"_58":-7,"_60":826,"_62":870},"Commands",[827,836,851,861],{"_53":828,"_55":829,"_56":75,"_58":-7,"_60":830,"_62":831},"Commands / Cloud","Cloud",[],[832],{"_65":476,"_33":833,"_34":834,"_36":219,"_69":-7,"_70":71,"_72":835,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"Cloud Render","Submit Editframe compositions to the cloud render pipeline and download completed videos without local ffmpeg.",{"_74":828,"_56":75},{"_53":837,"_55":838,"_56":75,"_58":-7,"_60":839,"_62":840},"Commands / Local","Local",[],[841,846],{"_65":842,"_33":843,"_34":844,"_36":219,"_69":-7,"_70":71,"_72":845,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"render","Render","Render Editframe HTML compositions to MP4 files locally using headless Chrome and ffmpeg via the Editframe CLI.",{"_74":837,"_56":75},{"_65":847,"_33":848,"_34":849,"_36":139,"_69":-7,"_70":71,"_72":850,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"preview","Preview","Open an Editframe composition in the browser for live preview during development, with hot-reload on file changes.",{"_74":837,"_56":30},{"_53":852,"_55":85,"_56":75,"_58":-7,"_60":853,"_62":854},"Commands / Media",[],[855],{"_65":856,"_33":857,"_34":858,"_36":219,"_69":-7,"_70":71,"_72":859,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"transcribe","Transcribe","Generate word-level captions from audio or video files using Whisper, outputting JSON or WebVTT for use with ef-captions.",{"_74":852,"_56":75,"_97":860},[842],{"_53":862,"_55":863,"_56":75,"_58":-7,"_60":864,"_62":865},"Commands / Utilities","Utilities",[],[866],{"_65":867,"_33":863,"_34":868,"_36":219,"_69":-7,"_70":71,"_72":869,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"utilities","CLI utilities for authentication, dependency checks, webhook testing, and video file inspection during development.",{"_74":862,"_56":75},[],[872,878,983,1009,1047,1064,1080],{"_53":54,"_55":54,"_56":57,"_58":59,"_60":873,"_62":874},[],[875],{"_65":66,"_33":67,"_34":68,"_36":37,"_69":-7,"_70":71,"_72":876,"_76":66,"_77":75,"_78":79,"_80":-7,"_81":877},{"_74":54,"_56":75},[83],{"_53":85,"_55":85,"_56":75,"_58":86,"_60":879,"_62":880},[],[881,884,887,890,893,896,898,900,902,904,906,908,910,912,914,916,918,920,922,924,926,928,930,932,934,936,938,941,943,946,948,950,952,954,956,959,961,963,965,967,969,972,974,976,979,981],{"_65":90,"_33":91,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":95,"_72":882,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":75,"_97":883},[99,100,101],{"_65":103,"_33":104,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":100,"_72":885,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":75,"_97":886},[99,101],{"_65":108,"_33":109,"_34":110,"_36":37,"_69":-7,"_70":71,"_94":83,"_72":888,"_76":112,"_77":75,"_78":113,"_80":-7,"_81":889},{"_74":85,"_56":75},[108],{"_65":116,"_33":117,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":118,"_72":891,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":75,"_97":892},[101,121,99],{"_65":123,"_33":124,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":121,"_72":894,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":75,"_97":895},[101,99,118],{"_65":128,"_33":129,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":95,"_72":897,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":30,"_97":883},{"_65":132,"_33":133,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":100,"_72":899,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":30,"_97":886},{"_65":136,"_33":137,"_34":138,"_36":139,"_69":-7,"_70":71,"_94":83,"_72":901,"_76":112,"_77":75,"_78":113,"_80":-7,"_81":889},{"_74":85,"_56":30},{"_65":142,"_33":143,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":118,"_72":903,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":30,"_97":892},{"_65":146,"_33":147,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":121,"_72":905,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":30,"_97":895},{"_65":150,"_33":151,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":95,"_72":907,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":153,"_97":883},{"_65":155,"_33":156,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":100,"_72":909,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":153,"_97":886},{"_65":159,"_33":160,"_34":161,"_36":139,"_69":-7,"_70":71,"_94":83,"_72":911,"_76":112,"_77":75,"_78":113,"_80":-7,"_81":889},{"_74":85,"_56":153},{"_65":164,"_33":165,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":121,"_72":913,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":153,"_97":895},{"_65":168,"_33":169,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":95,"_72":915,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":171,"_97":883},{"_65":173,"_33":174,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":100,"_72":917,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":171,"_97":886},{"_65":177,"_33":178,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":121,"_72":919,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":171,"_97":895},{"_65":181,"_33":182,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":95,"_72":921,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":184,"_97":883},{"_65":186,"_33":187,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":100,"_72":923,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":184,"_97":886},{"_65":190,"_33":191,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":121,"_72":925,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":184,"_97":895},{"_65":194,"_33":195,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":100,"_72":927,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":197,"_97":886},{"_65":199,"_33":200,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":121,"_72":929,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":197,"_97":895},{"_65":203,"_33":204,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":100,"_72":931,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":206,"_97":886},{"_65":208,"_33":209,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":121,"_72":933,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":206,"_97":895},{"_65":212,"_33":213,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":121,"_72":935,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":215,"_97":895},{"_65":83,"_33":217,"_34":218,"_36":219,"_69":-7,"_70":71,"_72":937,"_76":112,"_77":75,"_78":113,"_80":-7,"_81":889},{"_74":85,"_56":221},{"_65":99,"_33":223,"_34":224,"_36":219,"_69":-7,"_70":71,"_72":939,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":226,"_97":940},[83,101],{"_65":100,"_33":229,"_34":230,"_36":37,"_69":-7,"_70":71,"_72":942,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":232,"_97":886},{"_65":234,"_33":235,"_34":236,"_36":219,"_69":-7,"_70":71,"_72":944,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":232,"_97":945},[83,239],{"_65":95,"_33":241,"_34":242,"_36":93,"_69":-7,"_70":71,"_72":947,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":244,"_97":883},{"_65":246,"_33":247,"_34":248,"_36":249,"_69":-7,"_70":71,"_72":949,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":244},{"_65":252,"_33":253,"_34":254,"_36":93,"_69":-7,"_70":71,"_72":951,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":256},{"_65":258,"_33":259,"_34":260,"_36":93,"_69":-7,"_70":71,"_72":953,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":262},{"_65":264,"_33":265,"_34":266,"_36":139,"_69":-7,"_70":71,"_72":955,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":268},{"_65":28,"_33":270,"_34":271,"_36":219,"_69":-7,"_70":71,"_72":957,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":273,"_97":958},[275],{"_65":277,"_33":278,"_34":279,"_36":37,"_69":-7,"_70":71,"_72":960,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":281},{"_65":283,"_33":284,"_34":285,"_36":37,"_69":-7,"_70":71,"_72":962,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":281},{"_65":288,"_33":289,"_34":290,"_36":93,"_69":-7,"_70":71,"_72":964,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":292},{"_65":294,"_33":295,"_34":296,"_36":139,"_69":-7,"_70":71,"_72":966,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":292},{"_65":299,"_33":300,"_34":301,"_36":93,"_69":-7,"_70":71,"_72":968,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":303},{"_65":275,"_33":305,"_34":306,"_36":219,"_69":-7,"_70":71,"_72":970,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":308,"_97":971},[28,310],{"_65":312,"_33":313,"_34":314,"_36":37,"_69":-7,"_70":71,"_72":973,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":316},{"_65":318,"_33":319,"_34":320,"_36":93,"_69":-7,"_70":71,"_72":975,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":322},{"_65":101,"_33":324,"_34":325,"_36":219,"_69":-7,"_70":71,"_72":977,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":322,"_97":978},[99],{"_65":121,"_33":329,"_34":330,"_36":37,"_69":-7,"_70":71,"_72":980,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":332,"_97":895},{"_65":118,"_33":334,"_34":335,"_36":93,"_69":-7,"_70":71,"_72":982,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":85,"_56":337,"_97":892},{"_53":339,"_55":339,"_56":75,"_58":340,"_60":984,"_62":985},[],[986,989,991,993,996,999,1004,1007],{"_65":344,"_33":345,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":346,"_72":987,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":339,"_56":75,"_97":988},[349,350,351],{"_65":353,"_33":354,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":346,"_72":990,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":339,"_56":30,"_97":988},{"_65":357,"_33":358,"_34":92,"_36":93,"_69":-7,"_70":71,"_94":346,"_72":992,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":339,"_56":153,"_97":988},{"_65":361,"_33":362,"_34":363,"_36":93,"_69":-7,"_70":71,"_72":994,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":339,"_56":221,"_97":995},[349,350,366],{"_65":366,"_33":368,"_34":369,"_36":93,"_69":-7,"_70":71,"_72":997,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":339,"_56":226,"_97":998},[350],{"_65":350,"_33":373,"_34":374,"_36":93,"_69":-7,"_70":71,"_72":1000,"_76":378,"_77":30,"_78":379,"_80":1002,"_81":1003},{"_74":339,"_56":232,"_97":1001},[349,377],[349],[377],{"_65":383,"_33":384,"_34":385,"_36":93,"_69":-7,"_70":71,"_72":1005,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":339,"_56":244,"_97":1006},[388,389],{"_65":346,"_33":391,"_34":392,"_36":93,"_69":-7,"_70":71,"_72":1008,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":339,"_56":244,"_97":988},{"_53":395,"_55":395,"_56":75,"_58":396,"_60":1010,"_62":1011},[],[1012,1015,1017,1019,1021,1023,1025,1027,1031,1035,1037,1041,1044],{"_65":400,"_33":401,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":351,"_72":1013,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":395,"_56":75,"_97":1014},[349,350,346],{"_65":405,"_33":406,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":351,"_72":1016,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":395,"_56":30,"_97":1014},{"_65":18,"_33":20,"_34":92,"_36":37,"_69":-7,"_70":71,"_94":351,"_72":1018,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":395,"_56":153,"_97":1014},{"_65":411,"_33":412,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":351,"_72":1020,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":395,"_56":171,"_97":1014},{"_65":415,"_33":416,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":351,"_72":1022,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":395,"_56":184,"_97":1014},{"_65":419,"_33":420,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":351,"_72":1024,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":395,"_56":197,"_97":1014},{"_65":423,"_33":424,"_34":92,"_36":139,"_69":-7,"_70":71,"_94":351,"_72":1026,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":395,"_56":206,"_97":1014},{"_65":349,"_33":427,"_34":428,"_36":219,"_69":-7,"_70":71,"_72":1028,"_76":378,"_77":75,"_78":431,"_80":-7,"_81":1030},{"_74":395,"_56":221,"_97":1029},[350,377],[350],{"_65":377,"_33":434,"_34":435,"_36":139,"_69":-7,"_70":71,"_72":1032,"_76":378,"_77":153,"_78":439,"_80":1034,"_81":-7},{"_74":395,"_56":226,"_97":1033},[350,438],[349,350],{"_65":351,"_33":442,"_34":35,"_36":37,"_69":-7,"_70":71,"_72":1036,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":395,"_56":226,"_97":1014},{"_65":438,"_33":445,"_34":446,"_36":139,"_69":-7,"_70":71,"_72":1038,"_76":-7,"_77":-7,"_78":-7,"_80":1040,"_81":-7},{"_74":395,"_56":232,"_97":1039},[377,159],[377],{"_65":239,"_33":451,"_34":452,"_36":219,"_69":-7,"_70":71,"_72":1042,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":395,"_56":273,"_97":1043},[349],{"_65":456,"_33":457,"_34":458,"_36":219,"_69":-7,"_70":71,"_72":1045,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":395,"_56":308,"_97":1046},[159],{"_53":462,"_55":462,"_56":221,"_58":463,"_60":1048,"_62":1049},[],[1050,1053,1055,1058,1061],{"_65":389,"_33":467,"_34":468,"_36":37,"_69":-7,"_70":71,"_72":1051,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":462,"_56":221,"_97":1052},[388,383],{"_65":388,"_33":472,"_34":473,"_36":219,"_69":-7,"_70":71,"_72":1054,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":462,"_56":226},{"_65":476,"_33":477,"_34":478,"_36":139,"_69":-7,"_70":71,"_72":1056,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":462,"_56":256,"_97":1057},[383,388],{"_65":482,"_33":483,"_34":484,"_36":219,"_69":-7,"_70":71,"_72":1059,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":462,"_56":273,"_97":1060},[349],{"_65":310,"_33":488,"_34":489,"_36":139,"_69":-7,"_70":71,"_72":1062,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":462,"_56":308,"_97":1063},[275,99],{"_53":493,"_55":493,"_56":221,"_58":494,"_60":1065,"_62":1066},[],[1067,1069,1071,1073,1075,1077],{"_65":498,"_33":499,"_34":500,"_36":219,"_69":-7,"_70":71,"_72":1068,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":493,"_56":221},{"_65":503,"_33":504,"_34":505,"_36":219,"_69":-7,"_70":71,"_72":1070,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":493,"_56":273},{"_65":508,"_33":509,"_34":510,"_36":219,"_69":-7,"_70":71,"_72":1072,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":493,"_56":308},{"_65":513,"_33":514,"_34":515,"_36":219,"_69":-7,"_70":71,"_72":1074,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":493,"_56":517},{"_65":519,"_33":520,"_34":521,"_36":219,"_69":-7,"_70":71,"_72":1076,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":493,"_56":523},{"_65":525,"_33":526,"_34":527,"_36":219,"_69":-7,"_70":71,"_72":1078,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":493,"_56":529,"_97":1079},[456,531],{"_53":533,"_55":533,"_56":221,"_58":534,"_60":1081,"_62":1082},[],[1083,1086,1089],{"_65":538,"_33":539,"_34":540,"_36":219,"_69":-7,"_70":71,"_72":1084,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":533,"_56":221,"_97":1085},[349,498],{"_65":544,"_33":545,"_34":546,"_36":219,"_69":-7,"_70":71,"_72":1087,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":533,"_56":226,"_97":1088},[538,349],{"_65":550,"_33":551,"_34":552,"_36":219,"_69":-7,"_70":71,"_72":1090,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},{"_74":533,"_56":232,"_97":1091},[544,83,99],[1093,1100,1114,1134,1168,1198,1223,1278,1293],{"_53":67,"_55":67,"_56":57,"_58":59,"_60":1094,"_62":1095},[],[1096],{"_65":531,"_33":1097,"_34":1098,"_36":139,"_69":-7,"_70":71,"_72":1099,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"Building Custom Editors","Compose Preview, Controls, Filmstrip, Workbench, and Hierarchy components to build fully custom video editor interfaces.",{"_74":67,"_56":75},{"_53":1101,"_55":1101,"_56":75,"_58":-7,"_60":1102,"_62":1103},"Controls",[],[1104,1109],{"_65":1105,"_33":1106,"_34":1107,"_36":219,"_69":-7,"_70":71,"_72":1108,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"controls-tutorial","Controls Tutorial","Step-by-step tutorial for building video controls with Editframe elements — from basic inline controls to remote control bars with context bridging.",{"_74":1101,"_56":75},{"_65":1110,"_33":1111,"_34":1112,"_36":219,"_69":-7,"_70":71,"_72":1113,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"controls-concepts","Context Bridging","How ef-controls bridges playback state from a target element to controls placed anywhere in the DOM, enabling flexible layouts that aren't constrained by DOM hierarchy.",{"_74":1101,"_56":30},{"_53":1115,"_55":1115,"_56":221,"_58":1116,"_60":1117,"_62":1118},"Editor Shells","🧩",[],[1119,1124,1129],{"_65":1120,"_33":1121,"_34":1122,"_36":219,"_69":-7,"_70":71,"_72":1123,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"workbench","Workbench Element","Full-featured video editor layout combining preview, timeline, hierarchy panel, and export controls in one component.",{"_74":1115,"_56":221},{"_65":1125,"_33":1126,"_34":1127,"_36":219,"_69":-7,"_70":71,"_72":1128,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"hierarchy","Hierarchy Element","Layer panel that displays the composition element tree with collapsible groups, selection highlighting, and drag-to-reorder.",{"_74":1115,"_56":226},{"_65":1130,"_33":1131,"_34":1132,"_36":219,"_69":-7,"_70":71,"_72":1133,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"active-root-temporal","Active Root Temporal Element","Component that displays the ID of whichever root temporal element is currently active based on canvas selection state.",{"_74":1115,"_56":273},{"_53":1135,"_55":1135,"_56":221,"_58":1136,"_60":1137,"_62":1138},"Preview & Canvas","🖥",[],[1139,1143,1148,1153,1158,1163],{"_65":847,"_33":1140,"_34":1141,"_36":219,"_69":-7,"_70":71,"_72":1142,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"Preview Element","Composition preview container with automatic focus tracking, zoom-to-fit behavior, and overlay layer integration.",{"_74":1135,"_56":221},{"_65":1144,"_33":1145,"_34":1146,"_36":219,"_69":-7,"_70":71,"_72":1147,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"canvas","Canvas Elements","Interactive canvas area with element selection, drag-and-drop repositioning, and transform handle integration.",{"_74":1135,"_56":226},{"_65":1149,"_33":1150,"_34":1151,"_36":219,"_69":-7,"_70":71,"_72":1152,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"pan-zoom","Pan-Zoom Element","Interactive container providing pan and zoom navigation with touch gesture support, mouse wheel zoom, and programmatic control.",{"_74":1135,"_56":232},{"_65":1154,"_33":1155,"_34":1156,"_36":219,"_69":-7,"_70":71,"_72":1157,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"focus-overlay","Focus Overlay Element","Visual focus indicator that highlights and outlines the currently selected element in an Editframe composition preview.",{"_74":1135,"_56":273},{"_65":1159,"_33":1160,"_34":1161,"_36":219,"_69":-7,"_70":71,"_72":1162,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"fit-scale","Fit Scale Element","Responsive wrapper that scales its content uniformly to fill available space while preserving the original aspect ratio.",{"_74":1135,"_56":281},{"_65":1164,"_33":1165,"_34":1166,"_36":37,"_69":-7,"_70":71,"_72":1167,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"fit-scale-tutorial","Fit Scale Tutorial","Step-by-step guide to using ef-fit-scale to make fixed-size compositions responsive.",{"_74":1135,"_56":292},{"_53":1169,"_55":1169,"_56":221,"_58":1170,"_60":1171,"_62":1172},"Playback Controls","▶",[],[1173,1178,1183,1188,1193],{"_65":1174,"_33":1175,"_34":1176,"_36":219,"_69":-7,"_70":71,"_72":1177,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"controls","Controls Element","Context bridge that routes playback control actions to non-ancestor timeline elements in complex, nested editor layouts.",{"_74":1169,"_56":221},{"_65":1179,"_33":1180,"_34":1181,"_36":219,"_69":-7,"_70":71,"_72":1182,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"play","Play Button Element","Play button component that auto-hides when the composition is already playing, for clean minimal editor control bars.",{"_74":1169,"_56":226},{"_65":1184,"_33":1185,"_34":1186,"_36":219,"_69":-7,"_70":71,"_72":1187,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"pause","Pause Button Element","Pause button that renders only when the composition is playing, auto-hiding when already paused for clean editor UIs.",{"_74":1169,"_56":232},{"_65":1189,"_33":1190,"_34":1191,"_36":219,"_69":-7,"_70":71,"_72":1192,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"toggle-play","Toggle Play Element","Combined play/pause toggle button that switches between play and pause states with configurable icons and labels.",{"_74":1169,"_56":244},{"_65":1194,"_33":1195,"_34":1196,"_36":219,"_69":-7,"_70":71,"_72":1197,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"toggle-loop","Toggle Loop Element","Button component that toggles loop playback on and off, with visual state reflecting whether the composition will loop.",{"_74":1169,"_56":256},{"_53":1199,"_55":1199,"_56":221,"_58":1200,"_60":1201,"_62":1202},"Transform & Manipulation","🔧",[],[1203,1208,1213,1218],{"_65":1204,"_33":1205,"_34":1206,"_36":219,"_69":-7,"_70":71,"_72":1207,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"transform-handles","Transform Handles Element","Interactive resize and rotation handles for transforming composition elements with mouse drag in the preview canvas.",{"_74":1199,"_56":221},{"_65":1209,"_33":1210,"_34":1211,"_36":219,"_69":-7,"_70":71,"_72":1212,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"resizable-box","Resizable Box Element","Resizable box component with draggable edge and corner handles, supporting configurable minimum and maximum size constraints.",{"_74":1199,"_56":226},{"_65":1214,"_33":1215,"_34":1216,"_36":37,"_69":-7,"_70":71,"_72":1217,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"transform-handles-tutorial","Transform Handles Tutorial","Step-by-step guide to adding interactive drag, resize, and rotation controls to composition elements.",{"_74":1199,"_56":226},{"_65":1219,"_33":1220,"_34":1221,"_36":219,"_69":-7,"_70":71,"_72":1222,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"dial","Dial Element","Rotary dial input for angle values, supporting mouse and touch circular drag gestures with configurable min, max, and step.",{"_74":1199,"_56":232},{"_53":1224,"_55":1224,"_56":221,"_58":1225,"_60":1226,"_62":1227},"Timeline","🎞",[],[1228,1233,1238,1243,1248,1253,1258,1263,1268,1273],{"_65":1229,"_33":1230,"_34":1231,"_36":219,"_69":-7,"_70":71,"_72":1232,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"timeline","Timeline Element","Complete timeline editor with zoomable tracks, multi-level hierarchy, scrubber, and synchronized playback controls.",{"_74":1224,"_56":221},{"_65":1234,"_33":1235,"_34":1236,"_36":219,"_69":-7,"_70":71,"_72":1237,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"filmstrip","Filmstrip Element","Visual timeline panel showing composition hierarchy as stacked tracks with time-proportional widths and playhead indicator.",{"_74":1224,"_56":226},{"_65":1239,"_33":1240,"_34":1241,"_36":219,"_69":-7,"_70":71,"_72":1242,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"scrubber","Scrubber Element","Timeline scrubber with horizontal seek and vertical zoom modes, keyboard shortcuts, and frame-accurate time control.",{"_74":1224,"_56":232},{"_65":1244,"_33":1245,"_34":1246,"_36":219,"_69":-7,"_70":71,"_72":1247,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"time-display","Time Display Element","Formatted time display showing current playback position and total duration, with configurable frame rate and format options.",{"_74":1224,"_56":244},{"_65":1249,"_33":1250,"_34":1251,"_36":219,"_69":-7,"_70":71,"_72":1252,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"timeline-ruler","Timeline Ruler Element","Time ruler with zoom-aware frame markers and time labels for precise timeline navigation in editor interfaces.",{"_74":1224,"_56":256},{"_65":1254,"_33":1255,"_34":1256,"_36":37,"_69":-7,"_70":71,"_72":1257,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"timeline-ruler-tutorial","Timeline Ruler Tutorial","Step-by-step guide to using ef-timeline-ruler to display time markers in timeline editors.",{"_74":1224,"_56":262},{"_65":1259,"_33":1260,"_34":1261,"_36":219,"_69":-7,"_70":71,"_72":1262,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"trim-handles","Trim Handles Element","Draggable in-point and out-point handles for trimming media element duration directly on the composition timeline.",{"_74":1224,"_56":273},{"_65":1264,"_33":1265,"_34":1266,"_36":219,"_69":-7,"_70":71,"_72":1267,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"thumbnail-strip","Thumbnail Strip Element","Video thumbnail strip that generates and displays preview frames at regular intervals along the composition timeline.",{"_74":1224,"_56":281},{"_65":1269,"_33":1270,"_34":1271,"_36":37,"_69":-7,"_70":71,"_72":1272,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"thumbnail-strip-tutorial","Thumbnail Strip Tutorial","Step-by-step tutorial for creating thumbnail strips with ef-thumbnail-strip.",{"_74":1224,"_56":292},{"_65":1274,"_33":1275,"_34":1276,"_36":93,"_69":-7,"_70":71,"_72":1277,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"thumbnail-strip-concepts","Thumbnail Strip Concepts","Thumbnail caching architecture, batch extraction strategy, and timeline coordinate systems for ef-thumbnail-strip.",{"_74":1224,"_56":303},{"_53":1279,"_55":1279,"_56":221,"_58":1280,"_60":1281,"_62":1282},"Overlay System","📐",[],[1283,1288],{"_65":1284,"_33":1285,"_34":1286,"_36":219,"_69":-7,"_70":71,"_72":1287,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"overlay-layer","Overlay Layer Element","Container that positions overlay items absolutely over a composition, anchoring them to their target elements during playback.",{"_74":1279,"_56":221},{"_65":1289,"_33":1290,"_34":1291,"_36":219,"_69":-7,"_70":71,"_72":1292,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"overlay-item","Overlay Item Element","Individual overlay element that tracks a specific composition element, following its position and size during playback.",{"_74":1279,"_56":226},{"_53":1294,"_55":1294,"_56":244,"_58":-7,"_60":1295,"_62":1296},"Canvas & Layout",[],[1297,1302],{"_65":1298,"_33":1299,"_34":1300,"_36":37,"_69":-7,"_70":71,"_72":1301,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"pan-zoom-tutorial","Pan-Zoom Tutorial","Step-by-step tutorial for creating interactive pan-zoom compositions, plus how-to guides for programmatic control, event listening, and resetting the transform.",{"_74":1294,"_56":244},{"_65":1303,"_33":1304,"_34":1305,"_36":93,"_69":-7,"_70":71,"_72":1306,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"pan-zoom-concepts","Pan-Zoom Concepts","How ef-pan-zoom handles pointer capture for smooth panning and zoom-to-pointer behavior for intuitive content exploration.",{"_74":1294,"_56":256},[1308,1314,1327,1336],{"_53":54,"_55":54,"_56":57,"_58":59,"_60":1309,"_62":1310},[],[1311],{"_65":66,"_33":67,"_34":1312,"_36":37,"_69":-7,"_70":71,"_72":1313,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"Install the Editframe API package, obtain an API key, and submit your first HTML composition as a cloud render job.",{"_74":54,"_56":75},{"_53":339,"_55":339,"_56":221,"_58":340,"_60":1315,"_62":1316},[],[1317,1322],{"_65":1318,"_33":1319,"_34":1320,"_36":93,"_69":-7,"_70":71,"_72":1321,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"authentication","Authentication","How API keys work, Client class behavior, and authentication patterns for server-side and browser-based applications",{"_74":339,"_56":221},{"_65":1323,"_33":1324,"_34":1325,"_36":93,"_69":-7,"_70":71,"_72":1326,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"url-signing","URL Signing","Generate short-lived signed CDN tokens to enable browser-based playback of private Editframe media files securely.",{"_74":339,"_56":273},{"_53":1328,"_55":1328,"_56":221,"_58":-7,"_60":1329,"_62":1330},"Guides",[],[1331],{"_65":1332,"_33":1333,"_34":1334,"_36":139,"_69":-7,"_70":71,"_72":1335,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"media-pipeline","Media Pipeline","End-to-end workflow for uploading a media file, waiting for processing, and using the processed file in a composition.",{"_74":1328,"_56":221},{"_53":1337,"_55":1337,"_56":273,"_58":-7,"_60":1338,"_62":1368},"API Reference",[1339,1348],{"_53":1340,"_55":1341,"_56":221,"_58":-7,"_60":1342,"_62":1343},"API Reference / Renders","Renders",[],[1344],{"_65":1345,"_33":1341,"_34":1346,"_36":219,"_69":-7,"_70":71,"_72":1347,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"renders","Create render jobs from HTML compositions, poll for completion, and download finished videos or image outputs.",{"_74":1340,"_56":221},{"_53":1349,"_55":1350,"_56":273,"_58":-7,"_60":1351,"_62":1352},"API Reference / Files","Files",[],[1353,1358,1363],{"_65":1354,"_33":1355,"_34":1356,"_36":219,"_69":-7,"_70":71,"_72":1357,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"unprocessed-files","Video Files","Upload raw video files through the Editframe files API with automatic ISOBMFF processing for streaming-optimized playback.",{"_74":1349,"_56":273},{"_65":1359,"_33":1360,"_34":1361,"_36":219,"_69":-7,"_70":71,"_72":1362,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"image-files","Image Files","Upload and manage static image files through the Editframe unified files API for use in compositions and renders.",{"_74":1349,"_56":292},{"_65":1364,"_33":1365,"_34":1366,"_36":219,"_69":-7,"_70":71,"_72":1367,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"caption-files","Caption Files","Upload and manage WebVTT or SRT subtitle files through the Editframe files API for synchronized caption playback.",{"_74":1349,"_56":303},[1369,1373],{"_65":1370,"_33":1350,"_34":1371,"_36":219,"_69":-7,"_70":71,"_72":1372,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"files","Unified API for uploading, processing, and managing video, image, and caption files used in Editframe compositions and renders.",{"_74":1337,"_56":273},{"_65":310,"_33":488,"_34":1374,"_36":219,"_69":-7,"_70":71,"_72":1375,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"Generate spoken-word transcriptions from uploaded video files, returning word-level timestamps for caption generation.",{"_74":1337,"_56":308},[1377,1384,1392,1401,1410],{"_53":54,"_55":54,"_56":57,"_58":59,"_60":1378,"_62":1379},[],[1380],{"_65":66,"_33":1381,"_34":1382,"_36":37,"_69":-7,"_70":71,"_72":1383,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"Getting Started with Webhooks","Configure a webhook endpoint URL to receive Editframe event notifications for render completion and file processing.",{"_74":54,"_56":75},{"_53":1385,"_55":1385,"_56":30,"_58":-7,"_60":1386,"_62":1387},"Events & Payloads",[],[1388],{"_65":519,"_33":1389,"_34":1390,"_36":219,"_69":-7,"_70":71,"_72":1391,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"Webhook Events","Complete reference for all Editframe webhook event types, payload schemas, and the conditions that trigger each event.",{"_74":1385,"_56":30},{"_53":1393,"_55":1393,"_56":153,"_58":-7,"_60":1394,"_62":1395},"Security",[],[1396],{"_65":1397,"_33":1398,"_34":1399,"_36":219,"_69":-7,"_70":71,"_72":1400,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"security","Webhook Security","Verify HMAC-SHA256 signatures on incoming webhook requests and prevent replay attacks with timestamp validation.",{"_74":1393,"_56":153},{"_53":1402,"_55":1402,"_56":171,"_58":-7,"_60":1403,"_62":1404},"Testing",[],[1405],{"_65":1406,"_33":1407,"_34":1408,"_36":139,"_69":-7,"_70":71,"_72":1409,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"testing","Testing Webhooks","Test Editframe webhook endpoints locally using ngrok tunnels, webhook.site inspection, and the CLI test command.",{"_74":1402,"_56":171},{"_53":1411,"_55":1411,"_56":184,"_58":-7,"_60":1412,"_62":1413},"Troubleshooting",[],[1414],{"_65":1415,"_33":1416,"_34":1417,"_36":219,"_69":-7,"_70":71,"_72":1418,"_76":-7,"_77":-7,"_78":-7,"_80":-7,"_81":-7},"troubleshooting","Troubleshooting Webhooks","Diagnose and fix common webhook issues: signature verification failures, delivery timeouts, retries, and missed events.",{"_74":1411,"_56":184},"apiMetadata","isReference",true,"actionData","errors"]