oney / rctwebrtcdemo

RCTWebRTCDemo

Demo for https://github.com/oney/react-native-webrtc

Usage

• Clone the repository, run npm install.
• For iOS, run the project on Xcode.
• For Android, run react-native run-android in the directory.

You can run the app in Device/Simulator, or open https://react-native-webrtc.herokuapp.com.
Enter the same room ID(any word such as hello, yoyo, etc) in two or more devices or browers, the audio and video stream will be connected.

NOTE

• Don't run it on iOS simulator, or change to navigator.getUserMedia({"audio": true, "video": false}) to test audio only.

rctwebrtcdemo's Issues

Audio issues

Tested out using multiple devices, there's this recurring screeching noise when it's connected.

Happens in all these cases
Mac-Android
Mac-Linux
Linux-Android

undefined' is not a function (evaluating 'getRemoteStreams()')

Hello Oney,

When I get connect with any room on android devices, than it shows me below error on red screen?

I was stuck on this error for a long time, so please help me to solve out this.

undefined' is not a function (evaluating 'pc.getRemoteStreams()')

Not calling dataChannel.onmessage

I ran https://react-native-webrtc.herokuapp.com/ in a browser.
And start app on Android with Demo src code.
When I send message from device to browser are all ok, and I can see message from device in browser.
But when I sent message from browser to device nothing happens.
Please where is a problem?

ios build failed

[Uploading 屏幕快照 2015-11-18 下午3.51.32.png…]

xcode 6.3.1 build Failed

App crashed. Not working on Android 4.2.2 & 4.4.4

Hi,
I request the authors/contributors to add supported versions on both platforms Android/IOS
I tested on Android 4.2.2 & 4.4.4. Simply app crashed while opening

Run-time simulator Error: Unable to resolve module `socket.io-client/socket.io` from `[code directory]/RCTWebRTCDemo/main.js`:

Unable to resolve module socket.io-client/socket.io from /Users/cpp/devworkspace/ReactNative/RCTWebRTCDemo/main.js: Module does not exist in the module map or in these directories:
/Users/cpp/devworkspace/ReactNative/RCTWebRTCDemo/node_modules/socket.io-client
, /Users/cpp/devworkspace/node_modules/socket.io-client
, /Users/cpp/node_modules/socket.io-client

This might be related to facebook/react-native#4968
To resolve try the following:

1. Clear watchman watches: watchman watch-del-all.
2. Delete the node_modules folder: rm -rf node_modules && npm install.
3. Reset packager cache: rm -fr $TMPDIR/react-* or npm start --reset-cache.

Unable to run the demo on iOS simulator

Hi @oney,

So, I ran npm install from the root, and npm start with no problems.

When running the xcode project, I see the following runtime error, which prevents me from seeing the webRTC demo:

Unable to run the demo iOS app on device

I am getting above error when i run the demo iOS project.
My configurations are:
"react": "^15.4.2",
"react-native": "^0.40.0",
"react-native-webrtc": "git+https://[email protected]/oney/react-native-webrtc.git",
"socket.io-client": "^1.3.7"
I have already tried the solution mentioned here. facebook/react-native#4968.
but still the error persists

Unable to resolve module url

Unable to resolve module url from /Users/doweig/dev/react-native/RCTWebRTCDemo/node_modules/engine.io-client/node_modules/ws/lib/WebSocket.js:
Unable to find this module in its module map or any of the node_modules directories under /Users/node_modules/url and its parent directories

Also, I had to modify the main.js file first https://github.com/oney/RCTWebRTCDemo/blob/master/main.js#L14

from

import io from 'socket.io-client/socket.io';

to

import io from 'socket.io-client';

Can react-native support node core modules?

build failed

Installing APK 'app-debug.apk' on 'm1 note - 5.1'

