nakulkundaliya/ionic-3-video-calling-using-webrtc

This is demo code of how to implement video calling in ionic 3 using webrtc

This is a starter template for Ionic projects.

How to use this template

This template does not work on its own. The shared files for each starter are found in the ionic2-app-base repo.

To use this template, either create a new ionic project using the ionic node.js utility, or copy the files from this repository into the Starter App Base.

With the Ionic CLI:

Take the name after ionic2-starter-, and that is the name of the template to be used when using the ionic start command below:

$ sudo npm install -g ionic cordova
$ ionic start myBlank blank

Then, to run it, cd into myBlank and run:

$ ionic cordova platform add ios
$ ionic cordova run ios

Substitute ios for android if not on a Mac.

Install Native Audio

$ cordova plugin add cordova-plugin-console
$ cordova plugin add cordova-custom-config
$ cordova plugin add cordova-plugin-device
$ cordova plugin add cordova-plugin-iosrtc
$ cordova plugin add cordova-plugin-media
$ cordova plugin add android-camera-permission
$ cordova plugin add [email protected]$
$ cordova plugin add https://github.com/alongubkin/audiotoggle.git
$ cordova plugin add cordova-plugin-audioinput

For iOS only:

$ cordova plugin add cordova-plugin-iosrtc

For Android only:

$ cordova plugin add cordova-plugin-crosswalk-webview
$ cordova plugin add android-camera-permission
$ cordova plugin add [email protected]
$ cordova plugin add https://github.com/alongubkin/audiotoggle.git
$ cordova plugin add cordova-plugin-audioinput

Run App

$ ionic cordova run android

ionic-3-video-calling-using-webrtc's Issues

How to record a videocall?

I have a problem that I cant solve. I have an ionic project to make video calls. I get calls normally between two users, the problem happens when I need to record a call.

To enable recording, I pass the following parameters in the Call () method:

var data = {};
var callConfiguration = {record: true};
var callId = this.webRTCClient.call (calleeId, data, callConfiguration);

As configuration for the call, I have:

this.webRTCClient.setAllowMultipleCalls (true);
this.webRTCClient.setVideoBandwidth (300);
this.webRTCClient.setMCUConnector ('mcu4.apizee.com');
this.webRTCClient.setUserAcceptOnIncomingCall (true);

And also, I add the following Listeners:

MCURecordingStarted
MCURecordedStreamsAvailable

What happens when I make the call with the recording parameter:

1. Remote Stream does not appear;
2. The MCURecordingStarted event provides the recording link, however, it is never available for access.

I cant find any documentation on how to record a video call, I need help !!

getUserMedia() no longer works on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS.

I've got the below error when I click CALL button.

getUserMedia() no longer works on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS.

Could you help me to fix it?

Got error "getUserMedia() failed. Is this a WebRTC capable browser?"

I am building an app for ios and android with Ionic 3 and angular 4.

When I tried your example on my iphone, I get the error "getUserMedia() failed. Is this a WebRTC capable browser?".

Also I already tried the plugin cordova plugin add cordova-plugin-iosrtc alone and the function getUserMedia() work.

DO you have some clue?
Thanks

How to mute call

i want to mute audio when call is onging

Black screen mobile camera is not opening

when i try to call from one mobile to another then only auido is working but video is not showing black screen appear in video portion it works perfectly on web browser but after building it for android its not showing video of my camera its only showing video of other web browser call .

integrate into an existing application ?

I already have an existing application, how do I integrate the video call? and if possible to call with email as id?

Calling is not working in samsung mobile

Not able to do calls . No action found after clicking on call button

audiotoggle

https://github.com/alongubkin/audiotoggle.git
cannot add this plugin

(node:6628) UnhandledPromiseRejectionWarning: Unhandl
tion id: 1): Failed to fetch plugin https://github.co
t via registry.
Probably this is either a connection problem, or plug
Check your connection and plugin name/version/URL.
Error: cmd: Command failed with exit code 4294963228
npm WARN addRemoteGit Error: Command failed: git -c c
-get remote.origin.url
npm WARN addRemoteGit
npm WARN addRemoteGit at ChildProcess.exithandler
npm WARN addRemoteGit at emitTwo (events.js:106:1
npm WARN addRemoteGit at ChildProcess.emit (event
npm WARN addRemoteGit at maybeClose (internal/chi
npm WARN addRemoteGit at Socket. (inte
1)
npm WARN addRemoteGit at emitOne (events.js:96:13
npm WARN addRemoteGit at Socket.emit (events.js:1
npm WARN addRemoteGit at Pipe._handle.close [as _
npm WARN addRemoteGit git+https://github.com/alongub
ng remote C:\Users\user\AppData\Roaming\npm-cache_gi
com-alongubkin-audiotoggle-git-801522e5 because of er
d: git -c core.longpaths=true config --get remote.ori
npm WARN addRemoteGit
npm WARN addRemoteGit at ChildProcess.exithandler
npm WARN addRemoteGit at emitTwo (events.js:106:1
npm WARN addRemoteGit at ChildProcess.emit (event
npm WARN addRemoteGit at maybeClose (internal/chi
npm WARN addRemoteGit at Socket. (inte
1)
npm WARN addRemoteGit at emitOne (events.js:96:13
npm WARN addRemoteGit at Socket.emit (events.js:1
npm WARN addRemoteGit at Pipe._handle.close [as _
npm WARN addRemoteGit killed: false,
npm WARN addRemoteGit code: 1,
npm WARN addRemoteGit signal: null,
npm WARN addRemoteGit cmd: 'git -c core.longpaths=t
gin.url' }
npm ERR! addLocal Could not install C:\Users\user\App
bf69f1\git-cache-42d59b86\a1d710b782653444c5ac5bcc5fa
npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\Program Files\nodejs\node.exe" "
node_modules\npm\bin\npm-cli.js" "install" "https:
iotoggle.git" "--production" "--save"
npm ERR! node v6.9.2
npm ERR! npm v3.10.9
npm ERR! code EISDIR
npm ERR! errno -4068
npm ERR! syscall read

npm ERR! eisdir EISDIR: illegal operation on a direct
npm ERR! eisdir This is most likely not a problem wit
npm ERR! eisdir and is related to npm not being able
npm ERR! eisdir a package you are trying to install.

npm ERR! Please include the following file with any s

Remote video not showing

Hi the remote video doesn't show on non local host devices (The app for instance)

What is the use of cordova-plugin-inappbrowser in application?

video calling not working on ios platform

Hello,

I am building an app for ios and android with Ionic 3. When I tried video calling on android it works fine but when i tried on ios platform it's not working.

In ios platform call is connecting but after receiving call it directly gets hanged up and blank screen is getting displyed. I tried "cordova-plugin-iosrtc" for ios but also it's not working for me.

I think the user device does not get permission access for camera and microphone so it doesn't work. So can you tell me how to give permission access to camera and microphone for ios device in ionic 3.

Or there could be some other reason causing this issue?

Thank You!!