Skip to content
Sample applications using OpenTok and Ionic
Branch: master
Clone or download
msach22 Merge pull request #33 from opentok/update-sample
update sample to use best practices with latest Cordova plugin
Latest commit dc1ed85 Feb 22, 2019

README.md

OpenTok Ionic Samples

OpenTok Labs

In this repo, you'll find the following sample applications:

  • Basic Video Chat
    • This sample application shows how to connect to an OpenTok session, publish a stream, and subscribe to a single stream in an iOS and Android application.

Prerequisites:

  1. Node.js

  2. Ionic: $ npm install -g ionic

  3. Xcode

  4. Android Studio

Note: Please make sure to run the commands in the same order as below
  1. Clone this repo

  2. Change directory to the sample project

  3. Run: $ npm install

  4. Add the Cordova-OpenTok-Plugin: $ ionic cordova plugin add cordova-plugin-opentok

Running the application

For Android

  1. In the root directory of the sample project, run ionic serve.
    • This is needed to copy over the files to the www folder
  2. Next, run ionic cordova prepare android.
  3. Open Android Studio.
  4. Click Open an existing Android Studio project.
  5. Navigate to the platforms/android subdirectory of this project and select the build.gradle file.
  6. Click run.
Note: If you're using the simulator, you will see a black container for your publisher since the simulator doesn't have a camera.

For iOS

Camera & Microphone Permissions

Add the following to the project's info.plist file:

<key>NSCameraUsageDescription</key>
<string>The camera is required to publish video</string>
<key>NSMicrophoneUsageDescription</key>
<string>The microphone is required to publish audio</string>
  1. In the root directory of the sample project, run ionic serve.
    • This is needed to copy over the files to the www folder
  2. Next, run ionic cordova prepare ios.
  3. Open Xcode.
  4. Click Open another project...
  5. Navigate to the platforms/ios subdirectory of this project and select MyApp.xcodeproj.
  6. Sign the project.
  7. Run.
Note: If you're using the simulator, you will see a simulation for your publisher since the simulator doesn't have a camera.
You can’t perform that action at this time.