Request for example repo or gist about cordova-plugin-twilio-video

[PriceFallin]

@WisaniShilumani I actually started working on an ionic3 app now with the plugin and was able to get it working with my new build.

Here's some tips:

• Before you install the plugin, put it in a directory in your project. For example, I put mine in /plugin-src. Then when you're ready to install run ionic cordova plugin install /path/to/plugin --nofetch (the no fetch flag basically let's ionic know that there is no npm registry for the plugin.
• Declare cordova in the class file that you want to use it in: declare const cordova: any;. This will expose cordova and the attached videoconversation methods to it so that you can call it by using cordova.videoconversation.open(...). I have my plugin named different so if cordova doesn't work then you can rename it throughout the plugin as I mentioned earlier in this thread.

Hope this helps!

[WisaniShilumani]

@PriceFallin Thanks a million! That's super helpful. I managed with the typescript work, but later ran into problems with cordova 7. It didn't like the hyphens in the AndroidManifest.xml file during the build. The android:name="cordova-plugin-twilio-video.ConversationActivity" in particular.

I replaced all hyphens with points, and it's working fine now. Thanks for the plugin, been struggling with video calling for over 3 months now!

[PriceFallin]

I'm assuming you're referencing an Ionic 2/3 app.

I was able to successfully implement this in an Ionic v1 app, but haven't implemented it in Ionic 2/3 yet. I do plan on doing that soon though. Also, this plugin is built for both version so I would imagine it would work.

Try declaring 'cordova' in the head of the source file where you want to use the plugin. You might have to rename it to something else like 'cordova-video-call' throughout the plugin (ex. cordova-video-call.videoconversation.open...). You can just declare it with:
declare var cordova: any

or if you change the name:
declare var cordova-video-call : any

The open command is just the function name we decided to use in the javascript that connects to the native code.

I don't have an example just yet but when I finally get this working in my Ionic3 app I'll try to send some more info if you're still having trouble. Hopefully this is helpful for you.

-Price

[smuaq]

Thanks for supplying the repo @PriceFallin ! I've been using my own improved implementation of opentok plugin for video chats for over a year now. Would you be able to supply a sample running app (ionic 1) I would love to do a performance/usability test for twilio vs opentok. Thanks again!

[jamesdeantv]

I was able to successfully get up and running with the help of your repo. Thanks!

[PriceFallin]

Hi @smuaq, I don't have a demo set up that I can provide. For this you'll need to just build your own, although all you really should need is a simple button that would call the cordova function to start the video chat. Of course you would also need to either set up your own server to get a token/roomID or generate one from Twilio's video tool console.

@jamesdeantv Glad you got it working!

[smuaq]

Great thanks!

[WisaniShilumani]

@jamesdeantv mind sharing your code?

[jamesdeantv]

Glad to hear you got things sorted.

[dzungcao]

Hi @WisaniShilumani, would you mind to share with me how you did the change on hyphens ?

Thank you very much.

[cavalryjim]

@WisaniShilumani or @dzungcao, can you share the solution to the hyphens error? I have the plugin working with iOS and recently added the Android platform to my project. When trying to build, I receive:

AndroidManifest.xml:68: Tag <activity> attribute name has invalid character '-'.

Are you suggesting renaming the plugin? Uninstall, rename, & reinstall?

// plugin.xml
<plugin 
    id="cordova.plugin.twilio.video"
    version="0.2.0" 
    xmlns="http://apache.org/cordova/ns/plugins/1.0"
    xmlns:android="http://schemas.android.com/apk/res/android">
  ....
</plugin>

Thanks!

[WisaniShilumani]

@cavalryjim No need to uninstall. Replace hyphens with points at both platform and plugin level. I did a search & find and made the changes at both levels. I recently made a switch to WebRTC and don't have a record of the changes, sorry about that.

[cavalryjim]

Posting this only to help anyone experiencing the '-' hyphen issue...
I created a renamed version that works with:

$ java -version
java version "1.8.0_131"
$ npm --version
5.7.1
$ ionic --version
3.20.0
$ cordova --version
7.1.0

https://github.com/cavalryjim/videoCordovaPluginTwilioVideo