What are HTML5 Panels?
Panels are accessed in After Effects from Window > Extensions > (your panel name). Panels can be resized and docked just like any other panel in After Effects. They are supported in After Effects CC 2014 and later.
What technologies are needed to write HTML5 Panels?
- ExtendScript DOM for deep control of After Effects, documented here:
- HTML5 for UI. Extensions are hosted in an embedded version of Chromium. That means that nearly everything you can do in Google Chrome, you can also do in an extension.
- A small bit of XML that is interpreted by the panel hosting code to determine which applications and versions the panel should be loaded by.
What panels have already been developed?
Panels are relatively new, starting with the 2014 release of After Effects CC, but have been supported in Premiere Pro since 2011. Developers have created PPro panels to allow editors to work with their Media Asset Management systems without leaving the application. In AE, the potential is huge to automate repetitive tasks using scripting, using a panel for a polished UI.
What is the advantage of the panel SDK over ScriptUI or AEGP panels?
After Effects has already supported various ways to develop panels. However, HTML5 is both more flexible than ScriptUI, and faster to develop then AEGP panels. We anticipate HTML5 will be the sweet spot many developers are looking for, and it will enable more direct integration with many existing video tools.
Can the same panel be compatible with multiple hosts?
Yes, however, the underlying scripting DOM will likely differ, so you may need to implement the same functionality in different ways for different hosts.
You will need Adobe Reader software to read the PDF documentation
For questions on using the SDK to develop a panel for After Effects, please visit the After Effects SDK Forum.
SDKs are generally supported for six months following the release of the next major version of the SDK.