easyRTC client in react-native

701 views
Skip to first unread message

Stefan

unread,
Feb 19, 2018, 7:22:19 AM2/19/18
to EasyRTC
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

unread,
Apr 11, 2018, 11:23:15 AM4/11/18
to EasyRTC
i am interested too

JAYESH GROUP

unread,
May 17, 2018, 8:57:53 AM5/17/18
to EasyRTC
 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

unread,
May 18, 2018, 8:03:48 AM5/18/18
to EasyRTC
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

unread,
Jan 15, 2019, 6:32:21 AM1/15/19
to EasyRTC
Has anybody succeeded to use easyrtc client in the react-native app?

Thanks,
Zoran

Dimitris Tzimikas

unread,
Jan 21, 2019, 2:38:38 AM1/21/19
to EasyRTC
Yes, but after android system webview (google) update it stop working

Zoran Krnetic

unread,
Jan 21, 2019, 5:23:14 AM1/21/19
to EasyRTC
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

unread,
Jan 21, 2019, 5:36:08 AM1/21/19
to EasyRTC
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

unread,
Jan 21, 2019, 5:40:42 AM1/21/19
to EasyRTC
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

unread,
Jan 21, 2019, 5:57:36 AM1/21/19
to EasyRTC
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: 

img.png



Zoran Krnetic

unread,
Jan 22, 2019, 10:24:57 AM1/22/19
to EasyRTC
Dimitris,

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

Thanks,
Zoran

Dimitris Tzimikas

unread,
Jan 22, 2019, 1:58:36 PM1/22/19
to EasyRTC
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",
  },
  "bugs": {
  },
  "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

unread,
Jan 23, 2019, 3:56:51 AM1/23/19
to EasyRTC
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

unread,
Jan 23, 2019, 4:01:15 AM1/23/19
to EasyRTC
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

unread,
Jan 31, 2019, 9:58:17 AM1/31/19
to EasyRTC
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

unread,
Feb 26, 2019, 9:09:57 AM2/26/19
to EasyRTC
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

unread,
Mar 18, 2020, 5:08:37 AM3/18/20
to EasyRTC
hello.
how do yo use aesyrtc in your web application?
can you help me to use easyrtc in react js application video conferevnce??

Reply all
Reply to author
Forward
0 new messages