VidiCore Adobe Extension Theme
Introduction
Using the Application
VidiCore Version Compatibility
Accessing the Application
Prerequisite: Add CORS Configuration to VidiCore
Defining the VidiCore API Endpoint
Accessing the Source Code
Using the Application
Requirments to build the extension
How to build the extension
...
| Table of Contents |
|---|
Introduction
The VidiCore Adobe Extension Theme shows the capabilities of using content from VidiCore inside of Adobe Premiere Pro. It is written in a boilerplate manner with reactjs, material-ui in order to kick-start feature development for already working VidiCore instances. It also contains debugging tool for easy development.
The key features of the application are centered on granting the user the ability to extend the application by adding components and UIs with reactjs fast.[image - assets_screen.png]
...
Adobe Extension Theme is ready to go application and requires minimal configuration.
Using the Application
For this guide, we assume that you have a VidiCore instance running. This can be running either inside VidiNet or as a standalone local instance, Adobe Premiere Pro, ZXPSignCMD tool and zxp installer.
VidiCore Version Compatibility
Your VidiCore system needs to be version 4.17 or later in order to use this theme application.
Accessing the Application
The VidiCore Adobe Extension Theme runs as a serverless one-page application. The latest compiled version can be found here: https://vidispine.github.io/adobe-extension-theme . This version can be run towards any VidiCore system.
...
Directing the application towards a VidiCore API endpoint in the login screen
Accessing the Source Code
The VidiCore Admin Tool source code can be found on GitHub: https://github.com/vidispine/adobe-extension-theme
Access Denied or no GitHub account?
Create an account here https://github.com/join and then send your GitHub username to info@vidispine.com with a request to obtain access to the Theme for VidiCore from the Vidispine Repository.
With access to the repository in GitHub you will be able to modify and run the application locally. Remember to adjust your CORS settings for the application to run correctly.Requirments
Requirements to build the extension
Adobe ZXPSignCMD tool - https://github.com/Adobe-CEP/CEP-Resources/tree/master/ZXPSignCMD - for signing certificate and building ZXP
...
And to build it run `` ZXPSignCmd -sign <directoryName> <name>`date +%Y%m%d-%H%M`.zxp <outputPath.p12 <password> ``
How to build the extension
After you have download the repository and opened it in your code editor, you can run commands to build it:
...
Run `yarn postbuild` to create zxp package
How to use extensions in Adobe
Extensions can be installed via zxp installers. One of the most popular zxp installers is aescripts + eaplugins - https://aescripts.com/learn/zxp-installer/ . All zxp extensions must contain certificates and can be build by ZXPSignCMD tool.
After installing extension restart Adobe Premier Pro application and under Window -> Extensions will be available 2 versions - Production and Development versions.[image - window_screen.png]
...
Log in to the instance and you will be able to see your assets.[image - login_screen.png]
...