Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

The VidiCore Adobe Extension Theme provides one with the capabilities for using content from VidiCore within Adobe Premiere Pro. This extension is written in as a boilerplate manner with reactjsReactJS, material-ui in order to kick-start feature development for already working VidiCore instances. It also contains a debugging tool to facilitate further 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 fastReactJS Fast.

...

Adobe Extension Theme is ready to go application and requires minimal configuration.

Using the Application

For this guide, we assume that you have a running VidiCore instance running. This can be running either inside VidiNet or as a standalone local instance, Adobe Premiere Pro, ZXPSignCMD tool and zxp installer.

...

The VidiCore Adobe Extension Theme runs as a serverless one-page application. The latest compiled version can be found here: link. This version can be run towards any VidiCore system.

Prerequisite: Add CORS Configuration to VidiCore

To use the Github-hosted application towards your VidiCore system, the following CORS configuration must be added in VidiCore. This can either be done in the console of your choice or via Postman.

...

Code Block
languagexml
 <CORSConfigurationDocument xmlns="http://xml.vidispine.com/schema/vidispine">
 <entry>
  <request>
   <origin>https://vidispine.github.io/adobe-extension-theme</origin>
  </request>
  <response>
   <allowOrigin>https://vidispine.github.io/adobe-extension-theme</allowOrigin>
   <allowMethods>OPTIONS,GET,HEAD,POST,PUT,DELETE</allowMethods>
   <allowHeaders>accept,content-type,authorization,index,size,runas</allowHeaders>
   <allowMaxAge>600</allowMaxAge>
 </response>
</entry>
Info

...

An erroneous or missing CORS configuration will render an error in the application login screen.

Defining the VidiCore API Endpoint

Enter the API endpoint URI of your VidiCore system in the application’s login screen. Log in to the application using the username and password of a user account in your VidiCore system.

Directing Direct the application towards a VidiCore API endpoint in the login screen.

Accessing the Source Code

...

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.

...

After you have download the repository and opened it in your code editor, you can run commands to build it:{{Run}}

Code Block
languagenone
Run `yarn install` to download all client node dependencies

...