easyRTC client in react-native

[Stefan]

Hello,

we are using your libraries very successfull in our react webapp. Now we are wondering how we may get the gap to use your libraries in a react-native app as well. As far as I know, there is no way to include the easyRTCclient as an external library in there, as long we dont use WebViews. And we still wont use them. Is there any knowlegde  at this point how to solve this?

Regards Stefan

[Federico Pici]

i am interested too

[JAYESH GROUP]

 i am also interest to

t-traxx has school backpacks for ladies  that square measure excellent for school and travel. look currently to seek out an excellent new girl's backpack for each adventure!

With backpacks and traveller luggage fromt-traxx, your youngsters are prepared for lessons within the schoolroom and ... school backpacks. 

[Stefan]

The problem still persits. We have some developer who will start with Libraries like this one: https://github.com/oney/react-native-webrtc

The gap to be done is to connect this mobile app to our easyRTC server

[Zoran Krnetic]

Has anybody succeeded to use easyrtc client in the react-native app?

Thanks,

Zoran

[Dimitris Tzimikas]

Yes, but after android system webview (google) update it stop working

[Zoran Krnetic]

We have compiled easyrtc.js with latest easyrtc master and the latest adapter.js 7.4.0 and it works in th latest versions of Edge, iOS Safari, Android Chrome and Mac Safari among others. I believe Andorid webview is acctually the same as the Android Chrome? Have you tried using latest adapter (it is not directly available as npm but can be installed from github)?

Thanks,

Zoran

[Dimitris Tzimikas]

The problem is when A runs "android system webview" i.e. 59.0.___ and B runs 71.0.___
In this example tablet A cannot update the "android system webview" so the video stream does not work on B. 

I've try the solution of Federico Freiberger on post "Getting Uncaught TypeError: Failed to execute 'createObjectURL' on 'URL': No function was found that matched the signature provided." but it didn't help. 

[Zoran Krnetic]

So, just to make sure I understand is correctly, you are experiencing problemwhen trying to connect in a video call two differnet versions of Android?

Zoran

[Dimitris Tzimikas]

Yes, but the "Android System Webview (ASW)" has different version too. Let me clear the scenario. 

The device A is a tablet that runs android: 7.1.2 & the ASW: 59.0.3071.125 which I can't update through Play Store.

The device B is a smartphone that runs android: 6.0.1 & the ASW: 71.0.3578.99.

On B I run a react-native application that opens a webview with the link to connect the devices through easyrtc. 

On A I run an android application witch runs too a webview with same link. 

The problem is that because of different ASW version I can't display the camera of A to B. 
The display result is this: 

[Zoran Krnetic]

Dimitris,

which easyrtc version have you used for this test? Which adapter.js is included?

Thanks,

Zoran

[Dimitris Tzimikas]

package.json
{

  "name": "easyrtc",

  "version": "1.1.0",

  "homepage": "http://www.easyrtc.com/",

  "author": "Priologic Software Inc. <in...@priologic.com> (http://priologic.com/)",

  "description": "EasyRTC enables quick development of webRTC",

  "contributors": [

    "Doug Pelton <do...@priologic.com>",

    "Rod Apeldoorn <rod.ap...@priologic.com>",

    "Eric Davies <eric....@priologic.com>",

    "Harold Thetiot <hthe...@sylaps.com>"

  ],

  "keywords": [

    "webRTC",

    "easy",

    "EasyRTC",

    "RTC",

    "server"

  ],

  "repository": {

    "type": "git",

    "url": "https://github.com/priologic/easyrtc.git"

  },

  "bugs": {

    "url": "https://github.com/priologic/easyrtc/issues"

  },

  "main": "index",

  "dependencies": {

    "async": "0.2.x",

    "colors": "*",

    "express": "^4.16.2",

    "underscore": "1.5.x",

    "cors": "^2.8.4",

    "jquery": "^3.3.1",

    "serve-static": "^1.8.0",

    "socket.io": "^1.4.5"

  },

  "analyze": false,

  "license": "BSD-2-Clause",

  "engines": {

    "node": ">=0.8"

  },

  "scripts": {

    "start": "node index.js"

  }

}

I can't find any adapter.js file in the project file.

[Zoran Krnetic]

Seems taht you are using the official release 1.1.0. It might be worhtwile testing with the latest code from the master branch updated with the latest adapter.js and see if the issue persists. You can see adapter.js as the dependency in bower.json file https://github.com/priologic/easyrtc/blob/master/bower.json because it is client dependency not server dependency. We tested web version of our app with the latest easyrtc from the master and latest adapter.js and it looks very promissing- it works with some glitches in that Edge, iOS Safari, Android 5 Chrome  and latest Chrome and Firefox on macOS. 

[Dimitris Tzimikas]

Well, thank you very much for your time and effort Zoran!!
I'll try to recreate the project with the master branch and I'll come back with the results!

[SeeYou Link]

Dimitris,

any luck with your tests? We have compiled web version of our calling software with latest eacyrtcfrom master and adapter.js 7.2.0 and it works quite well, but with issue between Safari (Mac and iOS) and Android Chrome.

Also, any tips, tricks, advicesor resources that you can share about using easyrtc in react-native environment, since we are about to start with that?

Thanks,

Zoran

[Dimitris Tzimikas]

I could not fix it. The new "Android System WebView" update have changed something and the app can't load the video correct. 

I use a custom webview for android witch gives access to camera and audio (for more info you can use this https://stackoverflow.com/questions/47811428/react-native-webview-getusermedia-not-working-onpermissionrequest-override) but on my case i cannot open the video of the other user to display. The same problem goes with iOS side. Here you cannot use webview at all because Apple give access to camera and audio through getUserMedia only with Safari and not WebView - Chrome - Firefox etc. But even in safari I could not open the camera stream to display. 

When I try the newest repo from github "1.1.1-beta" with the examples form "demo" folder, I could stream the video with no problem on pc (firefox-chrome). When i try to do the same from phone it worked with mobile-firefox but not with mobile chrome. On mobile Safari I could not use any demo. 

PC: chrome -> chrome !work

PC: chrome -> firefox !work

PC: chrome -> Mobile: chrome !not work

PC: firefox -> Mobile: firefox !work

PC: firefox -> Mobile: chrome !work

PC: firefox -> Mobile: safari !not work

[faeze Nikoo]

hello.

how do yo use aesyrtc in your web application?

can you help me to use easyrtc in react js application video conferevnce??