04:51:18 E/661516362: Error while uploading app-debug.apk : Unknown failure
Unable to install /Users/zhangsailei/react-native/RCTWebRTCDemo/android/app/build/outputs/apk/app-debug.apk
com.android.ddmlib.InstallException: Unable to upload some APKs
    at com.android.ddmlib.Device.installPackages(Device.java:920)
    at com.android.builder.testing.ConnectedDevice.installPackages(ConnectedDevice.java:113)
    at com.android.builder.testing.ConnectedDevice$installPackages$0.call(Unknown Source)
    at org.codehaus.groovy.runtime.callsite.CallSiteArray.defaultCall(CallSiteArray.java:45)
    at org.codehaus.groovy.runtime.callsite.AbstractCallSite.call(AbstractCallSite.java:108)
    at org.codehaus.groovy.runtime.callsite.AbstractCallSite.call(AbstractCallSite.java:128)
    at com.android.build.gradle.internal.tasks.InstallVariantTask.install(InstallVariantTask.groovy:119)
    at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
    at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:57)
    at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
    at java.lang.reflect.Method.invoke(Method.java:606)
    at org.gradle.internal.reflect.JavaMethod.invoke(JavaMethod.java:75)
    at org.gradle.api.internal.project.taskfactory.AnnotationProcessingTaskFactory$StandardTaskAction.doExecute(AnnotationProcessingTaskFactory.java:226)
    at org.gradle.api.internal.project.taskfactory.AnnotationProcessingTaskFactory$StandardTaskAction.execute(AnnotationProcessingTaskFactory.java:219)
    at org.gradle.api.internal.project.taskfactory.AnnotationProcessingTaskFactory$StandardTaskAction.execute(AnnotationProcessingTaskFactory.java:208)
    at org.gradle.api.internal.AbstractTask$TaskActionWrapper.execute(AbstractTask.java:589)
    at org.gradle.api.internal.AbstractTask$TaskActionWrapper.execute(AbstractTask.java:572)
    at org.gradle.api.internal.tasks.execution.ExecuteActionsTaskExecuter.executeAction(ExecuteActionsTaskExecuter.java:80)
    at org.gradle.api.internal.tasks.execution.ExecuteActionsTaskExecuter.executeActions(ExecuteActionsTaskExecuter.java:61)
    at org.gradle.api.internal.tasks.execution.ExecuteActionsTaskExecuter.execute(ExecuteActionsTaskExecuter.java:46)
    at org.gradle.api.internal.tasks.execution.PostExecutionAnalysisTaskExecuter.execute(PostExecutionAnalysisTaskExecuter.java:35)
    at org.gradle.api.internal.tasks.execution.SkipUpToDateTaskExecuter.execute(SkipUpToDateTaskExecuter.java:64)
    at org.gradle.api.internal.tasks.execution.ValidatingTaskExecuter.execute(ValidatingTaskExecuter.java:58)
    at org.gradle.api.internal.tasks.execution.SkipEmptySourceFilesTaskExecuter.execute(SkipEmptySourceFilesTaskExecuter.java:42)
    at org.gradle.api.internal.tasks.execution.SkipTaskWithNoActionsExecuter.execute(SkipTaskWithNoActionsExecuter.java:52)
    at org.gradle.api.internal.tasks.execution.SkipOnlyIfTaskExecuter.execute(SkipOnlyIfTaskExecuter.java:53)
    at org.gradle.api.internal.tasks.execution.ExecuteAtMostOnceTaskExecuter.execute(ExecuteAtMostOnceTaskExecuter.java:43)
    at org.gradle.api.internal.AbstractTask.executeWithoutThrowingTaskFailure(AbstractTask.java:310)
    at org.gradle.execution.taskgraph.AbstractTaskPlanExecutor$TaskExecutorWorker.executeTask(AbstractTaskPlanExecutor.java:79)
    at org.gradle.execution.taskgraph.AbstractTaskPlanExecutor$TaskExecutorWorker.processTask(AbstractTaskPlanExecutor.java:63)
    at org.gradle.execution.taskgraph.AbstractTaskPlanExecutor$TaskExecutorWorker.run(AbstractTaskPlanExecutor.java:51)
    at org.gradle.execution.taskgraph.DefaultTaskPlanExecutor.process(DefaultTaskPlanExecutor.java:23)
    at org.gradle.execution.taskgraph.DefaultTaskGraphExecuter.execute(DefaultTaskGraphExecuter.java:88)
    at org.gradle.execution.SelectedTaskExecutionAction.execute(SelectedTaskExecutionAction.java:37)
    at org.gradle.execution.DefaultBuildExecuter.execute(DefaultBuildExecuter.java:62)
    at org.gradle.execution.DefaultBuildExecuter.access$200(DefaultBuildExecuter.java:23)
    at org.gradle.execution.DefaultBuildExecuter$2.proceed(DefaultBuildExecuter.java:68)
    at org.gradle.execution.DryRunBuildExecutionAction.execute(DryRunBuildExecutionAction.java:32)
    at org.gradle.execution.DefaultBuildExecuter.execute(DefaultBuildExecuter.java:62)
    at org.gradle.execution.DefaultBuildExecuter.execute(DefaultBuildExecuter.java:55)
    at org.gradle.initialization.DefaultGradleLauncher.doBuildStages(DefaultGradleLauncher.java:149)
    at org.gradle.initialization.DefaultGradleLauncher.doBuild(DefaultGradleLauncher.java:106)
    at org.gradle.initialization.DefaultGradleLauncher.run(DefaultGradleLauncher.java:86)
    at org.gradle.launcher.exec.InProcessBuildActionExecuter$DefaultBuildController.run(InProcessBuildActionExecuter.java:90)
    at org.gradle.tooling.internal.provider.ExecuteBuildActionRunner.run(ExecuteBuildActionRunner.java:28)
    at org.gradle.launcher.exec.ChainingBuildActionRunner.run(ChainingBuildActionRunner.java:35)
    at org.gradle.launcher.exec.InProcessBuildActionExecuter.execute(InProcessBuildActionExecuter.java:41)
    at org.gradle.launcher.exec.InProcessBuildActionExecuter.execute(InProcessBuildActionExecuter.java:28)
    at org.gradle.launcher.exec.DaemonUsageSuggestingBuildActionExecuter.execute(DaemonUsageSuggestingBuildActionExecuter.java:50)
    at org.gradle.launcher.exec.DaemonUsageSuggestingBuildActionExecuter.execute(DaemonUsageSuggestingBuildActionExecuter.java:27)
    at org.gradle.launcher.cli.RunBuildAction.run(RunBuildAction.java:40)
    at org.gradle.internal.Actions$RunnableActionAdapter.execute(Actions.java:169)
    at org.gradle.launcher.cli.CommandLineActionFactory$ParseAndBuildAction.execute(CommandLineActionFactory.java:237)
    at org.gradle.launcher.cli.CommandLineActionFactory$ParseAndBuildAction.execute(CommandLineActionFactory.java:210)
    at org.gradle.launcher.cli.JavaRuntimeValidationAction.execute(JavaRuntimeValidationAction.java:35)
    at org.gradle.launcher.cli.JavaRuntimeValidationAction.execute(JavaRuntimeValidationAction.java:24)
    at org.gradle.launcher.cli.CommandLineActionFactory$WithLogging.execute(CommandLineActionFactory.java:206)
    at org.gradle.launcher.cli.CommandLineActionFactory$WithLogging.execute(CommandLineActionFactory.java:169)
    at org.gradle.launcher.cli.ExceptionReportingAction.execute(ExceptionReportingAction.java:33)
    at org.gradle.launcher.cli.ExceptionReportingAction.execute(ExceptionReportingAction.java:22)
    at org.gradle.launcher.Main.doAction(Main.java:33)
    at org.gradle.launcher.bootstrap.EntryPoint.run(EntryPoint.java:45)
    at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
    at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:57)
    at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
    at java.lang.reflect.Method.invoke(Method.java:606)
    at org.gradle.launcher.bootstrap.ProcessBootstrap.runNoExit(ProcessBootstrap.java:54)
    at org.gradle.launcher.bootstrap.ProcessBootstrap.run(ProcessBootstrap.java:35)
    at org.gradle.launcher.GradleMain.main(GradleMain.java:23)
    at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
    at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:57)
    at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
    at java.lang.reflect.Method.invoke(Method.java:606)
    at org.gradle.wrapper.BootstrapMainStarter.start(BootstrapMainStarter.java:30)
    at org.gradle.wrapper.WrapperExecutor.execute(WrapperExecutor.java:127)
    at org.gradle.wrapper.GradleWrapperMain.main(GradleWrapperMain.java:61)
