[{"data":1,"prerenderedAt":2443},["ShallowReactive",2],{"navigation":3,"\u002Fguides\u002Fvideo-editor-cheatsheet":686,"\u002Fguides\u002Fvideo-editor-cheatsheet-surround":2438},[4,31,57,147,168,198,652],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":30},"快速入门","i-lucide-rocket","\u002Fgetting-started","01.getting-started",[10,14,18,22,26],{"title":11,"path":12,"stem":13},"简介","\u002Fgetting-started\u002Fintroduction","01.getting-started\u002F01.introduction",{"title":15,"path":16,"stem":17},"快速开始","\u002Fgetting-started\u002Fquickstart","01.getting-started\u002F02.quickstart",{"title":19,"path":20,"stem":21},"展示作品","\u002Fgetting-started\u002Fshowcase","01.getting-started\u002F03.showcase",{"title":23,"path":24,"stem":25},"示例","\u002Fgetting-started\u002Fexamples","01.getting-started\u002F04.examples",{"title":27,"path":28,"stem":29},"发布视频","\u002Fgetting-started\u002Flaunch-videos","01.getting-started\u002F05.launch-videos",false,{"title":32,"icon":33,"path":34,"stem":35,"children":36,"page":30},"核心概念","i-lucide-lightbulb","\u002Fconcepts","02.concepts",[37,41,45,49,53],{"title":38,"path":39,"stem":40},"合成","\u002Fconcepts\u002Fcompositions","02.concepts\u002F01.compositions",{"title":42,"path":43,"stem":44},"数据属性","\u002Fconcepts\u002Fdata-attributes","02.concepts\u002F02.data-attributes",{"title":46,"path":47,"stem":48},"变量","\u002Fconcepts\u002Fvariables","02.concepts\u002F03.variables",{"title":50,"path":51,"stem":52},"帧适配器","\u002Fconcepts\u002Fframe-adapters","02.concepts\u002F04.frame-adapters",{"title":54,"path":55,"stem":56},"确定性渲染","\u002Fconcepts\u002Fdeterminism","02.concepts\u002F05.determinism",{"title":58,"icon":59,"path":60,"stem":61,"children":62,"page":30},"使用指南","i-lucide-compass","\u002Fguides","03.guides",[63,67,71,75,79,83,87,91,95,99,103,107,111,115,119,123,127,131,135,139,143],{"title":64,"path":65,"stem":66},"工作流水线","\u002Fguides\u002Fpipeline","03.guides\u002F01.pipeline",{"title":68,"path":69,"stem":70},"HTML-in-Canvas","\u002Fguides\u002Fhtml-in-canvas","03.guides\u002F02.html-in-canvas",{"title":72,"path":73,"stem":74},"网站转视频","\u002Fguides\u002Fwebsite-to-video","03.guides\u002F03.website-to-video",{"title":76,"path":77,"stem":78},"Google Antigravity","\u002Fguides\u002Fantigravity","03.guides\u002F04.antigravity",{"title":80,"path":81,"stem":82},"GitHub Copilot CLI","\u002Fguides\u002Fcopilot-cli","03.guides\u002F05.copilot-cli",{"title":84,"path":85,"stem":86},"Claude Design","\u002Fguides\u002Fclaude-design","03.guides\u002F06.claude-design",{"title":88,"path":89,"stem":90},"Open Design","\u002Fguides\u002Fopen-design","03.guides\u002F07.open-design",{"title":92,"path":93,"stem":94},"提示词指南","\u002Fguides\u002Fprompting","03.guides\u002F08.prompting",{"title":96,"path":97,"stem":98},"Hyperframes vs Remotion","\u002Fguides\u002Fhyperframes-vs-remotion","03.guides\u002F09.hyperframes-vs-remotion",{"title":100,"path":101,"stem":102},"GSAP 动画","\u002Fguides\u002Fgsap-animation","03.guides\u002F10.gsap-animation",{"title":104,"path":105,"stem":106},"渲染","\u002Fguides\u002Frendering","03.guides\u002F11.rendering",{"title":108,"path":109,"stem":110},"去除背景（透明视频）","\u002Fguides\u002Fremove-background","03.guides\u002F12.remove-background",{"title":112,"path":113,"stem":114},"HDR 渲染","\u002Fguides\u002Fhdr","03.guides\u002F13.hdr",{"title":116,"path":117,"stem":118},"4K 渲染","\u002Fguides\u002F4k-rendering","03.guides\u002F14.4k-rendering",{"title":120,"path":121,"stem":122},"性能","\u002Fguides\u002Fperformance","03.guides\u002F15.performance",{"title":124,"path":125,"stem":126},"时间轴编辑","\u002Fguides\u002Ftimeline-editing","03.guides\u002F16.timeline-editing",{"title":128,"path":129,"stem":130},"视频编辑者速查表","\u002Fguides\u002Fvideo-editor-cheatsheet","03.guides\u002F17.video-editor-cheatsheet",{"title":132,"path":133,"stem":134},"常见错误","\u002Fguides\u002Fcommon-mistakes","03.guides\u002F18.common-mistakes",{"title":136,"path":137,"stem":138},"故障排除","\u002Fguides\u002Ftroubleshooting","03.guides\u002F19.troubleshooting",{"title":140,"path":141,"stem":142},"反馈收集","\u002Fguides\u002Ffeedback","03.guides\u002F20.feedback",{"title":144,"path":145,"stem":146},"HyperFrames MCP","\u002Fguides\u002Fmcp","03.guides\u002F21.mcp",{"title":148,"icon":149,"path":150,"stem":151,"children":152,"page":30},"部署","i-lucide-cloud","\u002Fdeploy","04.deploy",[153,156,160,164],{"title":148,"path":154,"stem":155},"\u002Fdeploy\u002Fdeploy","04.deploy\u002F01.deploy",{"title":157,"path":158,"stem":159},"AWS Lambda","\u002Fdeploy\u002Faws-lambda","04.deploy\u002F02.aws-lambda",{"title":161,"path":162,"stem":163},"Lambda 上的模板","\u002Fdeploy\u002Ftemplates-on-lambda","04.deploy\u002F03.templates-on-lambda",{"title":165,"path":166,"stem":167},"迁移到 HyperFrames Lambda","\u002Fdeploy\u002Fmigrating-to-hyperframes-lambda","04.deploy\u002F04.migrating-to-hyperframes-lambda",{"title":169,"icon":170,"path":171,"stem":172,"children":173,"page":30},"包","i-lucide-package","\u002Fpackages","05.packages",[174,178,182,186,190,194],{"title":175,"path":176,"stem":177},"@hyperframes\u002Fcore","\u002Fpackages\u002Fcore","05.packages\u002F01.core",{"title":179,"path":180,"stem":181},"@hyperframes\u002Fengine","\u002Fpackages\u002Fengine","05.packages\u002F02.engine",{"title":183,"path":184,"stem":185},"@hyperframes\u002Fplayer","\u002Fpackages\u002Fplayer","05.packages\u002F03.player",{"title":187,"path":188,"stem":189},"@hyperframes\u002Fproducer","\u002Fpackages\u002Fproducer","05.packages\u002F04.producer",{"title":191,"path":192,"stem":193},"@hyperframes\u002Fstudio","\u002Fpackages\u002Fstudio","05.packages\u002F05.studio",{"title":195,"path":196,"stem":197},"CLI","\u002Fpackages\u002Fcli","05.packages\u002F06.cli",{"title":199,"icon":200,"path":201,"stem":202,"children":203,"page":30},"组件目录","i-lucide-layout-grid","\u002Fcatalog","06.catalog",[204,270,324,358,420,478,512,546,584,598],{"title":205,"icon":206,"path":207,"stem":208,"children":209,"page":30},"字幕","i-lucide-captions","\u002Fcatalog\u002Fcaption","06.catalog\u002F01.caption",[210,214,218,222,226,230,234,238,242,246,250,254,258,262,266],{"title":211,"path":212,"stem":213},"裁剪擦除","\u002Fcatalog\u002Fcaption\u002Fcaption-clip-wipe","06.catalog\u002F01.caption\u002F01.caption-clip-wipe",{"title":215,"path":216,"stem":217},"编辑强调","\u002Fcatalog\u002Fcaption\u002Fcaption-editorial-emphasis","06.catalog\u002F01.caption\u002F02.caption-editorial-emphasis",{"title":219,"path":220,"stem":221},"Emoji 弹出","\u002Fcatalog\u002Fcaption\u002Fcaption-emoji-pop","06.catalog\u002F01.caption\u002F03.caption-emoji-pop",{"title":223,"path":224,"stem":225},"故障 RGB","\u002Fcatalog\u002Fcaption\u002Fcaption-glitch-rgb","06.catalog\u002F01.caption\u002F04.caption-glitch-rgb",{"title":227,"path":228,"stem":229},"渐变填充","\u002Fcatalog\u002Fcaption\u002Fcaption-gradient-fill","06.catalog\u002F01.caption\u002F05.caption-gradient-fill",{"title":231,"path":232,"stem":233},"高亮","\u002Fcatalog\u002Fcaption\u002Fcaption-highlight","06.catalog\u002F01.caption\u002F06.caption-highlight",{"title":235,"path":236,"stem":237},"动感冲击","\u002Fcatalog\u002Fcaption\u002Fcaption-kinetic-slam","06.catalog\u002F01.caption\u002F07.caption-kinetic-slam",{"title":239,"path":240,"stem":241},"矩阵解码","\u002Fcatalog\u002Fcaption\u002Fcaption-matrix-decode","06.catalog\u002F01.caption\u002F08.caption-matrix-decode",{"title":243,"path":244,"stem":245},"霓虹强调","\u002Fcatalog\u002Fcaption\u002Fcaption-neon-accent","06.catalog\u002F01.caption\u002F09.caption-neon-accent",{"title":247,"path":248,"stem":249},"霓虹发光","\u002Fcatalog\u002Fcaption\u002Fcaption-neon-glow","06.catalog\u002F01.caption\u002F10.caption-neon-glow",{"title":251,"path":252,"stem":253},"视差图层","\u002Fcatalog\u002Fcaption\u002Fcaption-parallax-layers","06.catalog\u002F01.caption\u002F11.caption-parallax-layers",{"title":255,"path":256,"stem":257},"粒子爆发","\u002Fcatalog\u002Fcaption\u002Fcaption-particle-burst","06.catalog\u002F01.caption\u002F12.caption-particle-burst",{"title":259,"path":260,"stem":261},"胶囊卡拉OK","\u002Fcatalog\u002Fcaption\u002Fcaption-pill-karaoke","06.catalog\u002F01.caption\u002F13.caption-pill-karaoke",{"title":263,"path":264,"stem":265},"纹理","\u002Fcatalog\u002Fcaption\u002Fcaption-texture","06.catalog\u002F01.caption\u002F14.caption-texture",{"title":267,"path":268,"stem":269},"字重切换","\u002Fcatalog\u002Fcaption\u002Fcaption-weight-shift","06.catalog\u002F01.caption\u002F15.caption-weight-shift",{"title":271,"icon":272,"path":273,"stem":274,"children":275,"page":30},"HTML 画布","i-lucide-layout-dashboard","\u002Fcatalog\u002Fhtml-canvas","06.catalog\u002F02.html-canvas",[276,280,284,288,292,296,300,304,308,312,316,320],{"title":277,"path":278,"stem":279},"iOS 26 Liquid Glass 主屏幕","\u002Fcatalog\u002Fhtml-canvas\u002Fios26-liquid-glass","06.catalog\u002F02.html-canvas\u002F01.ios26-liquid-glass",{"title":281,"path":282,"stem":283},"Liquid Glass 右键菜单","\u002Fcatalog\u002Fhtml-canvas\u002Fliquid-glass-context-menu","06.catalog\u002F02.html-canvas\u002F02.liquid-glass-context-menu",{"title":285,"path":286,"stem":287},"Liquid Glass 媒体控制","\u002Fcatalog\u002Fhtml-canvas\u002Fliquid-glass-media-controls","06.catalog\u002F02.html-canvas\u002F03.liquid-glass-media-controls",{"title":289,"path":290,"stem":291},"Liquid Glass 通知","\u002Fcatalog\u002Fhtml-canvas\u002Fliquid-glass-notification","06.catalog\u002F02.html-canvas\u002F04.liquid-glass-notification",{"title":293,"path":294,"stem":295},"Liquid Glass 小组件","\u002Fcatalog\u002Fhtml-canvas\u002Fliquid-glass-widgets","06.catalog\u002F02.html-canvas\u002F05.liquid-glass-widgets",{"title":297,"path":298,"stem":299},"macOS Tahoe Liquid Glass 桌面","\u002Fcatalog\u002Fhtml-canvas\u002Fmacos-tahoe-liquid-glass","06.catalog\u002F02.html-canvas\u002F06.macos-tahoe-liquid-glass",{"title":301,"path":302,"stem":303},"iPhone & MacBook 3D 展示","\u002Fcatalog\u002Fhtml-canvas\u002Fvfx-iphone-device","06.catalog\u002F02.html-canvas\u002F07.vfx-iphone-device",{"title":305,"path":306,"stem":307},"液态背景","\u002Fcatalog\u002Fhtml-canvas\u002Fvfx-liquid-background","06.catalog\u002F02.html-canvas\u002F08.vfx-liquid-background",{"title":309,"path":310,"stem":311},"磁力效果","\u002Fcatalog\u002Fhtml-canvas\u002Fvfx-magnetic","06.catalog\u002F02.html-canvas\u002F09.vfx-magnetic",{"title":313,"path":314,"stem":315},"传送门","\u002Fcatalog\u002Fhtml-canvas\u002Fvfx-portal","06.catalog\u002F02.html-canvas\u002F10.vfx-portal",{"title":317,"path":318,"stem":319},"碎裂效果","\u002Fcatalog\u002Fhtml-canvas\u002Fvfx-shatter","06.catalog\u002F02.html-canvas\u002F11.vfx-shatter",{"title":321,"path":322,"stem":323},"VFX 文字光标","\u002Fcatalog\u002Fhtml-canvas\u002Fvfx-text-cursor","06.catalog\u002F02.html-canvas\u002F12.vfx-text-cursor",{"title":325,"icon":326,"path":327,"stem":328,"children":329,"page":30},"社交叠加层","i-lucide-share-2","\u002Fcatalog\u002Fsocial-overlays","06.catalog\u002F03.social-overlays",[330,334,338,342,346,350,354],{"title":331,"path":332,"stem":333},"Instagram 关注","\u002Fcatalog\u002Fsocial-overlays\u002Finstagram-follow","06.catalog\u002F03.social-overlays\u002F01.instagram-follow",{"title":335,"path":336,"stem":337},"macOS 通知","\u002Fcatalog\u002Fsocial-overlays\u002Fmacos-notification","06.catalog\u002F03.social-overlays\u002F02.macos-notification",{"title":339,"path":340,"stem":341},"Reddit 帖子卡片","\u002Fcatalog\u002Fsocial-overlays\u002Freddit-post","06.catalog\u002F03.social-overlays\u002F03.reddit-post",{"title":343,"path":344,"stem":345},"Spotify 正在播放","\u002Fcatalog\u002Fsocial-overlays\u002Fspotify-card","06.catalog\u002F03.social-overlays\u002F04.spotify-card",{"title":347,"path":348,"stem":349},"TikTok 关注","\u002Fcatalog\u002Fsocial-overlays\u002Ftiktok-follow","06.catalog\u002F03.social-overlays\u002F05.tiktok-follow",{"title":351,"path":352,"stem":353},"X 帖子卡片","\u002Fcatalog\u002Fsocial-overlays\u002Fx-post","06.catalog\u002F03.social-overlays\u002F06.x-post",{"title":355,"path":356,"stem":357},"YouTube 下方三分之一","\u002Fcatalog\u002Fsocial-overlays\u002Fyt-lower-third","06.catalog\u002F03.social-overlays\u002F07.yt-lower-third",{"title":359,"icon":360,"path":361,"stem":362,"children":363,"page":30},"着色器过渡","i-lucide-wand-2","\u002Fcatalog\u002Fshader-transitions","06.catalog\u002F04.shader-transitions",[364,368,372,376,380,384,388,392,396,400,404,408,412,416],{"title":365,"path":366,"stem":367},"色散径向分裂","\u002Fcatalog\u002Fshader-transitions\u002Fchromatic-radial-split","06.catalog\u002F04.shader-transitions\u002F01.chromatic-radial-split",{"title":369,"path":370,"stem":371},"电影感变焦","\u002Fcatalog\u002Fshader-transitions\u002Fcinematic-zoom","06.catalog\u002F04.shader-transitions\u002F02.cinematic-zoom",{"title":373,"path":374,"stem":375},"交叉扭曲变形","\u002Fcatalog\u002Fshader-transitions\u002Fcross-warp-morph","06.catalog\u002F04.shader-transitions\u002F03.cross-warp-morph",{"title":377,"path":378,"stem":379},"域扭曲溶解","\u002Fcatalog\u002Fshader-transitions\u002Fdomain-warp-dissolve","06.catalog\u002F04.shader-transitions\u002F04.domain-warp-dissolve",{"title":381,"path":382,"stem":383},"白色闪光过渡","\u002Fcatalog\u002Fshader-transitions\u002Fflash-through-white","06.catalog\u002F04.shader-transitions\u002F05.flash-through-white",{"title":385,"path":386,"stem":387},"故障效果","\u002Fcatalog\u002Fshader-transitions\u002Fglitch","06.catalog\u002F04.shader-transitions\u002F06.glitch",{"title":389,"path":390,"stem":391},"引力透镜","\u002Fcatalog\u002Fshader-transitions\u002Fgravitational-lens","06.catalog\u002F04.shader-transitions\u002F07.gravitational-lens",{"title":393,"path":394,"stem":395},"光线泄漏","\u002Fcatalog\u002Fshader-transitions\u002Flight-leak","06.catalog\u002F04.shader-transitions\u002F08.light-leak",{"title":397,"path":398,"stem":399},"褶皱燃烧","\u002Fcatalog\u002Fshader-transitions\u002Fridged-burn","06.catalog\u002F04.shader-transitions\u002F09.ridged-burn",{"title":401,"path":402,"stem":403},"涟漪波纹","\u002Fcatalog\u002Fshader-transitions\u002Fripple-waves","06.catalog\u002F04.shader-transitions\u002F10.ripple-waves",{"title":405,"path":406,"stem":407},"SDF 光圈","\u002Fcatalog\u002Fshader-transitions\u002Fsdf-iris","06.catalog\u002F04.shader-transitions\u002F11.sdf-iris",{"title":409,"path":410,"stem":411},"漩涡涡流","\u002Fcatalog\u002Fshader-transitions\u002Fswirl-vortex","06.catalog\u002F04.shader-transitions\u002F12.swirl-vortex",{"title":413,"path":414,"stem":415},"热浪扭曲","\u002Fcatalog\u002Fshader-transitions\u002Fthermal-distortion","06.catalog\u002F04.shader-transitions\u002F13.thermal-distortion",{"title":417,"path":418,"stem":419},"快速摇摄","\u002Fcatalog\u002Fshader-transitions\u002Fwhip-pan","06.catalog\u002F04.shader-transitions\u002F14.whip-pan",{"title":421,"icon":422,"path":423,"stem":424,"children":425,"page":30},"CSS 过渡","i-lucide-repeat","\u002Fcatalog\u002Fcss-transitions","06.catalog\u002F05.css-transitions",[426,430,434,438,442,446,450,454,458,462,466,470,474],{"title":427,"path":428,"stem":429},"3D 过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-3d","06.catalog\u002F05.css-transitions\u002F01.transitions-3d",{"title":431,"path":432,"stem":433},"模糊过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-blur","06.catalog\u002F05.css-transitions\u002F02.transitions-blur",{"title":435,"path":436,"stem":437},"覆盖过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-cover","06.catalog\u002F05.css-transitions\u002F03.transitions-cover",{"title":439,"path":440,"stem":441},"破碎过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-destruction","06.catalog\u002F05.css-transitions\u002F04.transitions-destruction",{"title":443,"path":444,"stem":445},"溶解过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-dissolve","06.catalog\u002F05.css-transitions\u002F05.transitions-dissolve",{"title":447,"path":448,"stem":449},"扭曲过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-distortion","06.catalog\u002F05.css-transitions\u002F06.transitions-distortion",{"title":451,"path":452,"stem":453},"网格过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-grid","06.catalog\u002F05.css-transitions\u002F07.transitions-grid",{"title":455,"path":456,"stem":457},"光效过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-light","06.catalog\u002F05.css-transitions\u002F08.transitions-light",{"title":459,"path":460,"stem":461},"机械过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-mechanical","06.catalog\u002F05.css-transitions\u002F09.transitions-mechanical",{"title":463,"path":464,"stem":465},"其他过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-other","06.catalog\u002F05.css-transitions\u002F10.transitions-other",{"title":467,"path":468,"stem":469},"推移过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-push","06.catalog\u002F05.css-transitions\u002F11.transitions-push",{"title":471,"path":472,"stem":473},"径向过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-radial","06.catalog\u002F05.css-transitions\u002F12.transitions-radial",{"title":475,"path":476,"stem":477},"缩放过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-scale","06.catalog\u002F05.css-transitions\u002F13.transitions-scale",{"title":479,"icon":480,"path":481,"stem":482,"children":483,"page":30},"展示","i-lucide-monitor-play","\u002Fcatalog\u002Fshowcase","06.catalog\u002F06.showcase",[484,488,492,496,500,504,508],{"title":485,"path":486,"stem":487},"应用展示","\u002Fcatalog\u002Fshowcase\u002Fapp-showcase","06.catalog\u002F06.showcase\u002F01.app-showcase",{"title":489,"path":490,"stem":491},"Apple 金额计数器","\u002Fcatalog\u002Fshowcase\u002Fapple-money-count","06.catalog\u002F06.showcase\u002F02.apple-money-count",{"title":493,"path":494,"stem":495},"蓝色毛衣开场视频","\u002Fcatalog\u002Fshowcase\u002Fblue-sweater-intro-video","06.catalog\u002F06.showcase\u002F03.blue-sweater-intro-video",{"title":497,"path":498,"stem":499},"朝鲜封锁","\u002Fcatalog\u002Fshowcase\u002Fnorth-korea-locked-down","06.catalog\u002F06.showcase\u002F04.north-korea-locked-down",{"title":501,"path":502,"stem":503},"纽约巴黎航班","\u002Fcatalog\u002Fshowcase\u002Fnyc-paris-flight","06.catalog\u002F06.showcase\u002F05.nyc-paris-flight",{"title":505,"path":506,"stem":507},"3D UI 展示","\u002Fcatalog\u002Fshowcase\u002Fui-3d-reveal","06.catalog\u002F06.showcase\u002F06.ui-3d-reveal",{"title":509,"path":510,"stem":511},"VPN YouTube 广告片段","\u002Fcatalog\u002Fshowcase\u002Fvpn-youtube-spot","06.catalog\u002F06.showcase\u002F07.vpn-youtube-spot",{"title":513,"icon":514,"path":515,"stem":516,"children":517,"page":30},"数据","i-lucide-bar-chart-3","\u002Fcatalog\u002Fdata","06.catalog\u002F07.data",[518,522,526,530,534,538,542],{"title":519,"path":520,"stem":521},"数据图表","\u002Fcatalog\u002Fdata\u002Fdata-chart","06.catalog\u002F07.data\u002F01.data-chart",{"title":523,"path":524,"stem":525},"西班牙地图","\u002Fcatalog\u002Fdata\u002Fspain-map","06.catalog\u002F07.data\u002F02.spain-map",{"title":527,"path":528,"stem":529},"美国地图","\u002Fcatalog\u002Fdata\u002Fus-map","06.catalog\u002F07.data\u002F03.us-map",{"title":531,"path":532,"stem":533},"美国气泡地图","\u002Fcatalog\u002Fdata\u002Fus-map-bubble","06.catalog\u002F07.data\u002F04.us-map-bubble",{"title":535,"path":536,"stem":537},"美国流动地图","\u002Fcatalog\u002Fdata\u002Fus-map-flow","06.catalog\u002F07.data\u002F05.us-map-flow",{"title":539,"path":540,"stem":541},"美国六边形网格地图","\u002Fcatalog\u002Fdata\u002Fus-map-hex","06.catalog\u002F07.data\u002F06.us-map-hex",{"title":543,"path":544,"stem":545},"世界地图","\u002Fcatalog\u002Fdata\u002Fworld-map","06.catalog\u002F07.data\u002F07.world-map",{"title":547,"icon":548,"path":549,"stem":550,"children":551,"page":30},"效果","i-lucide-sparkles","\u002Fcatalog\u002Feffects","06.catalog\u002F08.effects",[552,556,560,564,568,572,576,580],{"title":553,"path":554,"stem":555},"差值混合","\u002Fcatalog\u002Feffects\u002Fcaption-blend-difference","06.catalog\u002F08.effects\u002F01.caption-blend-difference",{"title":557,"path":558,"stem":559},"胶片颗粒叠加","\u002Fcatalog\u002Feffects\u002Fgrain-overlay","06.catalog\u002F08.effects\u002F02.grain-overlay",{"title":561,"path":562,"stem":563},"网格像素化擦除","\u002Fcatalog\u002Feffects\u002Fgrid-pixelate-wipe","06.catalog\u002F08.effects\u002F03.grid-pixelate-wipe",{"title":565,"path":566,"stem":567},"视差缩小","\u002Fcatalog\u002Feffects\u002Fparallax-unzoom","06.catalog\u002F08.effects\u002F04.parallax-unzoom",{"title":569,"path":570,"stem":571},"视差放大","\u002Fcatalog\u002Feffects\u002Fparallax-zoom","06.catalog\u002F08.effects\u002F05.parallax-zoom",{"title":573,"path":574,"stem":575},"微光扫过","\u002Fcatalog\u002Feffects\u002Fshimmer-sweep","06.catalog\u002F08.effects\u002F06.shimmer-sweep",{"title":577,"path":578,"stem":579},"纹理遮罩文字","\u002Fcatalog\u002Feffects\u002Ftexture-mask-text","06.catalog\u002F08.effects\u002F07.texture-mask-text",{"title":581,"path":582,"stem":583},"暗角","\u002Fcatalog\u002Feffects\u002Fvignette","06.catalog\u002F08.effects\u002F08.vignette",{"title":585,"icon":586,"path":587,"stem":588,"children":589,"page":30},"区块","i-lucide-box","\u002Fcatalog\u002Fblocks","06.catalog\u002F09.blocks",[590,594],{"title":591,"path":592,"stem":593},"流程图","\u002Fcatalog\u002Fblocks\u002Fflowchart","06.catalog\u002F09.blocks\u002F01.flowchart",{"title":595,"path":596,"stem":597},"Logo 片尾","\u002Fcatalog\u002Fblocks\u002Flogo-outro","06.catalog\u002F09.blocks\u002F02.logo-outro",{"title":599,"icon":600,"path":601,"stem":602,"children":603,"page":30},"代码片段","i-lucide-code-2","\u002Fcatalog\u002Fcode-snippets","06.catalog\u002F10.code-snippets",[604,608,612,616,620,624,628,632,636,640,644,648],{"title":605,"path":606,"stem":607},"Dark 2026","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-dark-2026","06.catalog\u002F10.code-snippets\u002F01.code-snippet-dark-2026",{"title":609,"path":610,"stem":611},"Dark Modern","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-dark-modern","06.catalog\u002F10.code-snippets\u002F02.code-snippet-dark-modern",{"title":613,"path":614,"stem":615},"Dark+","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-dark-plus","06.catalog\u002F10.code-snippets\u002F03.code-snippet-dark-plus",{"title":617,"path":618,"stem":619},"High Contrast","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-high-contrast","06.catalog\u002F10.code-snippets\u002F04.code-snippet-high-contrast",{"title":621,"path":622,"stem":623},"High Contrast Light","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-high-contrast-light","06.catalog\u002F10.code-snippets\u002F05.code-snippet-high-contrast-light",{"title":625,"path":626,"stem":627},"Light 2026","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-light-2026","06.catalog\u002F10.code-snippets\u002F06.code-snippet-light-2026",{"title":629,"path":630,"stem":631},"Light Modern","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-light-modern","06.catalog\u002F10.code-snippets\u002F07.code-snippet-light-modern",{"title":633,"path":634,"stem":635},"Light+","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-light-plus","06.catalog\u002F10.code-snippets\u002F08.code-snippet-light-plus",{"title":637,"path":638,"stem":639},"Monokai","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-monokai","06.catalog\u002F10.code-snippets\u002F09.code-snippet-monokai",{"title":641,"path":642,"stem":643},"Solarized Light","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-solarized-light","06.catalog\u002F10.code-snippets\u002F10.code-snippet-solarized-light",{"title":645,"path":646,"stem":647},"Visual Studio Dark","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-visual-studio-dark","06.catalog\u002F10.code-snippets\u002F11.code-snippet-visual-studio-dark",{"title":649,"path":650,"stem":651},"Visual Studio Light","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-visual-studio-light","06.catalog\u002F10.code-snippets\u002F12.code-snippet-visual-studio-light",{"title":653,"icon":654,"path":655,"stem":656,"children":657,"page":30},"参考","i-lucide-book-marked","\u002Freference","07.reference",[658,662,666,670,674,678,682],{"title":659,"path":660,"stem":661},"HTML Schema 参考","\u002Freference\u002Fhtml-schema","07.reference\u002F01.html-schema",{"title":663,"path":664,"stem":665},"贡献指南","\u002Freference\u002Fcontributing","07.reference\u002F02.contributing",{"title":667,"path":668,"stem":669},"贡献到 Catalog","\u002Freference\u002Fcatalog","07.reference\u002F03.catalog",{"title":671,"path":672,"stem":673},"发布渠道","\u002Freference\u002Frelease-channels","07.reference\u002F04.release-channels",{"title":675,"path":676,"stem":677},"测试本地 CLI 变更","\u002Freference\u002Ftesting-local-changes","07.reference\u002F05.testing-local-changes",{"title":679,"path":680,"stem":681},"Studio 手动 DOM 编辑","\u002Freference\u002Fstudio-manual-dom-editing","07.reference\u002F06.studio-manual-dom-editing",{"title":683,"path":684,"stem":685},"采用者","\u002Freference\u002Fadopters","07.reference\u002F07.adopters",{"id":687,"title":128,"body":688,"description":2432,"extension":2433,"links":2434,"meta":2435,"navigation":1922,"path":129,"seo":2436,"stem":130,"__hash__":2437},"docs\u002F03.guides\u002F17.video-editor-cheatsheet.md",{"type":689,"value":690,"toc":2414},"minimark",[691,695,699,754,765,768,787,790,834,837,860,863,893,896,899,974,977,1011,1026,1029,1032,1045,1052,1072,1082,1086,1173,1192,1196,1268,1284,1287,1313,1316,1416,1428,1431,1434,1442,1446,1449,1452,1467,1470,1487,1490,1496,1500,1654,1657,1660,1758,1761,1832,1835,2050,2065,2068,2131,2138,2141,2148,2162,2169,2203,2225,2229,2235,2238,2276,2279,2288,2291,2378,2410],[692,693,694],"p",{},"当你在指导代理、剪辑时间、进行视觉布局调整、预览和分享 HyperFrames 项目时，将此作为快速参考。",[696,697,698],"h2",{"id":698},"快速循环",[700,701,706],"pre",{"className":702,"code":703,"language":704,"meta":705,"style":705},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npx hyperframes init my-video --example blank\ncd my-video\nnpx hyperframes preview\n","bash","",[707,708,709,734,744],"code",{"__ignoreMap":705},[710,711,714,718,722,725,728,731],"span",{"class":712,"line":713},"line",1,[710,715,717],{"class":716},"sBMFI","npx",[710,719,721],{"class":720},"sfazB"," hyperframes",[710,723,724],{"class":720}," init",[710,726,727],{"class":720}," my-video",[710,729,730],{"class":720}," --example",[710,732,733],{"class":720}," blank\n",[710,735,737,741],{"class":712,"line":736},2,[710,738,740],{"class":739},"s2Zo4","cd",[710,742,743],{"class":720}," my-video\n",[710,745,747,749,751],{"class":712,"line":746},3,[710,748,717],{"class":716},[710,750,721],{"class":720},[710,752,753],{"class":720}," preview\n",[692,755,756,757,760,761,764],{},"在代理编辑 ",[707,758,759],{},"index.html"," 或 ",[707,762,763],{},"compositions\u002F"," 中的文件时保持预览运行。Studio 自动更新，因此你可以指导代理、拖动查看结果、手动进行视觉调整，然后重复。",[692,766,767],{},"大多数生产工作应该像这样：",[769,770,771,775,778,781,784],"ol",{},[772,773,774],"li",{},"要求代理进行初剪、场景、字幕、过渡或清理。",[772,776,777],{},"使用 Studio 预览和时间轴检查时间。",[772,779,780],{},"使用手动 DOM 编辑进行类似 Figma 的布局调整：选择元素、移动它们、直接调整视觉属性。",[772,782,783],{},"要求代理清理或泛化你手动更改的任何内容。",[772,785,786],{},"Lint、验证、渲染、发布。",[692,788,789],{},"在展示或渲染项目之前：",[700,791,793],{"className":702,"code":792,"language":704,"meta":705,"style":705},"npx hyperframes lint\nnpx hyperframes validate\nnpx hyperframes render --quality standard --output review.mp4\n",[707,794,795,804,813],{"__ignoreMap":705},[710,796,797,799,801],{"class":712,"line":713},[710,798,717],{"class":716},[710,800,721],{"class":720},[710,802,803],{"class":720}," lint\n",[710,805,806,808,810],{"class":712,"line":736},[710,807,717],{"class":716},[710,809,721],{"class":720},[710,811,812],{"class":720}," validate\n",[710,814,815,817,819,822,825,828,831],{"class":712,"line":746},[710,816,717],{"class":716},[710,818,721],{"class":720},[710,820,821],{"class":720}," render",[710,823,824],{"class":720}," --quality",[710,826,827],{"class":720}," standard",[710,829,830],{"class":720}," --output",[710,832,833],{"class":720}," review.mp4\n",[692,835,836],{},"快速迭代渲染使用草稿质量：",[700,838,840],{"className":702,"code":839,"language":704,"meta":705,"style":705},"npx hyperframes render --quality draft --output draft.mp4\n",[707,841,842],{"__ignoreMap":705},[710,843,844,846,848,850,852,855,857],{"class":712,"line":713},[710,845,717],{"class":716},[710,847,721],{"class":720},[710,849,821],{"class":720},[710,851,824],{"class":720},[710,853,854],{"class":720}," draft",[710,856,830],{"class":720},[710,858,859],{"class":720}," draft.mp4\n",[692,861,862],{},"最终交付：",[700,864,866],{"className":702,"code":865,"language":704,"meta":705,"style":705},"npx hyperframes render --quality high --fps 30 --output final.mp4\n",[707,867,868],{"__ignoreMap":705},[710,869,870,872,874,876,878,881,884,888,890],{"class":712,"line":713},[710,871,717],{"class":716},[710,873,721],{"class":720},[710,875,821],{"class":720},[710,877,824],{"class":720},[710,879,880],{"class":720}," high",[710,882,883],{"class":720}," --fps",[710,885,887],{"class":886},"sbssI"," 30",[710,889,830],{"class":720},[710,891,892],{"class":720}," final.mp4\n",[696,894,895],{"id":895},"终端快捷方式",[692,897,898],{},"快速在项目间导航：",[700,900,902],{"className":702,"code":901,"language":704,"meta":705,"style":705},"pwd                 # show current folder\nls                  # list files\ncd my-video         # enter a project folder\ncd ..               # go up one folder\ncd -                # jump back to the previous folder\nopen .              # open the current folder in Finder on macOS\ncode .              # open the current folder in VS Code, if installed\n",[707,903,904,913,921,930,941,952,964],{"__ignoreMap":705},[710,905,906,909],{"class":712,"line":713},[710,907,908],{"class":739},"pwd",[710,910,912],{"class":911},"sHwdD","                 # show current folder\n",[710,914,915,918],{"class":712,"line":736},[710,916,917],{"class":716},"ls",[710,919,920],{"class":911},"                  # list files\n",[710,922,923,925,927],{"class":712,"line":746},[710,924,740],{"class":739},[710,926,727],{"class":720},[710,928,929],{"class":911},"         # enter a project folder\n",[710,931,933,935,938],{"class":712,"line":932},4,[710,934,740],{"class":739},[710,936,937],{"class":720}," ..",[710,939,940],{"class":911},"               # go up one folder\n",[710,942,944,946,949],{"class":712,"line":943},5,[710,945,740],{"class":739},[710,947,948],{"class":720}," -",[710,950,951],{"class":911},"                # jump back to the previous folder\n",[710,953,955,958,961],{"class":712,"line":954},6,[710,956,957],{"class":716},"open",[710,959,960],{"class":720}," .",[710,962,963],{"class":911},"              # open the current folder in Finder on macOS\n",[710,965,967,969,971],{"class":712,"line":966},7,[710,968,707],{"class":716},[710,970,960],{"class":720},[710,972,973],{"class":911},"              # open the current folder in VS Code, if installed\n",[692,975,976],{},"常见的 HyperFrames 项目文件夹：",[700,978,980],{"className":702,"code":979,"language":704,"meta":705,"style":705},"cd assets           # source videos, images, audio\ncd compositions     # reusable scenes and overlays\ncd ..               # back to the project root\n",[707,981,982,992,1002],{"__ignoreMap":705},[710,983,984,986,989],{"class":712,"line":713},[710,985,740],{"class":739},[710,987,988],{"class":720}," assets",[710,990,991],{"class":911},"           # source videos, images, audio\n",[710,993,994,996,999],{"class":712,"line":736},[710,995,740],{"class":739},[710,997,998],{"class":720}," compositions",[710,1000,1001],{"class":911},"     # reusable scenes and overlays\n",[710,1003,1004,1006,1008],{"class":712,"line":746},[710,1005,740],{"class":739},[710,1007,937],{"class":720},[710,1009,1010],{"class":911},"               # back to the project root\n",[692,1012,1013,1014,1016,1017,1019,1020,1022,1023,1025],{},"在项目根目录（",[707,1015,759],{}," 所在位置）运行 HyperFrames 命令。如果你不确定在哪里，运行 ",[707,1018,908],{}," 然后 ",[707,1021,917],{},"。如果看到 ",[707,1024,759],{},"，你就在正确的位置。",[696,1027,1028],{"id":1028},"预览快捷方式",[692,1030,1031],{},"启动 Studio：",[700,1033,1035],{"className":702,"code":1034,"language":704,"meta":705,"style":705},"npx hyperframes preview\n",[707,1036,1037],{"__ignoreMap":705},[710,1038,1039,1041,1043],{"class":712,"line":713},[710,1040,717],{"class":716},[710,1042,721],{"class":720},[710,1044,753],{"class":720},[692,1046,1047,1048,1051],{},"如果 ",[707,1049,1050],{},"3002"," 端口已被占用，使用其他端口：",[700,1053,1055],{"className":702,"code":1054,"language":704,"meta":705,"style":705},"npx hyperframes preview --port 4567\n",[707,1056,1057],{"__ignoreMap":705},[710,1058,1059,1061,1063,1066,1069],{"class":712,"line":713},[710,1060,717],{"class":716},[710,1062,721],{"class":720},[710,1064,1065],{"class":720}," preview",[710,1067,1068],{"class":720}," --port",[710,1070,1071],{"class":886}," 4567\n",[692,1073,1074,1075,1078,1079,1081],{},"在 Studio 内部，快捷方式的分组与播放栏的 ",[707,1076,1077],{},"⌨"," 面板相同——播放优先，然后是工作区标记、视图控制和应用级命令。打开播放栏中的 ",[707,1080,1077],{}," 面板查看应用内速查表、帧跳转输入和入点\u002F出点的实时读数。",[1083,1084,1085],"h3",{"id":1085},"播放",[1087,1088,1089,1102],"table",{},[1090,1091,1092],"thead",{},[1093,1094,1095,1099],"tr",{},[1096,1097,1098],"th",{},"快捷方式",[1096,1100,1101],{},"操作",[1103,1104,1105,1116,1126,1136,1146,1160],"tbody",{},[1093,1106,1107,1113],{},[1108,1109,1110],"td",{},[707,1111,1112],{},"Space",[1108,1114,1115],{},"播放或暂停",[1093,1117,1118,1123],{},[1108,1119,1120],{},[707,1121,1122],{},"K",[1108,1124,1125],{},"停止",[1093,1127,1128,1133],{},[1108,1129,1130],{},[707,1131,1132],{},"J",[1108,1134,1135],{},"反向播放（再次按下加速穿梭）",[1093,1137,1138,1143],{},[1108,1139,1140],{},[707,1141,1142],{},"L",[1108,1144,1145],{},"正向播放（再次按下加速穿梭）",[1093,1147,1148,1157],{},[1108,1149,1150,1153,1154],{},[707,1151,1152],{},"←"," \u002F ",[707,1155,1156],{},"→",[1108,1158,1159],{},"前进\u002F后退 1 帧",[1093,1161,1162,1170],{},[1108,1163,1164,1153,1167],{},[707,1165,1166],{},"Shift+←",[707,1168,1169],{},"Shift+→",[1108,1171,1172],{},"前进\u002F后退 10 帧",[692,1174,1175,1177,1178,1180,1181,1183,1184,1186,1187,760,1189,1191],{},[707,1176,1132],{}," 和 ",[707,1179,1142],{}," 构成经典的 NLE 穿梭：每次重复都会提升播放速率。在穿梭间按 ",[707,1182,1122],{}," 停止。按住 ",[707,1185,1122],{}," 时，按 ",[707,1188,1132],{},[707,1190,1142],{}," 向该方向逐帧前进。",[1083,1193,1195],{"id":1194},"工作区入点-出点","工作区（入点 \u002F 出点）",[1087,1197,1198,1206],{},[1090,1199,1200],{},[1093,1201,1202,1204],{},[1096,1203,1098],{},[1096,1205,1101],{},[1103,1207,1208,1218,1228,1238,1248,1258],{},[1093,1209,1210,1215],{},[1108,1211,1212],{},[707,1213,1214],{},"I",[1108,1216,1217],{},"在播放头位置设置入点",[1093,1219,1220,1225],{},[1108,1221,1222],{},[707,1223,1224],{},"Shift+I",[1108,1226,1227],{},"清除入点",[1093,1229,1230,1235],{},[1108,1231,1232],{},[707,1233,1234],{},"O",[1108,1236,1237],{},"在播放头位置设置出点",[1093,1239,1240,1245],{},[1108,1241,1242],{},[707,1243,1244],{},"Shift+O",[1108,1246,1247],{},"清除出点",[1093,1249,1250,1255],{},[1108,1251,1252],{},[707,1253,1254],{},"A",[1108,1256,1257],{},"跳转到入点（未设置则跳转到合成起始）",[1093,1259,1260,1265],{},[1108,1261,1262],{},[707,1263,1264],{},"E",[1108,1266,1267],{},"跳转到出点（未设置则跳转到合成结束）",[692,1269,1270,1271,1275,1276,1278,1279,1177,1281,1283],{},"入点和出点定义一个",[1272,1273,1274],"strong",{},"工作区","。开启循环时，正向和反向播放都在这些边界内循环——适用于收紧过渡或在不裁剪单个片段的情况下拖动查看。搜索条在入点和出点之间渲染一个青色带，并在每个点上显示刻度标记。从 ",[707,1277,1077],{}," 面板或使用 ",[707,1280,1224],{},[707,1282,1244],{}," 清除标记。",[1083,1285,1286],{"id":1286},"视图",[1087,1288,1289,1297],{},[1090,1290,1291],{},[1093,1292,1293,1295],{},[1096,1294,1098],{},[1096,1296,1101],{},[1103,1298,1299],{},[1093,1300,1301,1310],{},[1108,1302,1303,1153,1306,1309],{},[707,1304,1305],{},"Cmd+Scroll",[707,1307,1308],{},"Ctrl+Scroll"," 在预览上",[1108,1311,1312],{},"在光标位置缩放预览",[1083,1314,1315],{"id":1315},"应用",[1087,1317,1318,1326],{},[1090,1319,1320],{},[1093,1321,1322,1324],{},[1096,1323,1098],{},[1096,1325,1101],{},[1103,1327,1328,1338,1351,1364,1377,1393,1406],{},[1093,1329,1330,1335],{},[1108,1331,1332],{},[707,1333,1334],{},"Shift+T",[1108,1336,1337],{},"显示或隐藏时间轴编辑器",[1093,1339,1340,1348],{},[1108,1341,1342,1153,1345],{},[707,1343,1344],{},"Cmd+1",[707,1346,1347],{},"Ctrl+1",[1108,1349,1350],{},"将侧边栏切换到合成",[1093,1352,1353,1361],{},[1108,1354,1355,1153,1358],{},[707,1356,1357],{},"Cmd+2",[707,1359,1360],{},"Ctrl+2",[1108,1362,1363],{},"将侧边栏切换到素材",[1093,1365,1366,1374],{},[1108,1367,1368,1153,1371],{},[707,1369,1370],{},"Cmd+Z",[707,1372,1373],{},"Ctrl+Z",[1108,1375,1376],{},"撤销",[1093,1378,1379,1390],{},[1108,1380,1381,1153,1384,1153,1387],{},[707,1382,1383],{},"Cmd+Shift+Z",[707,1385,1386],{},"Ctrl+Shift+Z",[707,1388,1389],{},"Ctrl+Y",[1108,1391,1392],{},"重做",[1093,1394,1395,1403],{},[1108,1396,1397,1153,1400],{},[707,1398,1399],{},"Delete",[707,1401,1402],{},"Backspace",[1108,1404,1405],{},"删除选中的时间轴片段或 DOM 元素（当未在编辑器中输入时）",[1093,1407,1408,1413],{},[1108,1409,1410],{},[707,1411,1412],{},"Escape",[1108,1414,1415],{},"退出子合成或关闭编辑器对话框",[1417,1418,1419,1425],"blockquote",{},[692,1420,1421,1422],{},"💡 ",[1272,1423,1424],{},"Tip",[692,1426,1427],{},"预览使用与渲染相同的运行时，因此视觉帧与输出匹配。如果预览在重帧上卡顿但渲染正常，这是预期的——预览实时播放，渲染逐帧捕获。",[696,1429,1430],{"id":1430},"代理主导的编辑",[692,1432,1433],{},"要求代理在浏览器中验证可见更改。对于用户可见的编辑，一个好的交接是：",[700,1435,1440],{"className":1436,"code":1438,"language":1439},[1437],"language-text","Run the preview, check it with agent-browser, take a screenshot, and render a draft MP4 to take a look at the frames with ffmpeg.\n","text",[707,1441,1438],{"__ignoreMap":705},[696,1443,1445],{"id":1444},"手动-dom-编辑","手动 DOM 编辑",[692,1447,1448],{},"在 Studio 中，你可以可视化编辑 DOM，进行最后 10% 的创意调整——此时拖动比描述更快。",[692,1450,1451],{},"手动 DOM 编辑用于：",[1453,1454,1455,1458,1461,1464],"ul",{},[772,1456,1457],{},"将标题、字幕、产品卡片、logo 和覆盖层移动到正确位置",[772,1459,1460],{},"调整大小、间距、透明度、颜色和其他视觉属性",[772,1462,1463],{},"在精确时间戳检查合成平衡",[772,1465,1466],{},"进行类似 Figma 的位置调整",[692,1468,1469],{},"使用代理用于：",[1453,1471,1472,1475,1478,1481,1484],{},[772,1473,1474],{},"从零创建场景",[772,1476,1477],{},"重构重复的视觉模式",[772,1479,1480],{},"连接 GSAP 时间轴",[772,1482,1483],{},"修复损坏的时间、布局溢出或渲染错误",[772,1485,1486],{},"将手动视觉调整转化为可复用的干净 HTML\u002FCSS",[692,1488,1489],{},"手动 DOM 编辑后，要求代理检查差异并保持源代码干净：",[700,1491,1494],{"className":1492,"code":1493,"language":1439},[1437],"I moved the hero title and resized the CTA manually in Studio. Inspect the changes, clean up the CSS if needed, then run lint and validate.\n",[707,1495,1493],{"__ignoreMap":705},[696,1497,1499],{"id":1498},"编辑者最常用的-cli-命令","编辑者最常用的 CLI 命令",[1087,1501,1502,1512],{},[1090,1503,1504],{},[1093,1505,1506,1509],{},[1096,1507,1508],{},"命令",[1096,1510,1511],{},"用途",[1103,1513,1514,1524,1534,1544,1554,1564,1574,1584,1594,1604,1614,1624,1634,1644],{},[1093,1515,1516,1521],{},[1108,1517,1518],{},[707,1519,1520],{},"npx hyperframes init my-video",[1108,1522,1523],{},"创建新项目",[1093,1525,1526,1531],{},[1108,1527,1528],{},[707,1529,1530],{},"npx hyperframes init my-video --example warm-grain",[1108,1532,1533],{},"从视觉模板开始",[1093,1535,1536,1541],{},[1108,1537,1538],{},[707,1539,1540],{},"npx hyperframes init my-video --video source.mp4",[1108,1542,1543],{},"导入视频并从源音频生成字幕",[1093,1545,1546,1551],{},[1108,1547,1548],{},[707,1549,1550],{},"npx hyperframes capture https:\u002F\u002Fexample.com",[1108,1552,1553],{},"将网站捕获为视频素材",[1093,1555,1556,1561],{},[1108,1557,1558],{},[707,1559,1560],{},"npx hyperframes preview",[1108,1562,1563],{},"打开实时 Studio 预览",[1093,1565,1566,1571],{},[1108,1567,1568],{},[707,1569,1570],{},"npx hyperframes lint",[1108,1572,1573],{},"在预览或渲染前捕获结构错误",[1093,1575,1576,1581],{},[1108,1577,1578],{},[707,1579,1580],{},"npx hyperframes validate",[1108,1582,1583],{},"在无头 Chrome 中运行合成以捕获运行时错误",[1093,1585,1586,1591],{},[1108,1587,1588],{},[707,1589,1590],{},"npx hyperframes inspect",[1108,1592,1593],{},"查找时间轴中的文本溢出和布局问题",[1093,1595,1596,1601],{},[1108,1597,1598],{},[707,1599,1600],{},"npx hyperframes snapshot --at 1,3,5",[1108,1602,1603],{},"在精确时间戳保存 PNG 检查",[1093,1605,1606,1611],{},[1108,1607,1608],{},[707,1609,1610],{},"npx hyperframes render --output final.mp4",[1108,1612,1613],{},"渲染视频",[1093,1615,1616,1621],{},[1108,1617,1618],{},[707,1619,1620],{},"npx hyperframes publish",[1108,1622,1623],{},"上传项目并获取可分享的 HyperFrames URL",[1093,1625,1626,1631],{},[1108,1627,1628],{},[707,1629,1630],{},"npx hyperframes doctor",[1108,1632,1633],{},"检查 Node.js、FFmpeg、Chrome、Docker 和其他依赖",[1093,1635,1636,1641],{},[1108,1637,1638],{},[707,1639,1640],{},"npx hyperframes docs",[1108,1642,1643],{},"打开本地 CLI 文档",[1093,1645,1646,1651],{},[1108,1647,1648],{},[707,1649,1650],{},"npx hyperframes upgrade",[1108,1652,1653],{},"检查更新的 CLI 版本",[696,1655,1656],{"id":1656},"时间速查表",[692,1658,1659],{},"每个可见的定时层通常应该是一个片段：",[700,1661,1665],{"className":1662,"code":1663,"language":1664,"meta":705,"style":705},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ch1\nclass=\"clip\"\ndata-start=\"0\"\ndata-duration=\"3\"\ndata-track-index=\"0\"\n>\nOpening title\n\u003C\u002Fh1>\n","html",[707,1666,1667,1677,1695,1709,1723,1736,1741,1747],{"__ignoreMap":705},[710,1668,1669,1673],{"class":712,"line":713},[710,1670,1672],{"class":1671},"sMK4o","\u003C",[710,1674,1676],{"class":1675},"swJcz","h1\n",[710,1678,1679,1683,1686,1689,1692],{"class":712,"line":736},[710,1680,1682],{"class":1681},"spNyl","class",[710,1684,1685],{"class":1671},"=",[710,1687,1688],{"class":1671},"\"",[710,1690,1691],{"class":720},"clip",[710,1693,1694],{"class":1671},"\"\n",[710,1696,1697,1700,1702,1704,1707],{"class":712,"line":746},[710,1698,1699],{"class":1681},"data-start",[710,1701,1685],{"class":1671},[710,1703,1688],{"class":1671},[710,1705,1706],{"class":720},"0",[710,1708,1694],{"class":1671},[710,1710,1711,1714,1716,1718,1721],{"class":712,"line":932},[710,1712,1713],{"class":1681},"data-duration",[710,1715,1685],{"class":1671},[710,1717,1688],{"class":1671},[710,1719,1720],{"class":720},"3",[710,1722,1694],{"class":1671},[710,1724,1725,1728,1730,1732,1734],{"class":712,"line":943},[710,1726,1727],{"class":1681},"data-track-index",[710,1729,1685],{"class":1671},[710,1731,1688],{"class":1671},[710,1733,1706],{"class":720},[710,1735,1694],{"class":1671},[710,1737,1738],{"class":712,"line":954},[710,1739,1740],{"class":1671},">\n",[710,1742,1743],{"class":712,"line":966},[710,1744,1746],{"class":1745},"sTEyZ","Opening title\n",[710,1748,1750,1753,1756],{"class":712,"line":1749},8,[710,1751,1752],{"class":1671},"\u003C\u002F",[710,1754,1755],{"class":1675},"h1",[710,1757,1740],{"class":1671},[692,1759,1760],{},"像时间轴控件一样使用这些属性：",[1087,1762,1763,1773],{},[1090,1764,1765],{},[1093,1766,1767,1770],{},[1096,1768,1769],{},"属性",[1096,1771,1772],{},"视频编辑器含义",[1103,1774,1775,1784,1793,1802,1812,1822],{},[1093,1776,1777,1781],{},[1108,1778,1779],{},[707,1780,1699],{},[1108,1782,1783],{},"层何时开始",[1093,1785,1786,1790],{},[1108,1787,1788],{},[707,1789,1713],{},[1108,1791,1792],{},"层保持活跃的时间",[1093,1794,1795,1799],{},[1108,1796,1797],{},[707,1798,1727],{},[1108,1800,1801],{},"时间轴轨道编号",[1093,1803,1804,1809],{},[1108,1805,1806],{},[707,1807,1808],{},"data-media-start",[1108,1810,1811],{},"媒体文件的偏移",[1093,1813,1814,1819],{},[1108,1815,1816],{},[707,1817,1818],{},"data-volume",[1108,1820,1821],{},"音频或视频片段的音量",[1093,1823,1824,1829],{},[1108,1825,1826],{},[707,1827,1828],{},"data-composition-src",[1108,1830,1831],{},"嵌套场景或可复用覆盖层",[692,1833,1834],{},"对于 GSAP 动画，为每个合成注册一个暂停的时间轴：",[700,1836,1838],{"className":1662,"code":1837,"language":1664,"meta":705,"style":705},"\u003Cscript>\nwindow.__timelines = window.__timelines || {};\nconst tl = gsap.timeline({ paused: true });\n\nl.from(\"#title\", { opacity: 0, y: 40, duration: 0.6 });\nl.set({}, {}, 5); \u002F\u002F keeps the timeline at least 5 seconds long\n\nwindow.__timelines[\"main\"] = tl;\n\u003C\u002Fscript>\n",[707,1839,1840,1849,1875,1918,1924,1983,2011,2015,2041],{"__ignoreMap":705},[710,1841,1842,1844,1847],{"class":712,"line":713},[710,1843,1672],{"class":1671},[710,1845,1846],{"class":1675},"script",[710,1848,1740],{"class":1671},[710,1850,1851,1854,1857,1860,1862,1865,1867,1869,1872],{"class":712,"line":736},[710,1852,1853],{"class":1745},"window",[710,1855,1856],{"class":1671},".",[710,1858,1859],{"class":1745},"__timelines ",[710,1861,1685],{"class":1671},[710,1863,1864],{"class":1745}," window",[710,1866,1856],{"class":1671},[710,1868,1859],{"class":1745},[710,1870,1871],{"class":1671},"||",[710,1873,1874],{"class":1671}," {};\n",[710,1876,1877,1880,1883,1885,1888,1890,1893,1896,1899,1902,1905,1909,1912,1915],{"class":712,"line":746},[710,1878,1879],{"class":1681},"const",[710,1881,1882],{"class":1745}," tl ",[710,1884,1685],{"class":1671},[710,1886,1887],{"class":1745}," gsap",[710,1889,1856],{"class":1671},[710,1891,1892],{"class":739},"timeline",[710,1894,1895],{"class":1745},"(",[710,1897,1898],{"class":1671},"{",[710,1900,1901],{"class":1675}," paused",[710,1903,1904],{"class":1671},":",[710,1906,1908],{"class":1907},"sfNiH"," true",[710,1910,1911],{"class":1671}," }",[710,1913,1914],{"class":1745},")",[710,1916,1917],{"class":1671},";\n",[710,1919,1920],{"class":712,"line":932},[710,1921,1923],{"emptyLinePlaceholder":1922},true,"\n",[710,1925,1926,1929,1931,1934,1936,1938,1941,1943,1946,1949,1952,1954,1957,1959,1962,1964,1967,1969,1972,1974,1977,1979,1981],{"class":712,"line":943},[710,1927,1928],{"class":1745},"l",[710,1930,1856],{"class":1671},[710,1932,1933],{"class":739},"from",[710,1935,1895],{"class":1745},[710,1937,1688],{"class":1671},[710,1939,1940],{"class":720},"#title",[710,1942,1688],{"class":1671},[710,1944,1945],{"class":1671},",",[710,1947,1948],{"class":1671}," {",[710,1950,1951],{"class":1675}," opacity",[710,1953,1904],{"class":1671},[710,1955,1956],{"class":886}," 0",[710,1958,1945],{"class":1671},[710,1960,1961],{"class":1675}," y",[710,1963,1904],{"class":1671},[710,1965,1966],{"class":886}," 40",[710,1968,1945],{"class":1671},[710,1970,1971],{"class":1675}," duration",[710,1973,1904],{"class":1671},[710,1975,1976],{"class":886}," 0.6",[710,1978,1911],{"class":1671},[710,1980,1914],{"class":1745},[710,1982,1917],{"class":1671},[710,1984,1985,1987,1989,1992,1994,1997,2000,2003,2005,2008],{"class":712,"line":954},[710,1986,1928],{"class":1745},[710,1988,1856],{"class":1671},[710,1990,1991],{"class":739},"set",[710,1993,1895],{"class":1745},[710,1995,1996],{"class":1671},"{},",[710,1998,1999],{"class":1671}," {},",[710,2001,2002],{"class":886}," 5",[710,2004,1914],{"class":1745},[710,2006,2007],{"class":1671},";",[710,2009,2010],{"class":911}," \u002F\u002F keeps the timeline at least 5 seconds long\n",[710,2012,2013],{"class":712,"line":966},[710,2014,1923],{"emptyLinePlaceholder":1922},[710,2016,2017,2019,2021,2024,2026,2029,2031,2034,2036,2039],{"class":712,"line":1749},[710,2018,1853],{"class":1745},[710,2020,1856],{"class":1671},[710,2022,2023],{"class":1745},"__timelines[",[710,2025,1688],{"class":1671},[710,2027,2028],{"class":720},"main",[710,2030,1688],{"class":1671},[710,2032,2033],{"class":1745},"] ",[710,2035,1685],{"class":1671},[710,2037,2038],{"class":1745}," tl",[710,2040,1917],{"class":1671},[710,2042,2044,2046,2048],{"class":712,"line":2043},9,[710,2045,1752],{"class":1671},[710,2047,1846],{"class":1675},[710,2049,1740],{"class":1671},[1417,2051,2052,2058],{},[692,2053,2054,2055],{},"⚠️ ",[1272,2056,2057],{},"Warning",[692,2059,2060,2061,2064],{},"如果视频提前截断，检查 GSAP 时间轴是否至少与预期编辑一样长。最后的 ",[707,2062,2063],{},"tl.set({}, {}, 5)"," 模式是修复方法。",[696,2066,2067],{"id":2067},"渲染预设",[1087,2069,2070,2079],{},[1090,2071,2072],{},[1093,2073,2074,2077],{},[1096,2075,2076],{},"目标",[1096,2078,1508],{},[1103,2080,2081,2091,2101,2111,2121],{},[1093,2082,2083,2086],{},[1108,2084,2085],{},"快速迭代",[1108,2087,2088],{},[707,2089,2090],{},"npx hyperframes render --quality draft --output draft.mp4",[1093,2092,2093,2096],{},[1108,2094,2095],{},"审查链接",[1108,2097,2098],{},[707,2099,2100],{},"npx hyperframes render --quality standard --output review.mp4",[1093,2102,2103,2106],{},[1108,2104,2105],{},"最终导出",[1108,2107,2108],{},[707,2109,2110],{},"npx hyperframes render --quality high --fps 30 --output final.mp4",[1093,2112,2113,2116],{},[1108,2114,2115],{},"透明覆盖层",[1108,2117,2118],{},[707,2119,2120],{},"npx hyperframes render --format webm --output overlay.webm",[1093,2122,2123,2126],{},[1108,2124,2125],{},"确定性输出",[1108,2127,2128],{},[707,2129,2130],{},"npx hyperframes render --docker --output final.mp4",[692,2132,2133,2134,2137],{},"透明覆盖层、字幕和底部字幕条使用 WebM。需要跨不同机器像素一致的输出时使用 ",[707,2135,2136],{},"--docker","。",[696,2139,2140],{"id":2140},"发布和分享",[692,2142,2143,2144,2147],{},"当你想分享可编辑项目（而非仅渲染的 MP4）时使用 ",[707,2145,2146],{},"publish","：",[700,2149,2151],{"className":702,"code":2150,"language":704,"meta":705,"style":705},"npx hyperframes publish\n",[707,2152,2153],{"__ignoreMap":705},[710,2154,2155,2157,2159],{"class":712,"line":713},[710,2156,717],{"class":716},[710,2158,721],{"class":720},[710,2160,2161],{"class":720}," publish\n",[692,2163,2164,2165,2168],{},"Publish 将当前项目打包为 zip，上传，并打印一个稳定的 ",[707,2166,2167],{},"hyperframes.dev"," URL。URL 包含认领令牌，接收者可以打开它、认领项目并继续在 Web 应用中编辑。",[700,2170,2172],{"className":702,"code":2171,"language":704,"meta":705,"style":705},"npx hyperframes publish .\u002Fmy-video   # publish a specific folder\nnpx hyperframes publish --yes        # skip the confirmation prompt in scripts\n",[707,2173,2174,2189],{"__ignoreMap":705},[710,2175,2176,2178,2180,2183,2186],{"class":712,"line":713},[710,2177,717],{"class":716},[710,2179,721],{"class":720},[710,2181,2182],{"class":720}," publish",[710,2184,2185],{"class":720}," .\u002Fmy-video",[710,2187,2188],{"class":911},"   # publish a specific folder\n",[710,2190,2191,2193,2195,2197,2200],{"class":712,"line":736},[710,2192,717],{"class":716},[710,2194,721],{"class":720},[710,2196,2182],{"class":720},[710,2198,2199],{"class":720}," --yes",[710,2201,2202],{"class":911},"        # skip the confirmation prompt in scripts\n",[692,2204,2205,2206,2208,2209,2212,2213,2212,2216,2212,2219,1177,2222,2137],{},"Publish 期望项目根目录有 ",[707,2207,759],{},"。它忽略 ",[707,2210,2211],{},".git","、",[707,2214,2215],{},"node_modules",[707,2217,2218],{},"dist",[707,2220,2221],{},".next",[707,2223,2224],{},"coverage",[696,2226,2228],{"id":2227},"什么是-agent-browser","什么是 Agent Browser",[692,2230,2231,2234],{},[707,2232,2233],{},"agent-browser"," 是面向 AI 代理的浏览器自动化工具。它打开 Chrome，导航到你的预览，点击控件，读取页面状态，并捕获截图。这是代理证明视频预览确实有效的方式，而不仅仅是说代码看起来正确。",[692,2236,2237],{},"典型验证流程：",[700,2239,2241],{"className":702,"code":2240,"language":704,"meta":705,"style":705},"agent-browser open http:\u002F\u002Flocalhost:3002\nagent-browser snapshot -i\nagent-browser screenshot --screenshot-dir .\u002Fqa\n",[707,2242,2243,2253,2263],{"__ignoreMap":705},[710,2244,2245,2247,2250],{"class":712,"line":713},[710,2246,2233],{"class":716},[710,2248,2249],{"class":720}," open",[710,2251,2252],{"class":720}," http:\u002F\u002Flocalhost:3002\n",[710,2254,2255,2257,2260],{"class":712,"line":736},[710,2256,2233],{"class":716},[710,2258,2259],{"class":720}," snapshot",[710,2261,2262],{"class":720}," -i\n",[710,2264,2265,2267,2270,2273],{"class":712,"line":746},[710,2266,2233],{"class":716},[710,2268,2269],{"class":720}," screenshot",[710,2271,2272],{"class":720}," --screenshot-dir",[710,2274,2275],{"class":720}," .\u002Fqa\n",[692,2277,2278],{},"当你想让代理打开 HyperFrames Studio 预览、播放或拖动视频、点击时间轴控件、检查可见 UI 文本、捕获截图审查，或记录已测试流程的证据时使用。",[692,2280,2281,2282,2284,2285,2287],{},"对于面向编辑器的更改，保持 ",[707,2283,1560],{}," 运行，然后让代理使用 ",[707,2286,2233],{}," 对本地预览 URL 操作。",[696,2289,2290],{"id":2290},"快速修复",[1087,2292,2293,2303],{},[1090,2294,2295],{},[1093,2296,2297,2300],{},[1096,2298,2299],{},"问题",[1096,2301,2302],{},"命令或检查",[1103,2304,2305,2314,2324,2335,2345,2354,2369],{},[1093,2306,2307,2310],{},[1108,2308,2309],{},"预览无法启动",[1108,2311,2312],{},[707,2313,1630],{},[1093,2315,2316,2319],{},[1108,2317,2318],{},"端口已被占用",[1108,2320,2321],{},[707,2322,2323],{},"npx hyperframes preview --port 4567",[1093,2325,2326,2329],{},[1108,2327,2328],{},"渲染失败",[1108,2330,2331,1019,2333],{},[707,2332,1570],{},[707,2334,1580],{},[1093,2336,2337,2340],{},[1108,2338,2339],{},"需要精确帧检查",[1108,2341,2342],{},[707,2343,2344],{},"npx hyperframes snapshot --at 1,2.5,5",[1093,2346,2347,2350],{},[1108,2348,2349],{},"文本在帧中溢出",[1108,2351,2352],{},[707,2353,1590],{},[1093,2355,2356,2359],{},[1108,2357,2358],{},"最终渲染太慢",[1108,2360,2361,2362,2365,2366],{},"尝试 ",[707,2363,2364],{},"--quality draft","，减小图片大小，或降低 ",[707,2367,2368],{},"--fps",[1093,2370,2371,2374],{},[1108,2372,2373],{},"需要分享可编辑项目",[1108,2375,2376],{},[707,2377,1620],{},[1453,2379,2380,2388,2395,2402],{},[772,2381,2382,2387],{},[1272,2383,2384],{},[2385,2386,92],"a",{"href":93},"\n如何指导 AI 代理构建更好的视频",[772,2389,2390,2394],{},[1272,2391,2392],{},[2385,2393,124],{"href":125},"\n时间、轨道和 GSAP 时间轴模式",[772,2396,2397,2401],{},[1272,2398,2399],{},[2385,2400,132],{"href":133},"\nLinter 无法捕获的陷阱",[772,2403,2404,2409],{},[1272,2405,2406],{},[2385,2407,2408],{"href":196},"CLI 参考","\n完整命令参考",[2411,2412,2413],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":705,"searchDepth":713,"depth":736,"links":2415},[2416,2417,2418,2424,2425,2426,2427,2428,2429,2430,2431],{"id":698,"depth":736,"text":698},{"id":895,"depth":736,"text":895},{"id":1028,"depth":736,"text":1028,"children":2419},[2420,2421,2422,2423],{"id":1085,"depth":746,"text":1085},{"id":1194,"depth":746,"text":1195},{"id":1286,"depth":746,"text":1286},{"id":1315,"depth":746,"text":1315},{"id":1430,"depth":736,"text":1430},{"id":1444,"depth":736,"text":1445},{"id":1498,"depth":736,"text":1499},{"id":1656,"depth":736,"text":1656},{"id":2067,"depth":736,"text":2067},{"id":2140,"depth":736,"text":2140},{"id":2227,"depth":736,"text":2228},{"id":2290,"depth":736,"text":2290},"视频编辑者和指导代理的创意人员的快速参考，涵盖时间剪辑、布局调整、预览和发布 HyperFrames 项目。","md",null,{},{"title":128,"description":2432},"5hyxA4RJqS-sm-E8ivk60cClWU5a9mx1U5vkBcBkN2g",[2439,2441],{"title":124,"path":125,"stem":126,"description":2440,"children":-1},"目前在 Studio 时间轴中可以编辑的内容、这些编辑如何映射回 HTML，以及当前的限制。",{"title":132,"path":133,"stem":134,"description":2442,"children":-1},"破坏 Hyperframes 合成的常见陷阱。",1780322250927]