Addons

Nuxeo Frame.io Connector

Updated: December 4, 2024

The Nuxeo Frame.io connector allows users to improve their capabilities of syncing and collaborating on content from/to Adobe Premiere, and other video editing tools, through Frame.io.

It enables you to store master files in Nuxeo, but collaborate on lower resolution conversions in Frame.io. You can therefore do all the review work in Frame.io and once you are finished, export your asset to Nuxeo. It will import the Master file along with its Frame.io metadata, comments and annotations.

This page will help you to:

  • Configure the Frame.io account.
  • Deploy and configure the Nuxeo Frame IO addon.
  • Test the addon.

Installation

Frame.io Side

Registration

  1. You first need to register a Frame IO account or connect to your account.
  2. Create a team/verify that all users within your team have the right access.
  3. Add a new project and upload some documents.

frameio-create-project.png
frameio-create-project.png

Define an OAuth2 Application

A frame.io administrator user has to create an Oauth2 application.
For this you can:

  1. Click on your at the top left, and click on Apps & Integration.
    frameio-apps-and-integrations.png
    frameio-apps-and-integrations.png
  2. From the left menu, select the Apps link in the Developer category.

    frameio-apps-developer.png

In case of blank page:

  1. Log to https://developer.frame.io
  2. Navigate to https://developer.frame.io/app/oauth-apps
    frameio-developer.png
    frameio-developer.png
    frameio-create-oauth-app.png
    frameio-create-oauth-app.png
  3. Click the Create an OAuth app button.
  4. Fill in the form:

It should look like this in the end:

frameio-oauth-app-endresult.png
frameio-oauth-app-endresult.png

You need to Copy the client id and secret because we will need them at a later stage.

Nuxeo Side

Prerequisites

Your Nuxeo instance must be live.
As an example: https://nightly.nuxeo.com/nuxeo

The URL should match the previously created OAuth 2 app redirect URL on the Frame IO side!

Addon Deployment

  1. Stop your nuxeo instance:
    /opt/nuxeo/bin/nuxeoctl stop
    
  2. Install the Nuxeo addon as usual:
    /opt/nuxeo/bin/nuxeoctl mp-install nuxeo-frameio
    
  3. Start your nuxeo instance:
    /opt/nuxeo/bin/nuxeoctl start
    

Register the Frame.io Provider

Only an administrator user is able to register the Frame.io provider. You only need to do this once to enable your team to bind folders.

  1. Log to the Nuxeo UI with Administrative privileges.
  2. From the left menu, go to Administration, then Cloud Service.
    frameio-cloud-services.png
    frameio-cloud-services.png
  3. Add a new provider.

The following form will be prefilled for you, you only need to add the Client ID and Client Secret, enable the provider and enable the service.

Fill the form:

  • Service name: frameio
  • Description: Frame IO Provider
  • Client ID: paste from Frame IO Oauth2 application
  • Client Secret: paste from Frame IO Oauth2 application
  • Authorization Server URL: https://applications.frame.io/oauth2/auth
  • Token Server URL: https://applications.frame.io/oauth2/token
  • User Authorization URL:
  • Scopes: action.create,action.delete,account.read,comment.read,action.update,action.read,team.read,asset.read,offline

    frameio-edit-provider-entry.png
    frameio-edit-provider-entry.png

Your team will now be ready to bind folders with their Frame.io projects.

Use Case

Prerequisites

The user must have:

  • A Frame.io account
  • Rights access to the Frame.io project
  • A Nuxeo account.

Step 1: Bind a Nuxeo Folder with a Frame.io project.

  1. Log to Nuxeo.
  2. Create a new Folder or go to an existing one.
  3. From the summary view, click to the Bind to Frame IO available on the action menu.
    frameio-bind-to-frameio.png
    frameio-bind-to-frameio.png
  4. A popup is displayed.
    You can name the custom action that will appear on the frame.io side to push assets to your Nuxeo repository. You can name it Publish to Nuxeo as an example.
    If you want to bind another folder, another custom action will be created and you will need to name it differently.
  5. Fill the form and click the Validate button.
    frameio-popup-bind-folder.png
    frameio-popup-bind-folder.png
  6. Take a look at the new tab named Frame IO.
    You can now see that your folder is bound with the Frame.io team we selected earlier.
    frameio-tab-webui.png
    frameio-tab-webui.png

Step 2: Push an asset from Frame IO to Nuxeo

  1. Log to Frame IO.
  2. Navigate to the shared project.
  3. Select a file and push the file to Nuxeo using the custom action.
    frameio-publish-to-nuxeo.png
    frameio-publish-to-nuxeo.png
  4. After a few seconds, the popup displays "Asset pushed to Nuxeo”.
    It means that the video is being sent to Nuxeo and is currently being uploaded into your Nuxeo folder. You will receive an email notification when your video is available in your Nuxeo folder.
    frameio-popup-success.png
    frameio-popup-success.png

Step 3: Check the new created document into Nuxeo

From the summary view of the bound folder, check the new created document.

frameio-summary-view-bound-folder.png
frameio-summary-view-bound-folder.png

You are now able to retrieve your video and read the metadata imported from Frame.io in the frame.io document tab.

Note that, if you are sending a new version of the video from Frame.io, we will then increment the version in Nuxeo following your rules.

frameio-tab-new-version.png
frameio-tab-new-version.png

Optional: UnBind a Nuxeo Folder with a Frame IO project.

frameio-unbind-nuxeo-folder.png
frameio-unbind-nuxeo-folder.png

At any given moment, you are able to unbid your folder with your frame.io project.
This will have immediate effect and your frame.io team members won’t be able to send new content to your Nuxeo folder.

Everything that was previously pushed to your Nuxeo folder will stay in your folder.