[{"data":1,"prerenderedAt":3724},["ShallowReactive",2],{"navigation":3,"\u002Fguides\u002Fremove-background":686,"\u002Fguides\u002Fremove-background-surround":3719},[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":108,"body":688,"description":3713,"extension":3714,"links":3715,"meta":3716,"navigation":769,"path":109,"seo":3717,"stem":110,"__hash__":3718},"docs\u002F03.guides\u002F12.remove-background.md",{"type":689,"value":690,"toc":3676},"minimark",[691,705,712,715,720,731,790,797,800,825,832,835,843,846,852,983,990,993,996,1002,1014,1028,1031,1109,1169,1173,1192,1229,1281,1288,1308,1312,1322,1384,1390,1455,1458,1461,1474,1697,1709,1711,1721,1796,1799,1802,1808,1818,1843,1858,1890,1901,1904,1907,1912,2037,2042,2131,2138,2150,2153,2160,2163,2241,2245,2248,2570,2801,2804,2813,2838,2847,2854,2857,2860,2930,2933,2937,2944,2955,2958,2972,2975,2979,2994,2998,3001,3129,3132,3203,3207,3270,3274,3336,3339,3391,3393,3396,3403,3444,3450,3454,3468,3472,3481,3532,3535,3575,3582,3586,3589,3611,3615,3618,3638,3640,3673],[692,693,694,695,699,700,704],"p",{},"背景去除——在 VFX 中也称为",[696,697,698],"em",{},"抠像","——将前景主体（通常是人）与其背景分离。输出是一个带有 alpha 通道的视频：背景区域完全透明，主体区域不透明。将其作为 ",[701,702,703],"code",{},"\u003Cvideo>"," 标签放入任何 HyperFrames 合成中，主体就会浮在你放在其后的任何内容之上。",[692,706,707,708,711],{},"CLI 提供内置的 ",[701,709,710],{},"remove-background"," 命令，在本地运行——无需 API 密钥、无需云上传、无需绿幕。",[713,714,15],"h2",{"id":15},[716,717,719],"h3",{"id":718},"验证-ffmpeg-已安装","验证 ffmpeg 已安装",[692,721,722,723,726,727,730],{},"流水线需要 ",[701,724,725],{},"ffmpeg"," 和 ",[701,728,729],{},"ffprobe"," 进行解码 + 编码。大多数系统已安装；如果没有：",[732,733,739],"pre",{"className":734,"code":735,"language":736,"meta":737,"style":738},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","# macOS\nbrew install ffmpeg\n\n# Ubuntu \u002F Debian\nsudo apt install ffmpeg\n","bash","Terminal","",[701,740,741,750,764,771,777],{"__ignoreMap":738},[742,743,746],"span",{"class":744,"line":745},"line",1,[742,747,749],{"class":748},"sHwdD","# macOS\n",[742,751,753,757,761],{"class":744,"line":752},2,[742,754,756],{"class":755},"sBMFI","brew",[742,758,760],{"class":759},"sfazB"," install",[742,762,763],{"class":759}," ffmpeg\n",[742,765,767],{"class":744,"line":766},3,[742,768,770],{"emptyLinePlaceholder":769},true,"\n",[742,772,774],{"class":744,"line":773},4,[742,775,776],{"class":748},"# Ubuntu \u002F Debian\n",[742,778,780,783,786,788],{"class":744,"line":779},5,[742,781,782],{"class":755},"sudo",[742,784,785],{"class":759}," apt",[742,787,760],{"class":759},[742,789,763],{"class":759},[692,791,792,793,796],{},"用 ",[701,794,795],{},"npx hyperframes doctor"," 确认——两者都应显示为绿色。",[716,798,799],{"id":799},"去除视频背景",[732,801,803],{"className":734,"code":802,"language":736,"meta":737,"style":738},"npx hyperframes remove-background subject.mp4 -o transparent.webm\n",[701,804,805],{"__ignoreMap":738},[742,806,807,810,813,816,819,822],{"class":744,"line":745},[742,808,809],{"class":755},"npx",[742,811,812],{"class":759}," hyperframes",[742,814,815],{"class":759}," remove-background",[742,817,818],{"class":759}," subject.mp4",[742,820,821],{"class":759}," -o",[742,823,824],{"class":759}," transparent.webm\n",[692,826,827,828,831],{},"首次运行时，CLI 下载约 168 MB 模型权重到 ",[701,829,830],{},"~\u002F.cache\u002Fhyperframes\u002Fbackground-removal\u002Fmodels\u002F","。后续运行重用缓存。",[692,833,834],{},"输出：",[732,836,841],{"className":837,"code":839,"language":840},[838],"language-text","◇  Removed background from 240 frames in 38.4s (6.3 fps, CoreML) → .\u002Ftransparent.webm\n","text",[701,842,839],{"__ignoreMap":738},[716,844,845],{"id":845},"将其放入合成中",[692,847,848,849,851],{},"输出是标准的 VP9 带 alpha 的 WebM。Chrome 的 ",[701,850,703],{}," 元素原生解码 alpha 平面——无需特殊播放器：",[732,853,858],{"className":854,"code":855,"language":856,"meta":857,"style":738},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cdiv class=\"scene\">\n\u003C!-- background layer -->\n\u003Cimg src=\"city.jpg\" class=\"bg\" \u002F>\n\n\u003C!-- transparent subject floats on top -->\n\u003Cvideo src=\"transparent.webm\" autoplay muted loop playsinline>\u003C\u002Fvideo>\n\u003C\u002Fdiv>\n","html","composition.html",[701,859,860,888,893,926,930,935,973],{"__ignoreMap":738},[742,861,862,866,870,874,877,880,883,885],{"class":744,"line":745},[742,863,865],{"class":864},"sMK4o","\u003C",[742,867,869],{"class":868},"swJcz","div",[742,871,873],{"class":872},"spNyl"," class",[742,875,876],{"class":864},"=",[742,878,879],{"class":864},"\"",[742,881,882],{"class":759},"scene",[742,884,879],{"class":864},[742,886,887],{"class":864},">\n",[742,889,890],{"class":744,"line":752},[742,891,892],{"class":748},"\u003C!-- background layer -->\n",[742,894,895,897,900,903,905,907,910,912,914,916,918,921,923],{"class":744,"line":766},[742,896,865],{"class":864},[742,898,899],{"class":868},"img",[742,901,902],{"class":872}," src",[742,904,876],{"class":864},[742,906,879],{"class":864},[742,908,909],{"class":759},"city.jpg",[742,911,879],{"class":864},[742,913,873],{"class":872},[742,915,876],{"class":864},[742,917,879],{"class":864},[742,919,920],{"class":759},"bg",[742,922,879],{"class":864},[742,924,925],{"class":864}," \u002F>\n",[742,927,928],{"class":744,"line":773},[742,929,770],{"emptyLinePlaceholder":769},[742,931,932],{"class":744,"line":779},[742,933,934],{"class":748},"\u003C!-- transparent subject floats on top -->\n",[742,936,938,940,943,945,947,949,952,954,957,960,963,966,969,971],{"class":744,"line":937},6,[742,939,865],{"class":864},[742,941,942],{"class":868},"video",[742,944,902],{"class":872},[742,946,876],{"class":864},[742,948,879],{"class":864},[742,950,951],{"class":759},"transparent.webm",[742,953,879],{"class":864},[742,955,956],{"class":872}," autoplay",[742,958,959],{"class":872}," muted",[742,961,962],{"class":872}," loop",[742,964,965],{"class":872}," playsinline",[742,967,968],{"class":864},">\u003C\u002F",[742,970,942],{"class":868},[742,972,887],{"class":864},[742,974,976,979,981],{"class":744,"line":975},7,[742,977,978],{"class":864},"\u003C\u002F",[742,980,869],{"class":868},[742,982,887],{"class":864},[692,984,985,986,989],{},"使用常规 ",[701,987,988],{},"hyperframes render"," 渲染合成。",[713,991,992],{"id":992},"工作原理",[692,994,995],{},"流水线运行四个阶段，全部在本地：",[732,997,1000],{"className":998,"code":999,"language":840},[838],"ffmpeg decode  →  u²-net_human_seg inference  →  alpha composite  →  ffmpeg encode\n(raw RGB)         (320×320 mask, then upsampled)                    (VP9-alpha)\n",[701,1001,999],{"__ignoreMap":738},[692,1003,1004,1005,1009,1010,1013],{},"模型是 ",[1006,1007,1008],"strong",{},"u²-net_human_seg","（MIT 许可证，约 168 MB ONNX）。它通过 ",[701,1011,1012],{},"onnxruntime-node"," 使用机器上最佳可用执行提供程序运行：Apple Silicon 上的 CoreML、NVIDIA 上的 CUDA，否则使用 CPU。",[692,1015,1016,1017,1019,1020,1023,1024,1027],{},"输出使用 Chrome 的 ",[701,1018,703],{}," 元素解码 alpha 所需的确切 ffmpeg 标志进行编码——",[701,1021,1022],{},"-pix_fmt yuva420p"," 加上 ",[701,1025,1026],{},"alpha_mode=1"," 元数据标签。如果这些设置错误，浏览器会静默丢弃 alpha 平面。",[713,1029,1030],{"id":1030},"输出格式",[1032,1033,1034,1053],"table",{},[1035,1036,1037],"thead",{},[1038,1039,1040,1044,1047,1050],"tr",{},[1041,1042,1043],"th",{},"扩展名",[1041,1045,1046],{},"编解码器",[1041,1048,1049],{},"使用场景",[1041,1051,1052],{},"大小（4 秒 @ 1080p）",[1054,1055,1056,1077,1093],"tbody",{},[1038,1057,1058,1065,1068,1074],{},[1059,1060,1061,1064],"td",{},[701,1062,1063],{},".webm","（默认）",[1059,1066,1067],{},"VP9 带 alpha",[1059,1069,1070,1071,1073],{},"放入 ",[701,1072,703],{}," 实现 HTML5 原生透明播放",[1059,1075,1076],{},"约 1 MB",[1038,1078,1079,1084,1087,1090],{},[1059,1080,1081],{},[701,1082,1083],{},".mov",[1059,1085,1086],{},"ProRes 4444 带 alpha",[1059,1088,1089],{},"在 Premiere \u002F Resolve \u002F Final Cut 中编辑往返",[1059,1091,1092],{},"约 50 MB",[1038,1094,1095,1100,1103,1106],{},[1059,1096,1097],{},[701,1098,1099],{},".png",[1059,1101,1102],{},"PNG 带 alpha",[1059,1104,1105],{},"单图抠像（仅当输入也是单张图片时）",[1059,1107,1108],{},"不定",[732,1110,1112],{"className":734,"code":1111,"language":736,"meta":737,"style":738},"npx hyperframes remove-background subject.mp4 -o transparent.webm        # web playback\nnpx hyperframes remove-background subject.mp4 -o transparent.mov         # editing\nnpx hyperframes remove-background portrait.jpg -o cutout.png       # still image\n",[701,1113,1114,1132,1150],{"__ignoreMap":738},[742,1115,1116,1118,1120,1122,1124,1126,1129],{"class":744,"line":745},[742,1117,809],{"class":755},[742,1119,812],{"class":759},[742,1121,815],{"class":759},[742,1123,818],{"class":759},[742,1125,821],{"class":759},[742,1127,1128],{"class":759}," transparent.webm",[742,1130,1131],{"class":748},"        # web playback\n",[742,1133,1134,1136,1138,1140,1142,1144,1147],{"class":744,"line":752},[742,1135,809],{"class":755},[742,1137,812],{"class":759},[742,1139,815],{"class":759},[742,1141,818],{"class":759},[742,1143,821],{"class":759},[742,1145,1146],{"class":759}," transparent.mov",[742,1148,1149],{"class":748},"         # editing\n",[742,1151,1152,1154,1156,1158,1161,1163,1166],{"class":744,"line":766},[742,1153,809],{"class":755},[742,1155,812],{"class":759},[742,1157,815],{"class":759},[742,1159,1160],{"class":759}," portrait.jpg",[742,1162,821],{"class":759},[742,1164,1165],{"class":759}," cutout.png",[742,1167,1168],{"class":748},"       # still image\n",[713,1170,1172],{"id":1171},"图层分离同时输出抠像和背景板","图层分离：同时输出抠像和背景板",[692,1174,1175,1176,1179,1180,1183,1184,1187,1188,1191],{},"传递 ",[701,1177,1178],{},"--background-output","（别名 ",[701,1181,1182],{},"-b","）可在抠像旁边写入",[696,1185,1186],{},"第二个","透明视频。相同的源 RGB，alpha 是",[696,1189,1190],{},"反向","遮罩——周围环境区域不透明，主体区域透明。结果是在一次推理中实现干净的两层分离：",[732,1193,1195],{"className":734,"code":1194,"language":736,"meta":737,"style":738},"npx hyperframes remove-background subject.mp4 \\\n-o subject.webm \\\n--background-output plate.webm\n",[701,1196,1197,1211,1221],{"__ignoreMap":738},[742,1198,1199,1201,1203,1205,1207],{"class":744,"line":745},[742,1200,809],{"class":755},[742,1202,812],{"class":759},[742,1204,815],{"class":759},[742,1206,818],{"class":759},[742,1208,1210],{"class":1209},"sTEyZ"," \\\n",[742,1212,1213,1216,1219],{"class":744,"line":752},[742,1214,1215],{"class":1209},"-o ",[742,1217,1218],{"class":759},"subject.webm",[742,1220,1210],{"class":1209},[742,1222,1223,1226],{"class":744,"line":766},[742,1224,1225],{"class":1209},"--background-output ",[742,1227,1228],{"class":759},"plate.webm\n",[1032,1230,1231,1244],{},[1035,1232,1233],{},[1038,1234,1235,1238,1241],{},[1041,1236,1237],{},"输出",[1041,1239,1240],{},"Alpha",[1041,1242,1243],{},"用途",[1054,1245,1246,1258],{},[1038,1247,1248,1252,1255],{},[1059,1249,1250],{},[701,1251,1218],{},[1059,1253,1254],{},"遮罩——主体不透明",[1059,1256,1257],{},"前景层（层栈顶部）",[1038,1259,1260,1265,1271],{},[1059,1261,1262],{},[701,1263,1264],{},"plate.webm",[1059,1266,1267,1270],{},[701,1268,1269],{},"255 − mask","——主体区域透明",[1059,1272,1273,1274,1277,1278,1280],{},"背景层；将你想要放在",[1006,1275,1276],{},"主体轮廓下方","的任何内容放在此层和 ",[701,1279,1218],{}," 之间",[692,1282,1283,1284,1287],{},"两个编码器共享源的宽度\u002F高度\u002F帧率和你的 ",[701,1285,1286],{},"--quality"," 预设，因此层是像素对齐的。编码开销大约翻倍；分割开销不变。",[1289,1290,1291,1297],"blockquote",{},[692,1292,1293,1294],{},"💡 ",[1006,1295,1296],{},"Tip",[692,1298,1299,1302,1304,1305,1307],{},[1006,1300,1301],{},"这是一个挖孔板，而非修复填充的干净板。",[701,1303,1264],{}," 中的主体区域完全透明——你需要在其下方合成不透明内容（图形、模糊副本、不同场景）来填充孔洞。如果你需要主体位置的真实填充背景，请使用视频修复工具（LaMa、ProPainter、RunwayML Inpaint）——",[701,1306,710],{}," 不适合此用途。",[716,1309,1311],{"id":1310},"挖孔板-vs-干净板差异何时重要","挖孔板 vs. 干净板——差异何时重要？",[692,1313,1314,1317,1318,1321],{},[1006,1315,1316],{},"挖孔板","保留原始环境并使主体区域透明。",[1006,1319,1320],{},"干净板","用重建的背景填充主体区域——由单独的修复模型生成。单独在黑色背景上显示每个：",[1032,1323,1324,1336],{},[1035,1325,1326],{},[1038,1327,1328,1330,1333],{},[1041,1329],{},[1041,1331,1332],{},"挖孔板（此命令）",[1041,1334,1335],{},"干净板（修复填充）",[1054,1337,1338,1349,1360,1371],{},[1038,1339,1340,1343,1346],{},[1059,1341,1342],{},"主体区域",[1059,1344,1345],{},"透明轮廓",[1059,1347,1348],{},"重建的背景像素",[1038,1350,1351,1354,1357],{},[1059,1352,1353],{},"单独查看时",[1059,1355,1356],{},"人形孔洞",[1059,1358,1359],{},"空房间",[1038,1361,1362,1365,1368],{},[1059,1363,1364],{},"开销",[1059,1366,1367],{},"一次推理，一次额外 ffmpeg 编码",[1059,1369,1370],{},"第二个模型（LaMa、ProPainter、E2FGVI）",[1038,1372,1373,1376,1381],{},[1059,1374,1375],{},"工具",[1059,1377,1378],{},[701,1379,1380],{},"remove-background --background-output",[1059,1382,1383],{},"此 CLI 之外",[692,1385,1386,1387],{},"判断标准是：",[1006,1388,1389],{},"是否有东西需要从主体原来的位置透过轮廓显示？",[1032,1391,1392,1402],{},[1035,1393,1394],{},[1038,1395,1396,1399],{},[1041,1397,1398],{},"用例",[1041,1400,1401],{},"你需要什么",[1054,1403,1404,1414,1425,1435,1445],{},[1038,1405,1406,1409],{},[1059,1407,1408],{},"文本\u002F图形位于抠像和板之间（如上例）",[1059,1410,1411,1413],{},[1006,1412,1316],{},"——图形填充孔洞。",[1038,1415,1416,1419],{},[1059,1417,1418],{},"将主体合成到无关场景上",[1059,1420,1421,1422,1424],{},"都不需要。只需使用 ",[701,1423,1218],{},"；板无关紧要。",[1038,1426,1427,1430],{},[1059,1428,1429],{},"显示\"没有人的房间\"作为真实背景",[1059,1431,1432,1434],{},[1006,1433,1320],{},"——挖孔板会显示透明空洞。",[1038,1436,1437,1440],{},[1059,1438,1439],{},"用不同主体替换人物（重新定向）",[1059,1441,1442,1444],{},[1006,1443,1320],{},"——新主体需要其下方的真实像素。",[1038,1446,1447,1450],{},[1059,1448,1449],{},"VFX 抠像\u002F\"从这个镜头中移除一个群演\"",[1059,1451,1452,1454],{},[1006,1453,1320],{},"——经典的修复用例。",[692,1456,1457],{},"如果有不透明物始终覆盖轮廓，挖孔板就足够了，而且比运行修复工具便宜约 1000 倍。",[716,1459,1460],{"id":1460},"两层合成模式",[692,1462,1463,1464,1469,1470,1473],{},"两层模式在功能上是 ",[1465,1466,1468],"a",{"href":1467},"#text-behind-subject%E6%8E%A8%E8%8D%90%E5%B8%83%E5%B1%80","text-behind-subject"," 的直接替代，无需项目中存在原始 ",[701,1471,1472],{},"presenter.mp4","——板作为底层替代了它：",[732,1475,1477],{"className":854,"code":1476,"language":856,"meta":738,"style":738},"\u003C!-- z=1 inverse-alpha plate fills everything except the subject's silhouette -->\n\u003Cvideo src=\"plate.webm\" data-start=\"0\" data-duration=\"6\" data-track-index=\"0\" muted playsinline>\u003C\u002Fvideo>\n\n\u003C!-- z=2 anything you want occluded by the subject lives here -->\n\u003Ch1 style=\"z-index:2; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);\">\nMAKE IT IN HYPERFRAMES\n\u003C\u002Fh1>\n\n\u003C!-- z=3 the cutout puts the subject back on top -->\n\u003Cdiv class=\"cutout-wrap\" style=\"position:absolute;inset:0;z-index:3\">\n\u003Cvideo src=\"subject.webm\" data-start=\"0\" data-duration=\"6\" data-track-index=\"1\" muted playsinline>\u003C\u002Fvideo>\n\u003C\u002Fdiv>\n",[701,1478,1479,1484,1545,1549,1554,1575,1580,1588,1593,1599,1630,1688],{"__ignoreMap":738},[742,1480,1481],{"class":744,"line":745},[742,1482,1483],{"class":748},"\u003C!-- z=1 inverse-alpha plate fills everything except the subject's silhouette -->\n",[742,1485,1486,1488,1490,1492,1494,1496,1498,1500,1503,1505,1507,1510,1512,1515,1517,1519,1522,1524,1527,1529,1531,1533,1535,1537,1539,1541,1543],{"class":744,"line":752},[742,1487,865],{"class":864},[742,1489,942],{"class":868},[742,1491,902],{"class":872},[742,1493,876],{"class":864},[742,1495,879],{"class":864},[742,1497,1264],{"class":759},[742,1499,879],{"class":864},[742,1501,1502],{"class":872}," data-start",[742,1504,876],{"class":864},[742,1506,879],{"class":864},[742,1508,1509],{"class":759},"0",[742,1511,879],{"class":864},[742,1513,1514],{"class":872}," data-duration",[742,1516,876],{"class":864},[742,1518,879],{"class":864},[742,1520,1521],{"class":759},"6",[742,1523,879],{"class":864},[742,1525,1526],{"class":872}," data-track-index",[742,1528,876],{"class":864},[742,1530,879],{"class":864},[742,1532,1509],{"class":759},[742,1534,879],{"class":864},[742,1536,959],{"class":872},[742,1538,965],{"class":872},[742,1540,968],{"class":864},[742,1542,942],{"class":868},[742,1544,887],{"class":864},[742,1546,1547],{"class":744,"line":766},[742,1548,770],{"emptyLinePlaceholder":769},[742,1550,1551],{"class":744,"line":773},[742,1552,1553],{"class":748},"\u003C!-- z=2 anything you want occluded by the subject lives here -->\n",[742,1555,1556,1558,1561,1564,1566,1568,1571,1573],{"class":744,"line":779},[742,1557,865],{"class":864},[742,1559,1560],{"class":868},"h1",[742,1562,1563],{"class":872}," style",[742,1565,876],{"class":864},[742,1567,879],{"class":864},[742,1569,1570],{"class":759},"z-index:2; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);",[742,1572,879],{"class":864},[742,1574,887],{"class":864},[742,1576,1577],{"class":744,"line":937},[742,1578,1579],{"class":1209},"MAKE IT IN HYPERFRAMES\n",[742,1581,1582,1584,1586],{"class":744,"line":975},[742,1583,978],{"class":864},[742,1585,1560],{"class":868},[742,1587,887],{"class":864},[742,1589,1591],{"class":744,"line":1590},8,[742,1592,770],{"emptyLinePlaceholder":769},[742,1594,1596],{"class":744,"line":1595},9,[742,1597,1598],{"class":748},"\u003C!-- z=3 the cutout puts the subject back on top -->\n",[742,1600,1602,1604,1606,1608,1610,1612,1615,1617,1619,1621,1623,1626,1628],{"class":744,"line":1601},10,[742,1603,865],{"class":864},[742,1605,869],{"class":868},[742,1607,873],{"class":872},[742,1609,876],{"class":864},[742,1611,879],{"class":864},[742,1613,1614],{"class":759},"cutout-wrap",[742,1616,879],{"class":864},[742,1618,1563],{"class":872},[742,1620,876],{"class":864},[742,1622,879],{"class":864},[742,1624,1625],{"class":759},"position:absolute;inset:0;z-index:3",[742,1627,879],{"class":864},[742,1629,887],{"class":864},[742,1631,1633,1635,1637,1639,1641,1643,1645,1647,1649,1651,1653,1655,1657,1659,1661,1663,1665,1667,1669,1671,1673,1676,1678,1680,1682,1684,1686],{"class":744,"line":1632},11,[742,1634,865],{"class":864},[742,1636,942],{"class":868},[742,1638,902],{"class":872},[742,1640,876],{"class":864},[742,1642,879],{"class":864},[742,1644,1218],{"class":759},[742,1646,879],{"class":864},[742,1648,1502],{"class":872},[742,1650,876],{"class":864},[742,1652,879],{"class":864},[742,1654,1509],{"class":759},[742,1656,879],{"class":864},[742,1658,1514],{"class":872},[742,1660,876],{"class":864},[742,1662,879],{"class":864},[742,1664,1521],{"class":759},[742,1666,879],{"class":864},[742,1668,1526],{"class":872},[742,1670,876],{"class":864},[742,1672,879],{"class":864},[742,1674,1675],{"class":759},"1",[742,1677,879],{"class":864},[742,1679,959],{"class":872},[742,1681,965],{"class":872},[742,1683,968],{"class":864},[742,1685,942],{"class":868},[742,1687,887],{"class":864},[742,1689,1691,1693,1695],{"class":744,"line":1690},12,[742,1692,978],{"class":864},[742,1694,869],{"class":868},[742,1696,887],{"class":864},[692,1698,1699,1700,1702,1703,1705,1706,1708],{},"约束：此标志需要视频输入，两个输出都使用 ",[701,1701,1063],{}," 或 ",[701,1704,1083],{},"。不适用于图片输入（无时间配对可做），也不接受 ",[701,1707,1099],{}," 作为板。",[713,1710,120],{"id":120},[692,1712,1713,1714,1720],{},"来自",[1465,1715,1719],{"href":1716,"rel":1717},"https:\u002F\u002Fwww.heygenverse.com\u002Fa\u002F0dd5a431-1832-4858-862d-de7fb7d02654",[1718],"nofollow","抠像评估","的真实数据，在 4 秒 1080p 片段上运行 u²-net_human_seg：",[1032,1722,1723,1739],{},[1035,1724,1725],{},[1038,1726,1727,1730,1733,1736],{},[1041,1728,1729],{},"平台",[1041,1731,1732],{},"提供程序",[1041,1734,1735],{},"毫秒\u002F帧",[1041,1737,1738],{},"30 秒片段",[1054,1740,1741,1755,1769,1783],{},[1038,1742,1743,1746,1749,1752],{},[1059,1744,1745],{},"Apple Silicon（M2 Pro \u002F M3 \u002F M4）",[1059,1747,1748],{},"CoreML",[1059,1750,1751],{},"~263",[1059,1753,1754],{},"~2 分钟",[1038,1756,1757,1760,1763,1766],{},[1059,1758,1759],{},"NVIDIA GPU（T4、A10、RTX）",[1059,1761,1762],{},"CUDA",[1059,1764,1765],{},"~80–150",[1059,1767,1768],{},"~30–60 秒",[1038,1770,1771,1774,1777,1780],{},[1059,1772,1773],{},"Linux x86",[1059,1775,1776],{},"CPU",[1059,1778,1779],{},"~1100",[1059,1781,1782],{},"~16 分钟",[1038,1784,1785,1788,1790,1793],{},[1059,1786,1787],{},"macOS Intel",[1059,1789,1776],{},[1059,1791,1792],{},"~900",[1059,1794,1795],{},"~13 分钟",[692,1797,1798],{},"抠像是离线预处理——你对每个素材运行一次并重用输出。仅 CPU 较慢但始终有效；如果你重复使用同一主体片段，在更快的机器上运行一次并将透明输出提交到你的项目中。",[713,1800,1801],{"id":1801},"明确选择设备",[692,1803,1804,1807],{},[701,1805,1806],{},"--device auto"," 是默认值，适合几乎所有人。此标志存在是为了两种情况：",[1809,1810,1811],"ul",{},[1812,1813,1814,1817],"li",{},[1006,1815,1816],{},"在 GPU 机器上强制使用 CPU","，当你想让 GPU 空闲用于其他工作，或正在调试特定提供程序的问题：",[732,1819,1821],{"className":734,"code":1820,"language":736,"meta":737,"style":738},"npx hyperframes remove-background subject.mp4 -o transparent.webm --device cpu\n",[701,1822,1823],{"__ignoreMap":738},[742,1824,1825,1827,1829,1831,1833,1835,1837,1840],{"class":744,"line":745},[742,1826,809],{"class":755},[742,1828,812],{"class":759},[742,1830,815],{"class":759},[742,1832,818],{"class":759},[742,1834,821],{"class":759},[742,1836,1128],{"class":759},[742,1838,1839],{"class":759}," --device",[742,1841,1842],{"class":759}," cpu\n",[1809,1844,1845],{},[1812,1846,1847,1850,1851,1854,1855,1857],{},[1006,1848,1849],{},"选择 CUDA","，通过设置 ",[701,1852,1853],{},"HYPERFRAMES_CUDA=1"," 并提供支持 GPU 的 ",[701,1856,1012],{}," 构建（捆绑的构建仅支持 CPU + CoreML，以保持 99% 无 GPU 用户的安装包体积小）：",[732,1859,1861],{"className":734,"code":1860,"language":736,"meta":737,"style":738},"HYPERFRAMES_CUDA=1 npx hyperframes remove-background subject.mp4 -o transparent.webm --device cuda\n",[701,1862,1863],{"__ignoreMap":738},[742,1864,1865,1868,1870,1872,1875,1877,1879,1881,1883,1885,1887],{"class":744,"line":745},[742,1866,1867],{"class":1209},"HYPERFRAMES_CUDA",[742,1869,876],{"class":864},[742,1871,1675],{"class":759},[742,1873,1874],{"class":755}," npx",[742,1876,812],{"class":759},[742,1878,815],{"class":759},[742,1880,818],{"class":759},[742,1882,821],{"class":759},[742,1884,1128],{"class":759},[742,1886,1839],{"class":759},[742,1888,1889],{"class":759}," cuda\n",[692,1891,1892,1893,1896,1897,1900],{},"运行 ",[701,1894,1895],{},"npx hyperframes remove-background --info"," 查看你机器上检测到的提供程序以及 ",[701,1898,1899],{},"auto"," 会选择哪个。",[713,1902,1903],{"id":1903},"在合成中使用透明视频",[692,1905,1906],{},"透明 WebM 的行为与任何其他视频元素相同。你最常用的两种模式：",[692,1908,1909],{},[1006,1910,1911],{},"主体在背景图片上：",[732,1913,1915],{"className":854,"code":1914,"language":856,"meta":738,"style":738},"\u003Cdiv style=\"position: relative; width: 1920px; height: 1080px;\">\n\u003Cimg src=\"background.jpg\" style=\"position: absolute; inset: 0;\" \u002F>\n\u003Cvideo\nsrc=\"transparent.webm\"\nautoplay\nmuted\nloop\nplaysinline\nstyle=\"position: absolute; right: 80px; bottom: 0; height: 90%;\"\n>\u003C\u002Fvideo>\n\u003C\u002Fdiv>\n",[701,1916,1917,1936,1966,1973,1987,1992,1997,2002,2007,2021,2029],{"__ignoreMap":738},[742,1918,1919,1921,1923,1925,1927,1929,1932,1934],{"class":744,"line":745},[742,1920,865],{"class":864},[742,1922,869],{"class":868},[742,1924,1563],{"class":872},[742,1926,876],{"class":864},[742,1928,879],{"class":864},[742,1930,1931],{"class":759},"position: relative; width: 1920px; height: 1080px;",[742,1933,879],{"class":864},[742,1935,887],{"class":864},[742,1937,1938,1940,1942,1944,1946,1948,1951,1953,1955,1957,1959,1962,1964],{"class":744,"line":752},[742,1939,865],{"class":864},[742,1941,899],{"class":868},[742,1943,902],{"class":872},[742,1945,876],{"class":864},[742,1947,879],{"class":864},[742,1949,1950],{"class":759},"background.jpg",[742,1952,879],{"class":864},[742,1954,1563],{"class":872},[742,1956,876],{"class":864},[742,1958,879],{"class":864},[742,1960,1961],{"class":759},"position: absolute; inset: 0;",[742,1963,879],{"class":864},[742,1965,925],{"class":864},[742,1967,1968,1970],{"class":744,"line":766},[742,1969,865],{"class":864},[742,1971,1972],{"class":868},"video\n",[742,1974,1975,1978,1980,1982,1984],{"class":744,"line":773},[742,1976,1977],{"class":872},"src",[742,1979,876],{"class":864},[742,1981,879],{"class":864},[742,1983,951],{"class":759},[742,1985,1986],{"class":864},"\"\n",[742,1988,1989],{"class":744,"line":779},[742,1990,1991],{"class":872},"autoplay\n",[742,1993,1994],{"class":744,"line":937},[742,1995,1996],{"class":872},"muted\n",[742,1998,1999],{"class":744,"line":975},[742,2000,2001],{"class":872},"loop\n",[742,2003,2004],{"class":744,"line":1590},[742,2005,2006],{"class":872},"playsinline\n",[742,2008,2009,2012,2014,2016,2019],{"class":744,"line":1595},[742,2010,2011],{"class":872},"style",[742,2013,876],{"class":864},[742,2015,879],{"class":864},[742,2017,2018],{"class":759},"position: absolute; right: 80px; bottom: 0; height: 90%;",[742,2020,1986],{"class":864},[742,2022,2023,2025,2027],{"class":744,"line":1601},[742,2024,968],{"class":864},[742,2026,942],{"class":868},[742,2028,887],{"class":864},[742,2030,2031,2033,2035],{"class":744,"line":1632},[742,2032,978],{"class":864},[742,2034,869],{"class":868},[742,2036,887],{"class":864},[692,2038,2039],{},[1006,2040,2041],{},"主体在 HyperFrames 场景上：",[732,2043,2045],{"className":854,"code":2044,"language":856,"meta":738,"style":738},"\u003C!-- scene contents (text, animations, etc.) -->\n\u003Cdiv class=\"title-card\">Welcome\u003C\u002Fdiv>\n\n\u003C!-- subject layered on top -->\n\u003Cvideo src=\"transparent.webm\" autoplay muted loop playsinline class=\"subject\">\u003C\u002Fvideo>\n",[701,2046,2047,2052,2081,2085,2090],{"__ignoreMap":738},[742,2048,2049],{"class":744,"line":745},[742,2050,2051],{"class":748},"\u003C!-- scene contents (text, animations, etc.) -->\n",[742,2053,2054,2056,2058,2060,2062,2064,2067,2069,2072,2075,2077,2079],{"class":744,"line":752},[742,2055,865],{"class":864},[742,2057,869],{"class":868},[742,2059,873],{"class":872},[742,2061,876],{"class":864},[742,2063,879],{"class":864},[742,2065,2066],{"class":759},"title-card",[742,2068,879],{"class":864},[742,2070,2071],{"class":864},">",[742,2073,2074],{"class":1209},"Welcome",[742,2076,978],{"class":864},[742,2078,869],{"class":868},[742,2080,887],{"class":864},[742,2082,2083],{"class":744,"line":766},[742,2084,770],{"emptyLinePlaceholder":769},[742,2086,2087],{"class":744,"line":773},[742,2088,2089],{"class":748},"\u003C!-- subject layered on top -->\n",[742,2091,2092,2094,2096,2098,2100,2102,2104,2106,2108,2110,2112,2114,2116,2118,2120,2123,2125,2127,2129],{"class":744,"line":779},[742,2093,865],{"class":864},[742,2095,942],{"class":868},[742,2097,902],{"class":872},[742,2099,876],{"class":864},[742,2101,879],{"class":864},[742,2103,951],{"class":759},[742,2105,879],{"class":864},[742,2107,956],{"class":872},[742,2109,959],{"class":872},[742,2111,962],{"class":872},[742,2113,965],{"class":872},[742,2115,873],{"class":872},[742,2117,876],{"class":864},[742,2119,879],{"class":864},[742,2121,2122],{"class":759},"subject",[742,2124,879],{"class":864},[742,2126,968],{"class":864},[742,2128,942],{"class":868},[742,2130,887],{"class":864},[692,2132,2133,2134,2137],{},"抠像继承合成的帧率和时间轴——它在场景持续时间内播放一次，因此尽可能将源片段长度与场景长度匹配。如果场景比片段长，",[701,2135,2136],{},"loop"," 会处理。",[1289,2139,2140,2144],{},[692,2141,1293,2142],{},[1006,2143,1296],{},[692,2145,2146,2147,2149],{},"渲染包含 ",[701,2148,703],{}," 元素的合成时，渲染器内部通过 ffmpeg 读取源。透明 WebM 解码时保留 alpha 平面。",[713,2151,2152],{"id":2152},"合成模式与陷阱",[692,2154,2155,2156,2159],{},"抠像 webm 是源 mp4 RGB 的",[1006,2157,2158],{},"重新编码副本","——抠像流水线将源解码为原始 RGB，运行分割，然后重新编码为带 alpha 的 VP9。这个选择取决于你将其放在什么后面。",[716,2161,2162],{"id":2162},"三种模式",[1032,2164,2165,2178],{},[1035,2166,2167],{},[1038,2168,2169,2172,2175],{},[1041,2170,2171],{},"模式",[1041,2173,2174],{},"抠像后面",[1041,2176,2177],{},"结果",[1054,2179,2180,2200,2228],{},[1038,2181,2182,2191,2194],{},[1059,2183,2184,2187,2188],{},[1006,2185,2186],{},"抠像在不同场景上"," ",[696,2189,2190],{},"（最常见）",[1059,2192,2193],{},"静态图片、渐变、动画背景或无关素材",[1059,2195,2196,2197,2199],{},"干净。抠像是主体的唯一来源——无重复、无边缘光晕。使用任何 ",[701,2198,1286],{},"。",[1038,2201,2202,2210,2213],{},[1059,2203,2204,2187,2207],{},[1006,2205,2206],{},"抠像在自身源 mp4 上",[696,2208,2209],{},"（text-behind-subject、带覆盖层的头像）",[1059,2211,2212],{},"生成抠像的同一 mp4",[1059,2214,2215,2216,2219,2220,2223,2224,2227],{},"同一个人的两个 RGB 来源。在默认 ",[701,2217,2218],{},"--quality balanced","（crf 18）下重复几乎不可见；在 ",[701,2221,2222],{},"--quality fast","（crf 30）下轮廓会出现轻微色偏\u002F柔边。重要镜头使用 ",[701,2225,2226],{},"--quality best","（crf 12）。",[1038,2229,2230,2235,2238],{},[1059,2231,2232],{},[1006,2233,2234],{},"抠像在不同素材的同一主体上",[1059,2236,2237],{},"同一人的另一个镜头",[1059,2239,2240],{},"看起来像两个重叠的人。避免——重新拍摄或重新剪辑源。",[716,2242,2244],{"id":2243},"text-behind-subject推荐布局","Text-behind-subject：推荐布局",[692,2246,2247],{},"将标题放在主持人_后面_，使其轮廓遮挡文本：",[732,2249,2251],{"className":854,"code":2250,"language":856,"meta":738,"style":738},"\u003C!-- z=1 base mp4: full lobby + presenter, plays the whole scene -->\n\u003Cvideo\nid=\"cf-base\"\ndata-start=\"0\" data-duration=\"6\" data-media-start=\"0\" data-track-index=\"0\"\nsrc=\"presenter.mp4\"\nmuted playsinline\n>\u003C\u002Fvideo>\n\n\u003C!-- z=2 headline -->\n\u003Ch1 id=\"cf-headline\" style=\"position:absolute;top:50%;left:50%;\nransform:translate(-50%,-50%); z-index:2;\ncolor:#fff; text-shadow:0 6px 32px rgba(0,0,0,.55);\nclip-path:inset(0 0 100% 0); font-size:220px; font-weight:900;\">\nMAKE IT IN HYPERFRAMES\n\u003C\u002Fh1>\n\n\u003C!-- z=3 cutout: same source, alpha around presenter, hidden until the cut.\nThe wrapper carries the opacity, NOT the \u003Cvideo> itself. -->\n\u003Cdiv class=\"cutout-wrap\" style=\"position:absolute;inset:0;z-index:3;opacity:0\">\n\u003Cvideo\nid=\"cf-cutout\"\ndata-start=\"0\" data-duration=\"6\" data-media-start=\"0\" data-track-index=\"1\"\nsrc=\"presenter.webm\"\nmuted playsinline\n>\u003C\u002Fvideo>\n\u003C\u002Fdiv>\n",[701,2252,2253,2258,2264,2278,2322,2334,2342,2350,2354,2359,2386,2391,2396,2406,2411,2420,2425,2431,2437,2467,2474,2488,2531,2545,2552,2561],{"__ignoreMap":738},[742,2254,2255],{"class":744,"line":745},[742,2256,2257],{"class":748},"\u003C!-- z=1 base mp4: full lobby + presenter, plays the whole scene -->\n",[742,2259,2260,2262],{"class":744,"line":752},[742,2261,865],{"class":864},[742,2263,1972],{"class":868},[742,2265,2266,2269,2271,2273,2276],{"class":744,"line":766},[742,2267,2268],{"class":872},"id",[742,2270,876],{"class":864},[742,2272,879],{"class":864},[742,2274,2275],{"class":759},"cf-base",[742,2277,1986],{"class":864},[742,2279,2280,2283,2285,2287,2289,2291,2293,2295,2297,2299,2301,2304,2306,2308,2310,2312,2314,2316,2318,2320],{"class":744,"line":773},[742,2281,2282],{"class":872},"data-start",[742,2284,876],{"class":864},[742,2286,879],{"class":864},[742,2288,1509],{"class":759},[742,2290,879],{"class":864},[742,2292,1514],{"class":872},[742,2294,876],{"class":864},[742,2296,879],{"class":864},[742,2298,1521],{"class":759},[742,2300,879],{"class":864},[742,2302,2303],{"class":872}," data-media-start",[742,2305,876],{"class":864},[742,2307,879],{"class":864},[742,2309,1509],{"class":759},[742,2311,879],{"class":864},[742,2313,1526],{"class":872},[742,2315,876],{"class":864},[742,2317,879],{"class":864},[742,2319,1509],{"class":759},[742,2321,1986],{"class":864},[742,2323,2324,2326,2328,2330,2332],{"class":744,"line":779},[742,2325,1977],{"class":872},[742,2327,876],{"class":864},[742,2329,879],{"class":864},[742,2331,1472],{"class":759},[742,2333,1986],{"class":864},[742,2335,2336,2339],{"class":744,"line":937},[742,2337,2338],{"class":872},"muted",[742,2340,2341],{"class":872}," playsinline\n",[742,2343,2344,2346,2348],{"class":744,"line":975},[742,2345,968],{"class":864},[742,2347,942],{"class":868},[742,2349,887],{"class":864},[742,2351,2352],{"class":744,"line":1590},[742,2353,770],{"emptyLinePlaceholder":769},[742,2355,2356],{"class":744,"line":1595},[742,2357,2358],{"class":748},"\u003C!-- z=2 headline -->\n",[742,2360,2361,2363,2365,2368,2370,2372,2375,2377,2379,2381,2383],{"class":744,"line":1601},[742,2362,865],{"class":864},[742,2364,1560],{"class":868},[742,2366,2367],{"class":872}," id",[742,2369,876],{"class":864},[742,2371,879],{"class":864},[742,2373,2374],{"class":759},"cf-headline",[742,2376,879],{"class":864},[742,2378,1563],{"class":872},[742,2380,876],{"class":864},[742,2382,879],{"class":864},[742,2384,2385],{"class":759},"position:absolute;top:50%;left:50%;\n",[742,2387,2388],{"class":744,"line":1632},[742,2389,2390],{"class":759},"ransform:translate(-50%,-50%); z-index:2;\n",[742,2392,2393],{"class":744,"line":1690},[742,2394,2395],{"class":759},"color:#fff; text-shadow:0 6px 32px rgba(0,0,0,.55);\n",[742,2397,2399,2402,2404],{"class":744,"line":2398},13,[742,2400,2401],{"class":759},"clip-path:inset(0 0 100% 0); font-size:220px; font-weight:900;",[742,2403,879],{"class":864},[742,2405,887],{"class":864},[742,2407,2409],{"class":744,"line":2408},14,[742,2410,1579],{"class":1209},[742,2412,2414,2416,2418],{"class":744,"line":2413},15,[742,2415,978],{"class":864},[742,2417,1560],{"class":868},[742,2419,887],{"class":864},[742,2421,2423],{"class":744,"line":2422},16,[742,2424,770],{"emptyLinePlaceholder":769},[742,2426,2428],{"class":744,"line":2427},17,[742,2429,2430],{"class":748},"\u003C!-- z=3 cutout: same source, alpha around presenter, hidden until the cut.\n",[742,2432,2434],{"class":744,"line":2433},18,[742,2435,2436],{"class":748},"The wrapper carries the opacity, NOT the \u003Cvideo> itself. -->\n",[742,2438,2440,2442,2444,2446,2448,2450,2452,2454,2456,2458,2460,2463,2465],{"class":744,"line":2439},19,[742,2441,865],{"class":864},[742,2443,869],{"class":868},[742,2445,873],{"class":872},[742,2447,876],{"class":864},[742,2449,879],{"class":864},[742,2451,1614],{"class":759},[742,2453,879],{"class":864},[742,2455,1563],{"class":872},[742,2457,876],{"class":864},[742,2459,879],{"class":864},[742,2461,2462],{"class":759},"position:absolute;inset:0;z-index:3;opacity:0",[742,2464,879],{"class":864},[742,2466,887],{"class":864},[742,2468,2470,2472],{"class":744,"line":2469},20,[742,2471,865],{"class":864},[742,2473,1972],{"class":868},[742,2475,2477,2479,2481,2483,2486],{"class":744,"line":2476},21,[742,2478,2268],{"class":872},[742,2480,876],{"class":864},[742,2482,879],{"class":864},[742,2484,2485],{"class":759},"cf-cutout",[742,2487,1986],{"class":864},[742,2489,2491,2493,2495,2497,2499,2501,2503,2505,2507,2509,2511,2513,2515,2517,2519,2521,2523,2525,2527,2529],{"class":744,"line":2490},22,[742,2492,2282],{"class":872},[742,2494,876],{"class":864},[742,2496,879],{"class":864},[742,2498,1509],{"class":759},[742,2500,879],{"class":864},[742,2502,1514],{"class":872},[742,2504,876],{"class":864},[742,2506,879],{"class":864},[742,2508,1521],{"class":759},[742,2510,879],{"class":864},[742,2512,2303],{"class":872},[742,2514,876],{"class":864},[742,2516,879],{"class":864},[742,2518,1509],{"class":759},[742,2520,879],{"class":864},[742,2522,1526],{"class":872},[742,2524,876],{"class":864},[742,2526,879],{"class":864},[742,2528,1675],{"class":759},[742,2530,1986],{"class":864},[742,2532,2534,2536,2538,2540,2543],{"class":744,"line":2533},23,[742,2535,1977],{"class":872},[742,2537,876],{"class":864},[742,2539,879],{"class":864},[742,2541,2542],{"class":759},"presenter.webm",[742,2544,1986],{"class":864},[742,2546,2548,2550],{"class":744,"line":2547},24,[742,2549,2338],{"class":872},[742,2551,2341],{"class":872},[742,2553,2555,2557,2559],{"class":744,"line":2554},25,[742,2556,968],{"class":864},[742,2558,942],{"class":868},[742,2560,887],{"class":864},[742,2562,2564,2566,2568],{"class":744,"line":2563},26,[742,2565,978],{"class":864},[742,2567,869],{"class":868},[742,2569,887],{"class":864},[732,2571,2575],{"className":2572,"code":2573,"language":2574,"meta":738,"style":738},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","const tl = gsap.timeline({ paused: true });\nconst CUT = 3.3;\n\n\u002F\u002F Reveal the headline early\nl.to(\"#cf-headline\", { clipPath: \"inset(0 0 0% 0)\", duration: 0.6, ease: \"expo.out\" }, 0.25);\n\n\u002F\u002F At the cut, flip the cutout wrapper visible — silhouette punches through the headline\nl.set(\".cutout-wrap\", { opacity: 1 }, CUT);\n\n\u002F\u002F Sentinel: extend timeline to the composition's full duration so the renderer\n\u002F\u002F doesn't bail past the last meaningful tween.\nl.set({}, {}, 6);\n","js",[701,2576,2577,2622,2637,2641,2646,2718,2722,2727,2764,2768,2773,2778],{"__ignoreMap":738},[742,2578,2579,2582,2585,2587,2590,2593,2597,2600,2603,2606,2609,2613,2616,2619],{"class":744,"line":745},[742,2580,2581],{"class":872},"const",[742,2583,2584],{"class":1209}," tl ",[742,2586,876],{"class":864},[742,2588,2589],{"class":1209}," gsap",[742,2591,2592],{"class":864},".",[742,2594,2596],{"class":2595},"s2Zo4","timeline",[742,2598,2599],{"class":1209},"(",[742,2601,2602],{"class":864},"{",[742,2604,2605],{"class":868}," paused",[742,2607,2608],{"class":864},":",[742,2610,2612],{"class":2611},"sfNiH"," true",[742,2614,2615],{"class":864}," }",[742,2617,2618],{"class":1209},")",[742,2620,2621],{"class":864},";\n",[742,2623,2624,2626,2629,2631,2635],{"class":744,"line":752},[742,2625,2581],{"class":872},[742,2627,2628],{"class":1209}," CUT ",[742,2630,876],{"class":864},[742,2632,2634],{"class":2633},"sbssI"," 3.3",[742,2636,2621],{"class":864},[742,2638,2639],{"class":744,"line":766},[742,2640,770],{"emptyLinePlaceholder":769},[742,2642,2643],{"class":744,"line":773},[742,2644,2645],{"class":748},"\u002F\u002F Reveal the headline early\n",[742,2647,2648,2651,2653,2656,2658,2660,2663,2665,2668,2671,2674,2676,2679,2682,2684,2686,2689,2691,2694,2696,2699,2701,2703,2706,2708,2711,2714,2716],{"class":744,"line":779},[742,2649,2650],{"class":1209},"l",[742,2652,2592],{"class":864},[742,2654,2655],{"class":2595},"to",[742,2657,2599],{"class":1209},[742,2659,879],{"class":864},[742,2661,2662],{"class":759},"#cf-headline",[742,2664,879],{"class":864},[742,2666,2667],{"class":864},",",[742,2669,2670],{"class":864}," {",[742,2672,2673],{"class":868}," clipPath",[742,2675,2608],{"class":864},[742,2677,2678],{"class":864}," \"",[742,2680,2681],{"class":759},"inset(0 0 0% 0)",[742,2683,879],{"class":864},[742,2685,2667],{"class":864},[742,2687,2688],{"class":868}," duration",[742,2690,2608],{"class":864},[742,2692,2693],{"class":2633}," 0.6",[742,2695,2667],{"class":864},[742,2697,2698],{"class":868}," ease",[742,2700,2608],{"class":864},[742,2702,2678],{"class":864},[742,2704,2705],{"class":759},"expo.out",[742,2707,879],{"class":864},[742,2709,2710],{"class":864}," },",[742,2712,2713],{"class":2633}," 0.25",[742,2715,2618],{"class":1209},[742,2717,2621],{"class":864},[742,2719,2720],{"class":744,"line":937},[742,2721,770],{"emptyLinePlaceholder":769},[742,2723,2724],{"class":744,"line":975},[742,2725,2726],{"class":748},"\u002F\u002F At the cut, flip the cutout wrapper visible — silhouette punches through the headline\n",[742,2728,2729,2731,2733,2736,2738,2740,2743,2745,2747,2749,2752,2754,2757,2759,2762],{"class":744,"line":1590},[742,2730,2650],{"class":1209},[742,2732,2592],{"class":864},[742,2734,2735],{"class":2595},"set",[742,2737,2599],{"class":1209},[742,2739,879],{"class":864},[742,2741,2742],{"class":759},".cutout-wrap",[742,2744,879],{"class":864},[742,2746,2667],{"class":864},[742,2748,2670],{"class":864},[742,2750,2751],{"class":868}," opacity",[742,2753,2608],{"class":864},[742,2755,2756],{"class":2633}," 1",[742,2758,2710],{"class":864},[742,2760,2761],{"class":1209}," CUT)",[742,2763,2621],{"class":864},[742,2765,2766],{"class":744,"line":1595},[742,2767,770],{"emptyLinePlaceholder":769},[742,2769,2770],{"class":744,"line":1601},[742,2771,2772],{"class":748},"\u002F\u002F Sentinel: extend timeline to the composition's full duration so the renderer\n",[742,2774,2775],{"class":744,"line":1632},[742,2776,2777],{"class":748},"\u002F\u002F doesn't bail past the last meaningful tween.\n",[742,2779,2780,2782,2784,2786,2788,2791,2794,2797,2799],{"class":744,"line":1690},[742,2781,2650],{"class":1209},[742,2783,2592],{"class":864},[742,2785,2735],{"class":2595},[742,2787,2599],{"class":1209},[742,2789,2790],{"class":864},"{},",[742,2792,2793],{"class":864}," {},",[742,2795,2796],{"class":2633}," 6",[742,2798,2618],{"class":1209},[742,2800,2621],{"class":864},[716,2802,2803],{"id":2803},"两个不明显的规则",[692,2805,2806],{},[1006,2807,2808,2809,2812],{},"1. 将抠像视频包装在非定时 ",[701,2810,2811],{},"\u003Cdiv>"," 中，动画包装器而非视频。",[692,2814,2815,2816,2818,2819,2822,2823,2826,2827,2830,2831,2834,2835,2837],{},"框架对任何带有 ",[701,2817,2282],{},"\u002F",[701,2820,2821],{},"data-duration"," 的元素在其\"活跃\"时强制 ",[701,2824,2825],{},"opacity: 1","——这是它控制片段可见性的方式。视频元素上的 CSS ",[701,2828,2829],{},"opacity: 0"," 会被框架的片段生命周期静默覆盖，因此对视频元素的 opacity 补间不会起作用。将视频包装在一个没有 ",[701,2832,2833],{},"data-*"," 属性的 ",[701,2836,2811],{}," 中；包装器完全由你的 CSS\u002FGSAP 控制。",[692,2839,2840],{},[1006,2841,2842,2843,2846],{},"2. 两个视频都从 ",[701,2844,2845],{},"data-start=\"0\""," 开始并在 t=0 同步解码。",[692,2848,2849,2850,2853],{},"\"延迟挂载\"抠像（",[701,2851,2852],{},"data-start=\"3.3\""," 以匹配切割点）很诱人。不要这样做——Chrome 在挂载时执行 seek + 解码器预热，这可能在切割时刻使一帧偏离基础 mp4。两个视频都从 t=0 挂载并动画化抠像包装器的 opacity，两个解码器以相同方式推进并保持帧精确。",[716,2855,2856],{"id":2856},"质量预设与颜色匹配",[692,2858,2859],{},"当抠像叠加在其自身源 mp4 上时，编码器的 CRF 直接影响边缘处重复的可见程度：",[1032,2861,2862,2878],{},[1035,2863,2864],{},[1038,2865,2866,2870,2873,2876],{},[1041,2867,2868],{},[701,2869,1286],{},[1041,2871,2872],{},"CRF",[1041,2874,2875],{},"文件大小（12 秒 @ 1080p）",[1041,2877,1049],{},[1054,2879,2880,2896,2914],{},[1038,2881,2882,2887,2890,2893],{},[1059,2883,2884],{},[701,2885,2886],{},"fast",[1059,2888,2889],{},"30",[1059,2891,2892],{},"约 2 MB",[1059,2894,2895],{},"抠像在无关背景上且文件大小重要",[1038,2897,2898,2905,2908,2911],{},[1059,2899,2900,2187,2903],{},[701,2901,2902],{},"balanced",[696,2904,1064],{},[1059,2906,2907],{},"18",[1059,2909,2910],{},"约 6 MB",[1059,2912,2913],{},"推荐用于 text-behind-subject 和任何叠加在源上的模式",[1038,2915,2916,2921,2924,2927],{},[1059,2917,2918],{},[701,2919,2920],{},"best",[1059,2922,2923],{},"12",[1059,2925,2926],{},"约 12 MB",[1059,2928,2929],{},"重要镜头、母版或任何你将在下游重新编码的内容",[692,2931,2932],{},"编码器还写入 BT.709 + limited-range 颜色元数据，使 Chrome 的 YUV→RGB 管线与源 mp4 匹配。没有这些标签，即使在无损质量下，抠像的渲染也会与底层 mp4 略有不同（可见的红色\u002F肤色偏移）。",[713,2934,2936],{"id":2935},"u-net_human_seg-擅长和不擅长的场景","u²-net_human_seg 擅长和不擅长的场景",[692,2938,2939,2940,2943],{},"该模型专为",[1006,2941,2942],{},"人像\u002F人物抠像","而构建。它在以下情况表现出色：",[1809,2945,2946,2949,2952],{},[1812,2947,2948],{},"✅ 主体是人，头肩像或全身",[1812,2950,2951],{},"✅ 构图相当稳定（不是广角手持拍摄）",[1812,2953,2954],{},"✅ 背景与主体有对比",[692,2956,2957],{},"它在以下情况会困难或失败：",[1809,2959,2960,2963,2966,2969],{},[1812,2961,2962],{},"❌ 非人类主体（产品、动物、物体）。模型会返回大部分为空的遮罩。",[1812,2964,2965],{},"❌ 复杂背景上的非常精细的头发细节。320×320 的推理分辨率意味着发尖会被柔化——大多数用例没问题，但合成师会注意到。",[1812,2967,2968],{},"❌ 帧间时间一致性。每帧独立处理，因此静态背景上移动的主体可能显示细微的边缘闪烁。对于大多数网页播放这不可见；对于高端 VFX 可能很重要。",[1812,2970,2971],{},"❌ 直播或实时捕获。流水线仅支持批处理。",[692,2973,2974],{},"如果你的用例遇到以下情况之一，请参见下面的替代方案。",[713,2976,2978],{"id":2977},"替代方案当内置命令不是合适的工具时","替代方案——当内置命令不是合适的工具时",[692,2980,2981,2982,2985,2986,2989,2990,2993],{},"CLI 有意只提供",[1006,2983,2984],{},"一个模型","——MIT 许可、到处运行、为人物\u002F人像视频提供生产质量输出的模型。以下列表优先列出与 HyperFrames 自然搭配的",[1006,2987,2988],{},"免费开源工具","。每个条目都标注了实际的注意事项——许可证、安装成本、硬件需求——以便你根据情况选择正确的工具。完整基准测试在",[1465,2991,1719],{"href":1716,"rel":2992},[1718],"中。",[716,2995,2997],{"id":2996},"免费开源-cli-和库","免费开源 CLI 和库",[692,2999,3000],{},"这些都在本地运行，无需账户、无需上传、无水印。",[1032,3002,3003,3014],{},[1035,3004,3005],{},[1038,3006,3007,3009,3011],{},[1041,3008,1375],{},[1041,3010,1049],{},[1041,3012,3013],{},"注意事项",[1054,3015,3016,3054,3070,3094,3113],{},[1038,3017,3018,3028,3043],{},[1059,3019,3020,3027],{},[1465,3021,3024],{"href":3022,"rel":3023},"https:\u002F\u002Fgithub.com\u002Fdanielgatis\u002Frembg",[1718],[701,3025,3026],{},"rembg","（Python，MIT）",[1059,3029,3030,3031,3034,3035,3038,3039,3042],{},"你需要不同的主体类型——",[701,3032,3033],{},"isnet-general-use"," 用于物体\u002F动物\u002F产品，",[701,3036,3037],{},"birefnet-portrait"," 用于头发质量上限，",[701,3040,3041],{},"silueta"," 用于极小的约 40 MB 体积。与我们默认模型同族，更多选择。",[1059,3044,3045,3046,3049,3050,3053],{},"需要 Python + ",[701,3047,3048],{},"pip install rembg","。部分捆绑模型（",[701,3051,3052],{},"birefnet-*","）需要约 4 GB RAM 且仅支持 CPU",[1038,3055,3056,3064,3067],{},[1059,3057,3058,3063],{},[1465,3059,3062],{"href":3060,"rel":3061},"https:\u002F\u002Fgithub.com\u002FZhengPeng7\u002FBiRefNet",[1718],"BiRefNet","（PyTorch，MIT）",[1059,3065,3066],{},"可用的最高保真度人像抠像——头发边缘明显优于 u²-net",[1059,3068,3069],{},"较重（约 4 GB 推理 RAM），CPU 上较慢，在评估时 Apple CoreML 上有问题",[1038,3071,3072,3084,3091],{},[1059,3073,3074,3079,3080,3083],{},[1465,3075,3078],{"href":3076,"rel":3077},"https:\u002F\u002Fgithub.com\u002FPeterL1n\u002FRobustVideoMatting",[1718],"Robust Video Matting (RVM)","（PyTorch，",[1006,3081,3082],{},"GPL-3.0","）",[1059,3085,3086,3087,3090],{},"唯一内置",[1006,3088,3089],{},"时间一致性","的广泛可用模型——移动主体无边缘闪烁。当你抠像长视频头像且帧间稳定性重要时的最佳选择",[1059,3092,3093],{},"GPL-3.0 许可证与大多数商业\u002F专有代码库不兼容。使用前请查看你仓库的许可证",[1038,3095,3096,3103,3110],{},[1059,3097,3098,3027],{},[1465,3099,3102],{"href":3100,"rel":3101},"https:\u002F\u002Fgithub.com\u002Fnadermx\u002Fbackgroundremover",[1718],"Backgroundremover",[1059,3104,3105,3106,3109],{},"u²-net 的简单 ",[701,3107,3108],{},"pip install"," 包装器；如果你想要 Python API 而非我们的 Node CLI 会很方便",[1059,3111,3112],{},"与我们同模型族，无质量差异——选择适合你技术栈的",[1038,3114,3115,3123,3126],{},[1059,3116,3117,3122],{},[1465,3118,3121],{"href":3119,"rel":3120},"https:\u002F\u002Fgithub.com\u002Fcomfyanonymous\u002FComfyUI",[1718],"ComfyUI","（开源，GPL-3.0 核心）",[1059,3124,3125],{},"自定义工作流：链接分割模型 + alpha 精炼 + 时间平滑。适用于棘手情况（多个主体、头发与相似背景、运动素材）的正确工具",[1059,3127,3128],{},"设置较复杂（Python、模型、节点图）。对于重复的专业工作值得",[692,3130,3131],{},"在外部运行其中任何一个后，使用以下命令将输出编码为 HyperFrames 兼容的透明 WebM：",[732,3133,3135],{"className":734,"code":3134,"language":736,"meta":737,"style":738},"ffmpeg -i frames-%04d.png -c:v libvpx-vp9 \\\n-pix_fmt yuva420p \\\n-metadata:s:v:0 alpha_mode=1 \\\n-auto-alt-ref 0 -b:v 0 -crf 30 \\\nransparent.webm\n",[701,3136,3137,3155,3165,3177,3198],{"__ignoreMap":738},[742,3138,3139,3141,3144,3147,3150,3153],{"class":744,"line":745},[742,3140,725],{"class":755},[742,3142,3143],{"class":759}," -i",[742,3145,3146],{"class":759}," frames-%04d.png",[742,3148,3149],{"class":759}," -c:v",[742,3151,3152],{"class":759}," libvpx-vp9",[742,3154,1210],{"class":1209},[742,3156,3157,3160,3163],{"class":744,"line":752},[742,3158,3159],{"class":1209},"-pix_fmt ",[742,3161,3162],{"class":759},"yuva420p",[742,3164,1210],{"class":1209},[742,3166,3167,3170,3173,3175],{"class":744,"line":766},[742,3168,3169],{"class":1209},"-metadata:s:v:0 ",[742,3171,3172],{"class":759},"alpha_mode=",[742,3174,1675],{"class":2633},[742,3176,1210],{"class":1209},[742,3178,3179,3182,3184,3187,3190,3193,3196],{"class":744,"line":773},[742,3180,3181],{"class":1209},"-auto-alt-ref ",[742,3183,1509],{"class":2633},[742,3185,3186],{"class":759}," -b:v",[742,3188,3189],{"class":2633}," 0",[742,3191,3192],{"class":759}," -crf",[742,3194,3195],{"class":2633}," 30",[742,3197,1210],{"class":1209},[742,3199,3200],{"class":744,"line":779},[742,3201,3202],{"class":1209},"ransparent.webm\n",[716,3204,3206],{"id":3205},"免费桌面-gui-工具","免费桌面 \u002F GUI 工具",[1032,3208,3209,3219],{},[1035,3210,3211],{},[1038,3212,3213,3215,3217],{},[1041,3214,1375],{},[1041,3216,1049],{},[1041,3218,3013],{},[1054,3220,3221,3236,3255],{},[1038,3222,3223,3230,3233],{},[1059,3224,3225],{},[1465,3226,3229],{"href":3227,"rel":3228},"https:\u002F\u002Fwww.blackmagicdesign.com\u002Fproducts\u002Fdavinciresolve",[1718],"DaVinci Resolve — Magic Mask",[1059,3231,3232],{},"你已经在 Resolve 中编辑，想要基于画笔的 UI 并手动精炼，且需要将 alpha 往返到更大的编辑中",[1059,3234,3235],{},"macOS \u002F Windows \u002F Linux 桌面安装。免费版涵盖 Magic Mask；付费 Studio 版本在某些功能上解锁更高分辨率",[1038,3237,3238,3246,3249],{},[1059,3239,3240,3245],{},[1465,3241,3244],{"href":3242,"rel":3243},"https:\u002F\u002Fbackgroundremover.app",[1718],"Backgroundremover.app","（web）",[1059,3247,3248],{},"一次性图片抠像，无需注册，无水印",[1059,3250,3251,3252,3254],{},"仅限单张图片，不是视频。免费层是托管的但底层工具是相同的 ",[701,3253,3026],{}," 模型族",[1038,3256,3257,3264,3267],{},[1059,3258,3259,3245],{},[1465,3260,3263],{"href":3261,"rel":3262},"https:\u002F\u002Fwww.photoroom.com\u002Ftools\u002Fbackground-remover",[1718],"PhotoRoom Background Remover",[1059,3265,3266],{},"快速一次性图片，精美 UI，无需注册",[1059,3268,3269],{},"仅限单张图片，电商优化模型",[716,3271,3273],{"id":3272},"web-saas-工具免费层有限制","Web SaaS 工具（免费层，有限制）",[1032,3275,3276,3286],{},[1035,3277,3278],{},[1038,3279,3280,3282,3284],{},[1041,3281,1375],{},[1041,3283,1049],{},[1041,3285,3013],{},[1054,3287,3288,3306,3321],{},[1038,3289,3290,3297,3300],{},[1059,3291,3292],{},[1465,3293,3296],{"href":3294,"rel":3295},"https:\u002F\u002Fwww.unscreen.com",[1718],"unscreen.com",[1059,3298,3299],{},"快速一次性视频，无需安装，拖放操作",[1059,3301,3302,3305],{},[1006,3303,3304],{},"免费层有水印且限于短片段","（约 10 秒预览）。付费移除两者。由 remove.bg 团队运营",[1038,3307,3308,3315,3318],{},[1059,3309,3310],{},[1465,3311,3314],{"href":3312,"rel":3313},"https:\u002F\u002Frunwayml.com",[1718],"RunwayML — Green Screen",[1059,3316,3317],{},"精美 UI，带画笔精炼和时间感知跟踪；SaaS 中最接近专业抠像的",[1059,3319,3320],{},"有免费层但有积分限制；认真使用需要订阅",[1038,3322,3323,3330,3333],{},[1059,3324,3325],{},[1465,3326,3329],{"href":3327,"rel":3328},"https:\u002F\u002Fwww.kapwing.com\u002Ftools\u002Fremove-video-background",[1718],"Kapwing — Background Remover",[1059,3331,3332],{},"基于浏览器，与其视频编辑器集成",[1059,3334,3335],{},"免费层有水印；付费移除",[716,3337,3338],{"id":3338},"如何选择",[1809,3340,3341,3351,3362,3370,3379,3385],{},[1812,3342,3343,3346,3347,3350],{},[1006,3344,3345],{},"人物\u002F人像视频，网页播放，MIT 干净","→使用内置 ",[701,3348,3349],{},"hyperframes remove-background","（这就是它调优的用途）。",[1812,3352,3353,3356,3357,3359,3360,2199],{},[1006,3354,3355],{},"非人类主体","（产品、动物、物体）→",[701,3358,3026],{}," 配合 ",[701,3361,3033],{},[1812,3363,3364,3367,3368,2199],{},[1006,3365,3366],{},"最高人像质量，尤其是头发","→通过 Python 使用 ",[701,3369,3062],{},[1812,3371,3372,3375,3376,2199],{},[1006,3373,3374],{},"边缘闪烁会可见的长视频","，GPL 可以→",[701,3377,3378],{},"RVM",[1812,3380,3381,3384],{},[1006,3382,3383],{},"一次性营销片段，无需安装","→DaVinci Resolve（免费）用于视频，Backgroundremover.app 用于静态图片。",[1812,3386,3387,3390],{},[1006,3388,3389],{},"现成模型无法处理的特殊案例","→ComfyUI 配合自定义图。",[713,3392,136],{"id":136},[716,3394,3395],{"id":3395},"模型下载失败或挂起",[692,3397,3398,3399,3402],{},"权重存储在 GitHub Releases 上（rembg 的 ",[701,3400,3401],{},"v0.0.0"," 发布，约 168 MB）。如果你的网络阻止 GitHub 或下载中断：",[732,3404,3406],{"className":734,"code":3405,"language":736,"meta":737,"style":738},"# Manually download and drop into the cache\nmkdir -p ~\u002F.cache\u002Fhyperframes\u002Fbackground-removal\u002Fmodels\ncurl -L -o ~\u002F.cache\u002Fhyperframes\u002Fbackground-removal\u002Fmodels\u002Fu2net_human_seg.onnx \\\nhttps:\u002F\u002Fgithub.com\u002Fdanielgatis\u002Frembg\u002Freleases\u002Fdownload\u002Fv0.0.0\u002Fu2net_human_seg.onnx\n",[701,3407,3408,3413,3424,3439],{"__ignoreMap":738},[742,3409,3410],{"class":744,"line":745},[742,3411,3412],{"class":748},"# Manually download and drop into the cache\n",[742,3414,3415,3418,3421],{"class":744,"line":752},[742,3416,3417],{"class":755},"mkdir",[742,3419,3420],{"class":759}," -p",[742,3422,3423],{"class":759}," ~\u002F.cache\u002Fhyperframes\u002Fbackground-removal\u002Fmodels\n",[742,3425,3426,3429,3432,3434,3437],{"class":744,"line":766},[742,3427,3428],{"class":755},"curl",[742,3430,3431],{"class":759}," -L",[742,3433,821],{"class":759},[742,3435,3436],{"class":759}," ~\u002F.cache\u002Fhyperframes\u002Fbackground-removal\u002Fmodels\u002Fu2net_human_seg.onnx",[742,3438,1210],{"class":1209},[742,3440,3441],{"class":744,"line":773},[742,3442,3443],{"class":1209},"https:\u002F\u002Fgithub.com\u002Fdanielgatis\u002Frembg\u002Freleases\u002Fdownload\u002Fv0.0.0\u002Fu2net_human_seg.onnx\n",[692,3445,3446,3447,3449],{},"后续 ",[701,3448,710],{}," 运行将跳过下载并使用你的本地副本。",[716,3451,3453],{"id":3452},"ffmpeg-and-ffprobe-are-required","\"ffmpeg and ffprobe are required\"",[692,3455,3456,3457,3460,3461,3464,3465,3467],{},"流水线调用 ffmpeg 进行解码 + 编码。在 macOS 上通过 ",[701,3458,3459],{},"brew install ffmpeg"," 安装，在 Debian\u002FUbuntu 上通过 ",[701,3462,3463],{},"sudo apt install ffmpeg"," 安装。使用 ",[701,3466,795],{}," 验证。",[716,3469,3471],{"id":3470},"输出-webm-在浏览器中看起来完全不透明","输出 WebM 在浏览器中看起来完全不透明",[692,3473,3474,3475,3477,3478,3480],{},"Chrome 仅在 WebM 编码为 ",[701,3476,3162],{}," 且带有 ",[701,3479,1026],{}," 元数据标签时才读取 alpha 平面。CLI 设置了这两个。如果你自己重新编码输出（例如使用另一个 ffmpeg 调用），保留这些标志：",[732,3482,3484],{"className":734,"code":3483,"language":736,"meta":737,"style":738},"ffmpeg -i in.webm -c:v libvpx-vp9 \\\n-pix_fmt yuva420p \\\n-metadata:s:v:0 alpha_mode=1 \\\n-auto-alt-ref 0 \\\nout.webm\n",[701,3485,3486,3501,3509,3519,3527],{"__ignoreMap":738},[742,3487,3488,3490,3492,3495,3497,3499],{"class":744,"line":745},[742,3489,725],{"class":755},[742,3491,3143],{"class":759},[742,3493,3494],{"class":759}," in.webm",[742,3496,3149],{"class":759},[742,3498,3152],{"class":759},[742,3500,1210],{"class":1209},[742,3502,3503,3505,3507],{"class":744,"line":752},[742,3504,3159],{"class":1209},[742,3506,3162],{"class":759},[742,3508,1210],{"class":1209},[742,3510,3511,3513,3515,3517],{"class":744,"line":766},[742,3512,3169],{"class":1209},[742,3514,3172],{"class":759},[742,3516,1675],{"class":2633},[742,3518,1210],{"class":1209},[742,3520,3521,3523,3525],{"class":744,"line":773},[742,3522,3181],{"class":1209},[742,3524,1509],{"class":2633},[742,3526,1210],{"class":1209},[742,3528,3529],{"class":744,"line":779},[742,3530,3531],{"class":1209},"out.webm\n",[692,3533,3534],{},"要验证 WebM 是否有 alpha，提取第一帧并检查：",[732,3536,3538],{"className":734,"code":3537,"language":736,"meta":737,"style":738},"ffmpeg -y -c:v libvpx-vp9 -i out.webm -frames:v 1 -pix_fmt rgba -update 1 frame0.png\n",[701,3539,3540],{"__ignoreMap":738},[742,3541,3542,3544,3547,3549,3551,3553,3556,3559,3561,3564,3567,3570,3572],{"class":744,"line":745},[742,3543,725],{"class":755},[742,3545,3546],{"class":759}," -y",[742,3548,3149],{"class":759},[742,3550,3152],{"class":759},[742,3552,3143],{"class":759},[742,3554,3555],{"class":759}," out.webm",[742,3557,3558],{"class":759}," -frames:v",[742,3560,2756],{"class":2633},[742,3562,3563],{"class":759}," -pix_fmt",[742,3565,3566],{"class":759}," rgba",[742,3568,3569],{"class":759}," -update",[742,3571,2756],{"class":2633},[742,3573,3574],{"class":759}," frame0.png\n",[692,3576,3577,3578,3581],{},"解码后的 ",[701,3579,3580],{},"frame0.png"," 应该是 RGBA 并具有非零 alpha 值。",[716,3583,3585],{"id":3584},"coreml-可用但推理未能启动","CoreML \"可用\"但推理未能启动",[692,3587,3588],{},"如果 CoreML 绑定失败，流水线会自动回退到 CPU，并显示警告。如果你想完全跳过 CoreML 尝试，强制使用 CPU：",[732,3590,3591],{"className":734,"code":1820,"language":736,"meta":737,"style":738},[701,3592,3593],{"__ignoreMap":738},[742,3594,3595,3597,3599,3601,3603,3605,3607,3609],{"class":744,"line":745},[742,3596,809],{"class":755},[742,3598,812],{"class":759},[742,3600,815],{"class":759},[742,3602,818],{"class":759},[742,3604,821],{"class":759},[742,3606,1128],{"class":759},[742,3608,1839],{"class":759},[742,3610,1842],{"class":759},[716,3612,3614],{"id":3613},"alpha-遮罩边缘粗糙或锯齿状","Alpha 遮罩边缘粗糙或锯齿状",[692,3616,3617],{},"这通常意味着源帧在相似色调的背景上有高对比度，模型的 320×320 推理分辨率显露出来。两条前进路径：",[3619,3620,3621,3624],"ol",{},[1812,3622,3623],{},"重新构图或重新拍摄，为主体提供更具对比度的背景。",[1812,3625,3626,3627,3629,3630,3632,3633,3637],{},"通过 ",[701,3628,3026],{}," 尝试 ",[701,3631,3037],{},"（参见",[1465,3634,3636],{"href":3635},"#other-open-source-models","其他开源模型","）——它在头发边缘质量更高但更慢更重。",[713,3639,653],{"id":653},[1809,3641,3642,3650,3657,3664],{},[1812,3643,3644,3645],{},"CLI：",[1465,3646,3648],{"href":3647},"\u002Fpackages\u002Fcli#remove-background",[701,3649,3349],{},[1812,3651,3652,3653],{},"评估：",[1465,3654,3656],{"href":1716,"rel":3655},[1718],"抠像评估 — v7",[1812,3658,3659,3660],{},"源模型：",[1465,3661,3663],{"href":3022,"rel":3662},[1718],"danielgatis\u002Frembg",[1812,3665,3666,3667],{},"ONNX 运行时：",[1465,3668,3671],{"href":3669,"rel":3670},"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fonnxruntime-node",[1718],[701,3672,1012],{},[2011,3674,3675],{},"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 .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 .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 .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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":738,"searchDepth":745,"depth":752,"links":3677},[3678,3683,3684,3685,3689,3690,3691,3692,3698,3699,3705,3712],{"id":15,"depth":752,"text":15,"children":3679},[3680,3681,3682],{"id":718,"depth":766,"text":719},{"id":799,"depth":766,"text":799},{"id":845,"depth":766,"text":845},{"id":992,"depth":752,"text":992},{"id":1030,"depth":752,"text":1030},{"id":1171,"depth":752,"text":1172,"children":3686},[3687,3688],{"id":1310,"depth":766,"text":1311},{"id":1460,"depth":766,"text":1460},{"id":120,"depth":752,"text":120},{"id":1801,"depth":752,"text":1801},{"id":1903,"depth":752,"text":1903},{"id":2152,"depth":752,"text":2152,"children":3693},[3694,3695,3696,3697],{"id":2162,"depth":766,"text":2162},{"id":2243,"depth":766,"text":2244},{"id":2803,"depth":766,"text":2803},{"id":2856,"depth":766,"text":2856},{"id":2935,"depth":752,"text":2936},{"id":2977,"depth":752,"text":2978,"children":3700},[3701,3702,3703,3704],{"id":2996,"depth":766,"text":2997},{"id":3205,"depth":766,"text":3206},{"id":3272,"depth":766,"text":3273},{"id":3338,"depth":766,"text":3338},{"id":136,"depth":752,"text":136,"children":3706},[3707,3708,3709,3710,3711],{"id":3395,"depth":766,"text":3395},{"id":3452,"depth":766,"text":3453},{"id":3470,"depth":766,"text":3471},{"id":3584,"depth":766,"text":3585},{"id":3613,"depth":766,"text":3614},{"id":653,"depth":752,"text":653},"去除视频或图片的背景，将其作为透明覆盖层放入任何合成中。","md",null,{},{"title":108,"description":3713},"h9XfaI86duxTa1Hf_C2ljdn7AeVtg9g5_3rxumDF6i4",[3720,3722],{"title":104,"path":105,"stem":106,"description":3721,"children":-1},"在本地或 Docker 中将合成渲染为 MP4、MOV 或 WebM。",{"title":112,"path":113,"stem":114,"description":3723,"children":-1},"当源包含 HDR 视频或图片时，将合成渲染为 HDR10 MP4（BT.2020 PQ 或 HLG，10-bit H.265）。",1780322250068]