Integrate support for iOS and Android to toggle the audio and video streams on/off with promises, to capture failures.

setPublishAudio()
setPublishVideo()

https://www.tokbox.com/developer/sdks/android/reference/

publishAudio
publishVideo

https://www.tokbox.com/developer/sdks/ios/reference/Classes/OTPublisherKit.html

There are 3 different ways that a video is displayed on the screen:

• Fill
• Fit
• Scale

Allow the user to configure this, prior to appending the stream to the screen.

API Reference: https://www.tokbox.com/developer/sdks/android/reference/com/opentok/android/BaseVideoRenderer.html

Parent issue: #12

Currently the video streams are added to the activity/frame using an absolute layout. I believe the video streams are actually added to a new activity that is placed over the existing foreground activity.

Investigate a better way to control where the video streams are published to. Ideally you would be able to specify a container ID to append the stream to.

If this is not possible, we need to find a better way to allow users to change the video stream's location and size, after it has been appended to the view.

Parent Issue: #12

Hello. My team and I are looking for a solution to integrate video chat into our Nativescript application. We're starting this portion of development in the next few days and we had a couple of questions; hoping you could help us answer them:

1. How is the support for OpenTok on mobile devices? Is this something we could use to support all sorts of arm devices? If not, is there another solution out there that can help us facilitate that?
2. Do you have any advice on using this plugin in a production environment?

Investigate the difficulty and possibility of overlaying native UI components on-top of the video streams, controlled from the demo app.

Example circumstances would be:

• Play/pause buttons
• Toggle camera button (front-facing to back camera)
• Mute button
• Dragging subscriber video stream around screen (similar to FaceTime)

Parent issue: #12

Hello,

I stumbled upon a weird issue today. If we configure the element

<TNSOTSubscriber #subscriber id="subscriber" width="1" height="1"></TNSOTSubscriber>
<TNSOTPublisher #publisher id="publisher" width="100%" height="100%"></TNSOTPublisher>

The app crashes in iOS device. However, as soon as we set a defined height and width to the publisher element it works out fine.

Could you help me with it

Parent task for underlying Android issues.

Hello,
I have build an ionic 2 app. I want to add video call between users and came upon your plugin. I have looked over the wiki regarding angular 2 integration, but it does not work.

import {TNSOTSession, TNSOTPublisher, TNSOTSubscriber} from "nativescript-opentok";
this displays an error like: Cannot find module "nativescript-opentok"

I installed the library using this command:
npm install nativescript-opentok --save

Could you please help me solve this problem ?

Hello,

I was trying out signalling API of opentok; unfortunately, this functionality is still pending.

https://tokbox.com/developer/tutorials/android/text-chat/step-1/

Regards

Hello,

Do we have a provision to get the connection of current session?

Hello,

I am trying to build on webpacks. This is what I'm getting, sometimes the error contains CssProperty is not a constructor which belongs to opentok plugin or else android of undefined as show below:

ERROR:

An uncaught Exception occurred on "main" thread.
java.lang.RuntimeException: Unable to create application com.tns.NativeScriptApplication: com.tns.NativeScriptException: 

Error calling module function 

Error calling module function 

TypeError: Cannot read property 'android' of undefined
File: "file:///data/data/com.patient/files/app/bundle.js, line: 34446, column: 25

StackTrace: 
	Frame: function:'', file:'file:///data/data/com.patient/files/app/bundle.js', line: 34446, column: 26
	Frame: function:'__webpack_require__', file:'file:///data/data/com.patient/files/app/vendor.js', line: 53, column: 30
	Frame: function:'', file:'file:///data/data/com.patient/files/app/bundle.js', line: 8640, column: 10
	Frame: function:'__webpack_require__', file:'file:///data/data/com.patient/files/app/vendor.js', line: 53, column: 30
	Frame: function:'', file:'file:///data/data/com.patient/files/app/bundle.js', line: 28095, column: 30
	Frame: function:'__webpack_require__', file:'file:///

Line: 34446

/***/ }),
/* 551 */
/* no static exports found */
/* all exports used */
/*!********************************************************!*\
  !*** ../~/nativescript-opentok/src/android/session.js ***!
  \********************************************************/
