Skip to main content
Participant
March 29, 2026
Open for Voting

Native DOM-to-PNG Capture API (with Alpha Channel) for CEP Panels

  • March 29, 2026
  • 0 replies
  • 8 views

Context: As a sports video editor and plugin developer, I’ve built a massive HTML5/React-based CEP extension for Premiere Pro to generate dynamic overlays (scoreboards, rosters). Currently, to get these overlays onto the timeline, I have to rely on complex workarounds like running a separate Node.js server with a headless Puppeteer browser just to capture my React components with transparency.

 

The Feature Request: We urgently need a native method within the CEP API to silently capture a specific DOM element inside our panel and save it directly to disk as a PNG with transparency.

 

How it should work: Something like: cep.fs.captureNodeListToImage(domNode, exportPath, { format: 'png', alpha: true })

 

Why it matters: This would instantly eliminate the need for heavy, external rendering pipelines for static web-based overlays. It would make Premiere Pro vastly more powerful and accessible for broadcast-style web integration natively.