:app:installDebug FAILED

FAILURE: Build failed with an exception.

• What went wrong:
  Execution failed for task ':app:installDebug'.

  com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: Unable to upload some APKs

• Try:
  Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

BUILD FAILED

Total time: 20.275 secs
Could not install the app on the device, see the error above.

stuck on connecting

i can't connect to heroku, and how can i find the heroku app sources? app stuck on connecting

also browser error console:
TypeError: navigator.getUserMedia is not a function. (In 'navigator.getUserMedia', 'navigator.getUserMedia' is undefined)

Why camera change front->back very slow?

But back->front more fast. Any solutions?
ps: The hardware platform is iphone7.

Argument 1 of RTCPeerConnection.addStream is not an object.

I opened https://react-native-webrtc.herokuapp.com/ in Firefox and created the room.
The time I join the same room through Android APP, errors are coming and nothing happens:

Print from Chrome's console:

Any ideas?

Installed APK with react-native run-android --variant=debug

Thanks

Help in Setup steps

I am new to react native and npm. I want to install a demo for my iPhone to try WebRTC. I would like to install this one : https://github.com/oney/RCTWebRTCDemo

However, I am very confused on the steps of setup, what I expected is to do the following steps, but it seems not worked.

1. react-native init RCTWebRTCDemo --version 0.29.0
2. npm install https://github.com/oney/RCTWebRTCDemo.git
3. npm start
4. Connect the iPhone device to Mac
5. Open iOS folder/RCTWebRTCDemo.xcodeproj
6. Run and build in Xcode