/***/ (function(module, exports, __webpack_require__) {

"use strict";

Object.defineProperty(exports, "__esModule", { value: true });
var observable_1 = __webpack_require__(/*! tns-core-modules/data/observable */ 61);
var utils = __webpack_require__(/*! tns-core-modules/utils/utils */ 12);
var Session = com.opentok.android.Session;

Line 34446 is var Session = com.opentok.android.Session;

I hope this will help resolve the issue.

Hi there, I'm not sure if this works in angular 4+ nativescript mobile application, I'm always receiving an undefined Session error and not sure if this works on such versions. Can you please tell me if it could run in tns angular 4+?? thanks

Can you please update opentok dependency.

Thank you!

live camera looks fine when publish for the first time. then i tap "stop publish" the camera freeze. when i tap the "start publish" button again, it remain frozen.

First off, really excited to use Tokbox on angular2. I followed the instructions for the Opentok angular2 integration and am still having this issue. I have tried re installing the module and re running npm install. Was wondering if there is something I am missing in the instructions?

I got Property 'requestPermission' does not exist on type 'typeof TNSOTSession' error. It seems like the *.android.d.ts is not recognized.

Hi, I have integrated this plugin into my project. When I try to initiate a publishing session, I am not seeing a preview of the video I'm sending to the subscriber. Is there another view that I should be instantiating?

Do your best to match the existing call signature for iOS, in Android. We need to expose the event callbacks (listeners) from the Android SDK to the demo app, in order to allow users to attach custom logic to event firings.

For example, in iOS the demo app has this call signature:

this._session.sessionEvents.on('sessionDidConnect', (result) => {
    console.log('sessionConnected event');
    this._session.publish();
    this._session.publisherEvents.on('streamCreated', () => {
        console.log('streamCreated event on publisher object');
    });
});

Parent task: #12

Currently in Android, the device will force quit the camera as soon as it attempts to publish the feed. Identify the issue causing the camera to quit and fix it, so that the publisher camera is visible on the device and/or emulator.

Parent issue: #12

Refer to this diagram:

The device needs to follow the appropriate flow to allow two users to publisher and subscribe to each other's feeds. Their camera feeds should display on each other's devices, as well as their own camera feed should be visible on the screen. Think of the same concept as iOS FaceTime.

Parent issue: #12

    initPublisher() {
        this.session.connect(this._publisherToken);
        this.publisher.publish(this.session, '', 'HIGH', '30');
        this.publisher.events.on('streamDestroyed', (result) => {
            console.log('publisher stream destroyed');
        });
    }

I got error message : TypeError: Cannot read property 'on' of undefined

Hello,

    initSubscriber() {
        this.session.events.on('streamCreated', (data) => {
            this.subscriber.subscribe(this.session, data.object.get('stream'));
        });
    }

This will help as subscribe needs a stream object while subscribing.

However, this too doesn't work I tried and it shows a black screen in subscriber.

@sean-perkins Any help in subscribing? I can see that the device is publishing here https://tokbox.com/developer/tools/playground/ but it does not subscribe, all I can see is a particular black screen.

    initSubscriber() {
        this.session.events.on('streamCreated', () => {
            this.subscriber.subscribe(this.session);
        });
    }

Got error message : Supplied parameters do not match any signature of call target.

Hi Sean, great plugin!
When I run the demo I get the following error:
file:///app/main-view-model.js:3:37: JS ERROR Error: Could not find module 'nativescript-opentok'.

Do you know how I can fix this?
Thanks

I tried to implement your plugin in my angular2 project and getting these errors during compilation:

error TS6059: File '../node_modules/nativescript-opentok/opentok.ios.ts' is not under 'rootDir' '../app'. 'rootDir' is expected to contain all source files.

error TS6059: File '../node_modules/nativescript-opentok/src/common.ts' is not under 'rootDir' '../app'. 'rootDir' is expected to contain all source files.

error TS6059: File '../node_modules/nativescript-opentok/src/ios/publisher-delegate.ts' is not under 'rootDir' '../app'. 'rootDir' is expected to contain all source files.

error TS6059: File '../node_modules/nativescript-opentok/src/ios/publisher.ts' is not under 'rootDir' '../app'. 'rootDir' is expected to contain all source files.
error TS6059: File '../node_modules/nativescript-opentok/src/ios/session-delegate.ts' is not under 'rootDir' '../app'. 'rootDir' is expected to contain all source files.
error TS6059: File '../node_modules/nativescript-opentok/src/ios/session.ts' is not under 'rootDir' '../app'. 'rootDir' is expected to contain all source files.

I guess it's a similar problem to "Remove *.ts files from src during publishing to npm": https://github.com/ocombe/ng2-translate/issues/4

Thank you

Can you add an example of usage with nativescript vue?

Thank you!