Skip to content
This repository has been archived by the owner on Apr 19, 2023. It is now read-only.

Video Player

Nathan Agez edited this page Jun 15, 2021 · 7 revisions

Video player code generation

Amplify video provides a command amplify video setup-video-player that will create and import a pre-configured video player inside your project source directory. It supports React, Vue, Ionic, Angular, Ember, iOS & Android.

setup-video-player command will configure the end component depending of your project settings. It is based on video.js video player, amplify video will detect if video.js dependency is installed or not and will do the necessary if needed. Once the command ran successfully, the CLI will display you the component declaration to import inside your project.

Mobile video player specification

The generated video player is using the specified libraries depending of the project type:

Type iOS Android Web
VoD VLCKit EXOPlayer video.js
IVS IVS Player SDK (ios) IVS Player SDK (android) IVS Player SDK (web)
Livestream VLCKit EXOPlayer video.js

Video demo

Here we have a React application, we have used the setup-video-player command to configure a video player for our IVS project.

OBS has been configured previously for the purpose of the demo with the setup-obs command.