Skip to main content

Setup the development environment

What you need before starting​

  • Your AWS account is SSO-enabled to access https://deltatre.awsapps.com/start. After being SSO-enabled (please refer to your Project Manager), restart your development machine.

Setup​

  1. Access https://deltatre.awsapps.com/start and select Access keys

  2. In a terminal, execute the three imports in Option 1: Set AWS environment variables

  3. Go back to https://deltatre.awsapps.com/start and select CodeArtifactReadOnlyAccessDIVA

  4. Search and select CodeArtifact

  5. Select the Diva repository, filter by Format:npm, and select View connection instructions

  6. Select Operating system, npm as the package manager, Recommended method: configure using AWS CLI, and copy the login command in Step 3

  7. Before executing the login command, append --namespace @deltatre-vxp at the end, like

    aws codeartifact login --tool npm --repository Diva --domain deltatre-diva --domain-owner <YOUR USER CODE> --region eu-central-1 --namespace @deltatre-vxp

Note: The login session expires within 12 hours. Repeat the steps until the login command every time you need to update the DIVA package.

  1. Select your project folder and run command npm i @deltatre-vxp/diva-sdk

  2. You're ready to get started coding the front-end with the DIVA Player SDK.

Notes​

In your front-end js/typescript app, make sure to remove the tag <React.StrictMode> from the root.render function in the index.tsx file. Otherwise, the video player's sound may be out of control.