Skip to content

sagarjethi/videochat-demo-opentok

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

OpenTok Ionic Samples

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.

Contributing

If you make changes to the project that you would like to contribute back then please follow the contributing guidelines. All contributions are greatly appreciated!