Intro to HTML5 Panels

What are HTML5 Panels?

Panels are a new way to extend After Effects, starting in version CC 2014.  They 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.

What technologies are needed to write HTML5 Panels?

What panels have already been developed?

Panels are brand new to After Effects, 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, to preview and purchase stock media, etc.

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 functions multiple in different ways for different hosts.

System and software requirements

Windows

Microsoft Windows 7 64

Mac OS

Mac OS 10.8 or 10.9

You will also need Adobe Reader software to read the PDF documentation

Developer support

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.