Ionic App to test the capacitor-video-player plugin

Example of a Ionic Application to test and validate the Capacitor Video Player Plugin

capacitor-video-player

To run this Project

Clone the project

clone this repo to a new directory:

git clone https://github.com/jepiqueau/ionic-capacitor-videi-player.git ionic-capacitor-video-player
cd ionic-capacitor-video-player
git remote rm origin
npm install

init capacitor

npx cap init IonicCapacitorVideoPlayer com.example.ioniccapacitorvideoplayer

first project build

npm run build

Adding IOS Platforms

npx cap add ios

Building App for Targeted Platforms

npx cap update
npm run build
npx cap copy

running on IOS

npx cap open ios

Xcode will be opened with your project and will index the files. When completed, clean the build folder, create the build, select your apple device or emulator and click on the run button. The application should display four buttons. Click on them

running on Android

npx cap open android

Android Studio will be opened with your project and will sync the files. In Android Studio go to the file MainActivity in app/src/main/java/com/example/ioniccapacitorvideoplayer and modified as follows

package com.example.ioniccapacitorvideoplayer;

import android.os.Bundle;

import com.getcapacitor.BridgeActivity;
import com.getcapacitor.Plugin;
import com.jeep.plugin.capacitor.videoplayer.CapacitorVideoPlayer;


import java.util.ArrayList;

public class MainActivity extends BridgeActivity {
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    // Initializes the Bridge
    this.init(savedInstanceState, new ArrayList<Class<? extends Plugin>>() {{
      // Additional plugins you've installed go here
      // Ex: add(TotallyAwesomePlugin.class);
      add(CapacitorVideoPlayer.class);
    }});
  }
}

Sync Project with Gradle Files Build Clean Project Setup the SDK, i used the Android API 27 platform and make Update when asked

When all this is done and your buid is succesful, click on the run project button and select your device or emulator, the application will launch and display four buttons.

running on Web

npx cap copy web
ng serve

open your browser on http://localhost:4200/

In the App

Click on Test Video Player button, a video should play.