Audio Room Functionality Inquiry (Clubhouse Clone Guide)

Good Day,

I am working to buildoff the clubhouse clone demonstration that was made with cometchat.
https://github.com/jomarip/podium/blob/podium/README.md

I have managed to get the android app version of it working, but I am unclear why then audio room Join Call aspect is not working for the audio space. How does one test and verify that the calls are functioning correctly. I made some console logs, but still not sure where the breakdown is.

Would love some support on verifying/executing the implementation
https://www.cometchat.com/tutorials/build-clubhouse-clone-app

I am curious if this has to do with the recent changes to AsyncStorage. 

 ERROR  Warning: AsyncStorage has been extracted from react-native core and will be removed in a future release. It can now be installed and imported from '@react-native-community/async-storage' instead of 'react-native'. See https://github.com/react-native-community/async-storage

This are the dependencies I used:

 "react": "16.13.1",
        "react-native": "0.63.3",
        "react-native-autolink": "^4.0.0",
        "react-native-document-picker": "^4.1.1",
        "react-native-elements": "^3.0.0-alpha.1",
        "react-native-fast-image": "^8.3.4",
        "react-native-gesture-handler": "^1.9.0",
        "react-native-get-random-values": "^1.7.0",
        "react-native-image-picker": "^4.1.1",
        "react-native-keep-awake": "^4.0.0",
        "react-native-reanimated": "2.17.0",
        "react-native-safe-area-context": "^3.3.2",
        "react-native-screens": "^3.25.0",
        "react-native-sound": "^0.11.0",
        "react-native-svg": "^12.1.1",
        "react-native-svg-transformer": "^1.0.0",
        "react-native-swipe-list-view": "^3.2.8",
        "react-native-vector-icons": "^7.1.0",
        "react-native-video": "^5.1.1",
        "react-native-video-controls": "^2.8.1",
        "react-native-webview": "^11.14.3",
        "reanimated-bottom-sheet": "^1.0.0-alpha.22",






I also  added some console logs around join call and received the following:

The following console logs were seen: 


Join call triggered
Joining Call
Starting Call with room Call settings created
[13:49:29] I | ReactNativeJS ▶︎ Running "source" with {"rootTag":1}
[13:49:29] I | ReactNativeJS ▶︎ CometChat was initialized successfully
[13:49:43] I | ReactNativeJS ▶︎ 'Join call triggered', { createdBy: │ { avatar: 'https://firebasestorage.googleapis.com/v0/b/podium-b809c.appspot.com/o/users%2Frn_image_picker_lib_temp_1cff6a27-23a9-44d5-8d16-.jpg?alt=media&token=0b0e36c3-', │ email: 'jomari', │ fullname: 'Jumanji', │ id: 'SqVPJlTA7DdfjtC5VMAtFcnslsL2' }, │ id: '896d640b', └ roomTitle: 'Test2' }

[13:49:43] I | ReactNativeJS ▶︎ Joining Call

[13:49:43] I | ReactNativeJS ▶︎ 'Starting call with room', { createdBy: │ { avatar: 'https://firebasestorage.googleapis.com/v0/b/podium-b809c.appspot.com/o/users%2Frn_image_picker_lib_temp_1cff6a27-23a9-44d5-8d16-30fe31d61c42.jpg?alt=media&token=0b0e36c3-', │ email: 'jomar', │ fullname: 'Jumanji', │ id: 'SqVPJlTA7DdfjtC5VMAtFcnslsL2' }, │ id: '896d640b-', └ roomTitle: 'Test2' }

[13:49:43] I | ReactNativeJS ▶︎ 'Call settings created', { sessionID: '896d640b-0759-4d10-85d5-2ee8c33266e5', │ defaultLayout: true, │ isAudioOnly: true, │ region: undefined, │ domain: undefined, │ user: undefined, │ listener: │ { onUserListUpdated: [Function: onUserListUpdated], │ onAudioModesUpdated: [Function: onAudioModesUpdated], │ onCallEnded: [Function: onCallEnded], │ onError: [Function: onError] }, │ mode: 'DEFAULT', │ ShowEndCallButton: true, │ ShowSwitchCameraButton: true, │ ShowMuteAudioButton: true, │ ShowPauseVideoButton: true, │ ShowAudioModeButton: true, │ StartAudioMuted: false, │ StartVideoMuted: false, │ analyticsSettings: {}, │ appId: undefined, │ defaultAudioMode: undefined, │ ShowSwitchToVideoCallButton: true, │ AvatarMode: 'circle', │ ShowRecordingButton: false, │ StartRecordingOnCallStart: false, │ MainVideoContainerSetting: │ { videoFit: 'contain', │ zoomButton: { position: 'bottom-right', visible: true }, │ fullScreenButton: { position: 'bottom-right', visible: true }, │ userListButton: { position: 'bottom-right', visible: true }, │ nameLabel: { position: 'bottom-left', visible: true, color: '#333333' } }, │ EnableVideoTileClick: true, └ enableDraggableVideoTile: true }

 

[13:49:43] I | ReactNativeJS ▶︎ Joining Call │ 'Rendering CometChat CallingComponent with settings', { sessionID: '896d640b-0759-', │ defaultLayout: true, │ isAudioOnly: true, │ region: undefined, │ domain: undefined, │ user: undefined, │ listener: │ { onUserListUpdated: [Function: onUserListUpdated], │ onAudioModesUpdated: [Function: onAudioModesUpdated], │ onCallEnded: [Function: onCallEnded], │ onError: [Function: onError] }, │ mode: 'DEFAULT', │ ShowEndCallButton: true, │ ShowSwitchCameraButton: true, │ ShowMuteAudioButton: true, │ ShowPauseVideoButton: true, │ ShowAudioModeButton: true, │ StartAudioMuted: false, │ StartVideoMuted: false, │ analyticsSettings: {}, │ appId: undefined, │ defaultAudioMode: undefined, │ ShowSwitchToVideoCallButton: true, │ AvatarMode: 'circle', │ ShowRecordingButton: false, │ StartRecordingOnCallStart: false, │ MainVideoContainerSetting: │ { videoFit: 'contain', │ zoomButton: { position: 'bottom-right', visible: true }, │ fullScreenButton: { position: 'bottom-right', visible: true }, │ userListButton: { position: 'bottom-right', visible: true }, │ nameLabel: { position: 'bottom-left', visible: true, color: '#333333' } }, │ EnableVideoTileClick: true, └ enableDraggableVideoTile: true }

0

Comments

0 comments

Please sign in to leave a comment.

Didn't find what you were looking for?

New post