Could you please help on the correct steps? Many thanks.

Execution error on Android

When I try run the app on android it shows a java.util.concurrent.ExecutionException; specifically:

java.util.concurrent.ExecutionException:
java.lang.RuntimeException: SyntaxError:
Strict mode does not allow function declarations in a lexically nested statement. (http://localhost:8081/index.android.bundle?platform=android&dev=true&hot=false&minify=false:10769)

Switching to back camera doesn't work

This is on Android 4.4.4

zIndex is not working on android

Hello @oney ,

I applied zIndex on remoteView css to show remoteView on selfView in demo code, but it is not working on android and remoteView is properly shown on iOs devices but on android devices it hide under the selfView.

I am using below css style and javascript code for showing Views

{ mapHash(this.state.remoteList, function(remote, index) { return }) }

selfView: {
width: width,
height: (Platform.OS === 'ios') ? height-80 : height/2+100,
alignSelf: 'center',
zIndex: 1,
},
remoteView: {
width:120,
height:120,
position: 'absolute',
left: 0,
zIndex: 2,
alignSelf: 'flex-start',
},

can please you help me to solve out the issue , I want to show remote view on selfView .

Thanks in advance.

libjingle_peerconnection build error

Hello,

this is the error am getting on Android.

Error:Execution failed for task ':react-native-webrtc:transformNative_libsWithSyncJniLibsForRelease'.
> java.io.FileNotFoundException: /Users/test/Documents/jitsi-meet/node_modules/react-native-webrtc/android/build/intermediates/bundles/release/jni/lib/x86_64/libjingle_peerconnection_so.so (No such file or directory)

how to fix this ?

RTCSetting was removed?

Hi, this example seems to no longer work because RTCSeting was removed from the core project (see https://github.com/oney/react-native-webrtc/issues/84).

Guidance on using the new project via this demo would be helpful. Thanks

Unable to execute JS call: __fbBatchedBridge is undefined

When run in iphone device, it show above error. Please help me fix it.

Error on launch

Without modifying the code, just:

$npm install
$react-native run-android

it produces the following error:

No audio output in iOS simulator

Hi,

I'm trying to test the demo, using the heroku app server.

I changed get user media to be false for video and true for audio.

I connect to a room in the simulator, and connect to the same room in web browser.

In web browser, I get audio feedback loop from microphone.

In simulator, I get no audio from microphone input on web browser, but the camera video does appear in simulator.

Crash after peer join

Hi, app crashes without an error message right after a peer joins the room. Any suggestions?

------

---

Crash in android 7.0

Hi,

In android 7.0 my app getting crash immediately after entering into the room
It showing an error as shown in below screenshot:

Please tell me how to resolve it.
Thank you

android red screen with error: requiring unknown module "socket.io-client/socket.io"

hi.

just follow install instruction for android and have red screen with this error:

android red screen with error: requiring unknown module "socket.io-client/socket.io"

npm --version
4.0.5
node --version
v7.4.0
which node
/usr/local/bin/node
which npm
/usr/local/bin/npm

could you help to install it please?
thanks.

Sometimes showing black screen in remoteview

Hi,

I am using your module for video calling.
My issue is
I am not able to see the remote view sometimes when entering into the room, but sometimes it works fine.
this occurs mainly in Android devices some times it crashes also.
I have used the Same demo code just changed the design.

Can you tell me why I am getting a black screen in place of remote view.

Thanks in advance.

npm install hangs after update

Hi,

"npm install" command doesn't stop / print anything on console after this commit dcaf0a6

getRemoteStreams() undefine function

Hello @oney , I got below error while connect with other device after entering room , suggest me to resolve the issue.

It doesn't work.

As above image, demo doesn't work. Can I get any solutions for it?

Overlay issue in android

Hello @oney ,

Thanks for great work, I am using demo app and want to show remoteView on selfView , it works fine for all iOS devices but having same css , not working on android devices.

Using below css code

<RTCView streamURL={this.state.selfViewSrc} style={styles.selfView}/>
          {
            mapHash(this.state.remoteList, function(remote, index) {
              return <RTCView key={index} streamURL={remote} style={styles.remoteView}/>
            })
          }

css

selfView: {
        width: width,
        height: height-80,
        alignSelf: 'center',
        zIndex: 0,
    },
    remoteView: {
        position: 'absolute',
        zIndex: 2,
        marginTop: -120,
        width: 120,
        height: 120,
        left: 0,
        borderWidth: .5,
        alignSelf: 'flex-start',
    },

please suggest me to show view as iOS for android devices.

android does not work

build success, but does not work. it is a white page.

How can i do it?

thinks

No video on Android

I builded demo on Android 5.1.1 and successfuly connected with https://react-native-webrtc.herokuapp.com/ on my laptop. The problem is that there is no video (local nor remote) on the phone.
After starting application there are thrown these exceptions:

02-10 22:17:05.422 15777-25179/com.rctwebrtcdemo E/org.webrtc.Logging: VideoCapturerAndroid: startCapture failed
02-10 22:17:05.422 15777-25179/com.rctwebrtcdemo E/org.webrtc.Logging: VideoCapturerAndroid: java.lang.RuntimeException: Fail to connect to camera service
02-10 22:17:05.422 15777-25179/com.rctwebrtcdemo E/org.webrtc.Logging: VideoCapturerAndroid: java.lang.RuntimeException: Fail to connect to camera service
at android.hardware.Camera.(Camera.java:520)
at android.hardware.Camera.open(Camera.java:361)
at org.webrtc.VideoCapturerAndroid.startCaptureOnCameraThread(VideoCapturerAndroid.java:350)
at org.webrtc.VideoCapturerAndroid.access$1200(VideoCapturerAndroid.java:68)
at org.webrtc.VideoCapturerAndroid$7.run(VideoCapturerAndroid.java:331)
at android.os.Handler.handleCallback(Handler.java:739)
at android.os.Handler.dispatchMessage(Handler.java:95)
at android.os.Looper.loop(Looper.java:211)
at android.os.HandlerThread.run(HandlerThread.java:61)
02-10 22:17:05.422 15777-25179/com.rctwebrtcdemo I/org.webrtc.Logging: VideoCapturerAndroid: stopCaptureOnCameraThread
02-10 22:17:05.422 15777-25179/com.rctwebrtcdemo E/org.webrtc.Logging: VideoCapturerAndroid: Calling stopCapture() for already stopped camera.

The only difference in code is fix from here, everything else is untouched.
Am i doing something wrong or is it currently not supported on Android?

No ice candidates in SDP

Hello,

Great work creating this starting point to use the react native webrtc :) nad now the issue/question,

Running the demo I see that no ice candidates are set in the SDP. How can we add it?

"v=0
o=- 624850338402678256 2 IN IP4 127.0.0.1
s=-
t=0 0
a=group:BUNDLE audio video
a=msid-semantic: WMS 743ce258-6acb-486c-a71e-0dc6a43ea086
m=audio 9 UDP/TLS/RTP/SAVPF 111 103 9 102 0 8 105 13 110 113 126
c=IN IP4 0.0.0.0
a=rtcp:9 IN IP4 0.0.0.0
a=ice-ufrag:Dd5w
a=ice-pwd:y2vIPZ1B4rqxSNC0m+/wE1x4
a=ice-options:renomination
a=fingerprint:sha-256 EB:CE:02:07:EA:C8:76:B8:3B:28:16:84:3E:53:66:CA:A7:62:53:86:06:CB:CF:A7:55:3C:09:E3:DE:D1:C6:6E
a=setup:actpass
a=mid:audio
a=extmap:1 urn:ietf:params:rtp-hdrext:ssrc-audio-level
a=sendrecv
a=rtcp-mux
a=rtpmap:111 opus/48000/2
a=rtcp-fb:111 transport-cc
a=fmtp:111 minptime=10;useinbandfec=1
a=rtpmap:103 ISAC/16000
a=rtpmap:9 G722/8000
a=rtpmap:102 ILBC/8000
a=rtpmap:0 PCMU/8000
a=rtpmap:8 PCMA/8000
a=rtpmap:105 CN/16000
a=rtpmap:13 CN/8000
a=rtpmap:110 telephone-event/48000
a=rtpmap:113 telephone-event/16000
a=rtpmap:126 telephone-event/8000
a=ssrc:4109714607 cname:75z6HUtBZloshxhV
a=ssrc:4109714607 msid:743ce258-6acb-486c-a71e-0dc6a43ea086 1fd953b4-980e-4934-b0a9-82472bc7c365
a=ssrc:4109714607 mslabel:743ce258-6acb-486c-a71e-0dc6a43ea086
a=ssrc:4109714607 label:1fd953b4-980e-4934-b0a9-82472bc7c365
m=video 9 UDP/TLS/RTP/SAVPF 96 98 100 127 125 97 99 101 104
c=IN IP4 0.0.0.0
a=rtcp:9 IN IP4 0.0.0.0
a=ice-ufrag:Dd5w
a=ice-pwd:y2vIPZ1B4rqxSNC0m+/wE1x4
a=ice-options:renomination
a=fingerprint:sha-256 EB:CE:02:07:EA:C8:76:B8:3B:28:16:84:3E:53:66:CA:A7:62:53:86:06:CB:CF:A7:55:3C:09:E3:DE:D1:C6:6E
a=setup:actpass
a=mid:video
a=extmap:2 urn:ietf:params:rtp-hdrext:toffset
a=extmap:3 http://www.webrtc.org/experiments/rtp-hdrext/abs-send-time
a=extmap:4 urn:3gpp:video-orientation
a=extmap:5 http://www.ietf.org/id/draft-holmer-rmcat-transport-wide-cc-extensions-01
a=extmap:6 http://www.webrtc.org/experiments/rtp-hdrext/playout-delay
a=sendrecv
a=rtcp-mux
a=rtcp-rsize
a=rtpmap:96 VP8/90000
a=rtcp-fb:96 ccm fir
a=rtcp-fb:96 nack
a=rtcp-fb:96 nack pli
a=rtcp-fb:96 goog-remb
a=rtcp-fb:96 transport-cc
a=rtpmap:98 VP9/90000
a=rtcp-fb:98 ccm fir
a=rtcp-fb:98 nack
a=rtcp-fb:98 nack pli
a=rtcp-fb:98 goog-remb
a=rtcp-fb:98 transport-cc
a=rtpmap:100 red/90000
a=rtpmap:127 ulpfec/90000
a=rtpmap:125 H264/90000
a=rtcp-fb:125 ccm fir
a=rtcp-fb:125 nack
a=rtcp-fb:125 nack pli
a=rtcp-fb:125 goog-remb
a=rtcp-fb:125 transport-cc
a=fmtp:125 level-asymmetry-allowed=1;packetization-mode=1;profile-level-id=42e01f
a=rtpmap:97 rtx/90000
a=fmtp:97 apt=96
a=rtpmap:99 rtx/90000
a=fmtp:99 apt=98
a=rtpmap:101 rtx/90000
a=fmtp:101 apt=100
a=rtpmap:104 rtx/90000
a=fmtp:104 apt=125
a=ssrc-group:FID 2633598784 2969864275
a=ssrc:2633598784 cname:75z6HUtBZloshxhV
a=ssrc:2633598784 msid:743ce258-6acb-486c-a71e-0dc6a43ea086 469b88f1-eb6f-45ae-8bae-0b41a7c14511
a=ssrc:2633598784 mslabel:743ce258-6acb-486c-a71e-0dc6a43ea086
a=ssrc:2633598784 label:469b88f1-eb6f-45ae-8bae-0b41a7c14511
a=ssrc:2969864275 cname:75z6HUtBZloshxhV
a=ssrc:2969864275 msid:743ce258-6acb-486c-a71e-0dc6a43ea086 469b88f1-eb6f-45ae-8bae-0b41a7c14511
a=ssrc:2969864275 mslabel:743ce258-6acb-486c-a71e-0dc6a43ea086
a=ssrc:2969864275 label:469b88f1-eb6f-45ae-8bae-0b41a7c14511
"

Thanks

JSON value '0' of type NSNumber cannot be converted to NSArray

Hi Howard,

I get this error: "JSON value '0' of type NSNumber cannot be converted to NSArray", when running the demo from a clean install.

I'm testing the grounds with iOS-development and don't know how to fix this yet. Do you know what's going on?

Maarten

Performance issue?

Hey Oney,

First of all, it's a great work. I have learnt a lot from this project.
just one question, it seems to have a memory increasing issue on my iOS. Do you have any suggestion?

Thanks.

Server side code

Hello!

Is there a way to get the code/specs of what running on https://react-native-webrtc.herokuapp.com ?

Thanks in advance!

xcode 8.2.1 build error 'React/RTCLog.h' file not found

Android remote view get hide when set top margin.

Hey @oney

Thanks for great work.

Just one question, when I set remoteView top margin to show view inside selfView, it works good for iOS devices(show remoteView on selfView) but on android devices it hide remoteView behind the selfView?

I have below css for both View.
var width = Dimensions.get('window').width; //full width
var height = Dimensions.get('window').height; //full height

selfView: {
width: width,
height: height-220,
alignSelf: 'center',
},
remoteView: {
position: 'relative',
marginTop: -120,
width: 120,
height: 120,
alignSelf: 'flex-start',
},

Thanks.

License?

Hello,

Can you please include a license for the use of parts of this demo in other projects?

Crushes on iPhone 6s

Came with this error

2016-10-24 20:01:18.254 [error][tid:com.facebook.react.JavaScript] Native module cannot be null.
2016-10-24 20:01:18.255820 RCTWebRTCDemo[3983:2371772] Native module cannot be null.
2016-10-24 20:01:18.268 [error][tid:com.facebook.react.JavaScript] Requiring module "188", which threw an exception.
2016-10-24 20:01:18.267861 RCTWebRTCDemo[3983:2371772] Requiring module "188", which threw an exception.
2016-10-24 20:01:18.278888 RCTWebRTCDemo[3983:2371674] -[RCTRootView reactTag]: unrecognized selector sent to instance 0x123e0f330
2016-10-24 20:01:18.279098 RCTWebRTCDemo[3983:2371674] *** Terminating app due to uncaught exception

Googled and some resource suggested to add -ObjC to other linker flag, but this will fail the building process. Anyone ran it on an iPhone successfully?

two android phone p2p communication very slow

Two Android phone communication very slow and video is not clear.

But one phone and one PC browser is ok.

How can i do it?

Thanks

Grey screen when switch camera on android

Hi,
When i try to switch camera on android
In CameraEventsHandler.java will return
"CameraEventsHandler.onFirstFrameAvailable" (onCameraClosed)
"CameraEventsHandler.onCameraError: errorDescription=Camera can not be started."

Can you please help with it?

Build Failed : <React/RCTBridgeModule.h> is not found.

When I build the demo project in Xcode, it reported <React/RCTBridgeModule.h> is not found.
I updated react-native and React to 0.42.0 and 15.4.1, but still got the error. Then I changed RCTWebChat.xcodeproj → Build Settings → Search Paths → Header Search Paths to
$(SRCROOT)/../../react-native/React and
$(SRCROOT)/../../react-native/Libraries

But it doesn't work. Anyone knows how to fix this problem? Many thanks.

RTCSetting causes release mode issues

Hi Oney,
RTCSetting is moved to some other place ? Im able to use app in debug mode, but in release mode it crashes.

Can you provide further guidance ?

Build failed with react-native run-android

Building and installing the app on the device (cd android && ./gradlew installDebug...

FAILURE: Build failed with an exception.

• What went wrong:
  A problem occurred configuring project ':WebRTCModule'.

  SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.

• Try:
  Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

BUILD FAILED

Is there anything else should be done but not mentioned in Readme?

Hi, I running into error for IOS build

`2017-02-24

16:56:58.643363 RCTWebRTCDemo[385:25301] [] __nw_connection_get_connected_socket_block_invoke 4 Connection has no connected handler
2017-02-24 16:56:58.650 [warn][tid:main][RCTEventEmitter.m:54] Sending websocketFailed with no listeners registered.
2017-02-24 16:56:58.650087 RCTWebRTCDemo[385:25260] Sending websocketFailed with no listeners registered.
2017-02-24 16:56:58.683 [info][tid:com.facebook.react.WebSocketModuleQueue][RCTSRWebSocket.m:555] SocketRocket: In debug mode. Allowing connection to any root cert
2017-02-24 16:56:58.683025 RCTWebRTCDemo[385:25336] SocketRocket: In debug mode. Allowing connection to any root cert
2017-02-24 16:56:58.690 [info][tid:main][RCTRootView.m:271] Running application RCTWebRTCDemo ({
initialProps = {
};
rootTag = 1;
})
2017-02-24 16:56:58.689996 RCTWebRTCDemo[385:25260] Running application RCTWebRTCDemo ({
initialProps = {
};
rootTag = 1;
})
2017-02-24 16:56:58.691 [info][tid:com.facebook.react.JavaScript] Running application "RCTWebRTCDemo" with appParams: {"rootTag":1,"initialProps":{}}. DEV === true, development-level warning are ON, performance optimizations are OFF
2017-02-24 16:56:58.690908 RCTWebRTCDemo[385:25328] Running application "RCTWebRTCDemo" with appParams: {"rootTag":1,"initialProps":{}}. DEV === true, development-level warning are ON, performance optimizations are OFF
2017-02-24 16:57:00.387 [info][tid:com.facebook.react.JavaScript] connect
2017-02-24 16:57:00.387905 RCTWebRTCDemo[385:25328] connect
2017-02-24 16:57:00.459498 RCTWebRTCDemo[385:25260] [MC] System group container for systemgroup.com.apple.configurationprofiles path is /private/var/containers/Shared/SystemGroup/systemgroup.com.apple.configurationprofiles
2017-02-24 16:57:00.460864 RCTWebRTCDemo[385:25260] [MC] Reading from public effective user settings.
2017-02-24 16:57:00.517 [info][tid:com.facebook.react.JavaScript] [ { id: 'com.apple.avfoundation.avcapturedevice.built-in_video:0',
label: 'Back Camera',
facing: 'back',
kind: 'video' },
{ id: 'com.apple.avfoundation.avcapturedevice.built-in_video:1',
label: 'Front Camera',
facing: 'front',
kind: 'video' },
{ id: 'com.apple.avfoundation.avcapturedevice.built-in_audio:0',
label: 'iPad Microphone',
facing: '',
kind: 'audio' } ]
2017-02-24 16:57:00.517686 RCTWebRTCDemo[385:25328] [ { id: 'com.apple.avfoundation.avcapturedevice.built-in_video:0',
label: 'Back Camera',
facing: 'back',
kind: 'video' },
{ id: 'com.apple.avfoundation.avcapturedevice.built-in_video:1',
label: 'Front Camera',
facing: 'front',
kind: 'video' },
{ id: 'com.apple.avfoundation.avcapturedevice.built-in_audio:0',
label: 'iPad Microphone',
facing: '',
kind: 'audio' } ]
2017-02-24 16:57:00.542124 RCTWebRTCDemo[385:25305] [access] This app has crashed because it attempted to access privacy-sensitive data without a usage description. The app's Info.plist must contain an NSMicrophoneUsageDescription key with a string value explaining to the user how the app uses this data.`

getting error(evaluating 'webRTCModule.mediaStreamTrackGetSources')

Hai, i cloned your repo and run as per the document,facing problem when using the code in separate project, getting an error like this undefined is not an object(evaluating 'WebRTCModule.mediaStreamTrackGetSources') below is the error

please give me suggestions that is there any thing need to add to my project.

demo fails with error

2016-04-05 14:28:55.927 [error][tid:com.facebook.React.RCTWebSocketModuleQueue][RCTModuleMethod.m:453] RCTWebSocketModule.connect was called with 2 arguments, but expects 4

Probably unrelated, but worth noting that I got here b/c I couldn't get the library working in my app, which was failing with errors related to the navigator object (which I wouldn't expect to exist in react-native land):

2016-04-05 14:28:56.047 [error][tid:com.facebook.React.JavaScript] undefined is not an object (evaluating 'navigator.userAgent.match')

Would love to get this working! Happy to provide any additional info :)

Not working in android

hai i tried this module it was very userful. I tried this module in IOS working fine but in android, I got some error like this, which was attached as ScreenShots

this was the andriod sdk version which i am using