agora-appbuilder-core 4.0.0-beta.10 → 4.0.0-beta.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/package.json +2 -2
  2. package/template/agora-rn-uikit/src/Contexts/PropsContext.tsx +1 -0
  3. package/template/agora-rn-uikit/src/Rtc/Create.tsx +8 -2
  4. package/template/global.d.ts +1 -0
  5. package/template/src/pages/VideoCall.tsx +2 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "agora-appbuilder-core",
3
- "version": "4.0.0-beta.10",
3
+ "version": "4.0.0-beta.11",
4
4
  "description": "React Native template for RTE app builder",
5
5
  "main": "index.js",
6
6
  "files": [
@@ -9,7 +9,7 @@
9
9
  ],
10
10
  "scripts": {
11
11
  "vercel-build": "npm run dev-setup && cd template && npm run web:build && cd .. && npm run copy-vercel",
12
- "uikit": "rm -rf template/agora-rn-uikit && git clone https://github.com/AgoraIO-Community/ReactNative-UIKit.git template/agora-rn-uikit && cd template/agora-rn-uikit && git checkout feature/redesign/ui-kit",
12
+ "uikit": "rm -rf template/agora-rn-uikit && git clone https://github.com/AgoraIO-Community/ReactNative-UIKit.git template/agora-rn-uikit && cd template/agora-rn-uikit && git checkout feature/redesign/ui-kit-v1",
13
13
  "deps": "cd template && npm i",
14
14
  "dev-setup": "npm run uikit && npm run deps && node devSetup.js",
15
15
  "web-build": "cd template && npm run web:build && cd .. && npm run copy-vercel",
package/template/agora-rn-uikit/src/Contexts/PropsContext.tsx CHANGED
@@ -120,6 +120,7 @@ export interface RtcPropsInterface {
120
120
  // };
121
121
  geoFencing?: boolean;
122
122
  audioRoom?: boolean;
123
+ activeSpeaker?: boolean;
123
124
  }
124
125
 
125
126
  export interface CallbacksInterface {
package/template/agora-rn-uikit/src/Rtc/Create.tsx CHANGED
@@ -25,7 +25,11 @@ const Create = ({
25
25
  }) => {
26
26
  const [ready, setReady] = useState(false);
27
27
  const {callbacks, rtcProps, mode} = useContext(PropsContext);
28
- const {geoFencing = true, audioRoom = false} = rtcProps || {};
28
+ const {
29
+ geoFencing = true,
30
+ audioRoom = false,
31
+ activeSpeaker = false,
32
+ } = rtcProps || {};
29
33
  let engine = useRef<RtcEngine>({} as RtcEngine);
30
34
  // commented for v1 release
31
35
  // const beforeCreate = rtcProps?.lifecycle?.useBeforeCreate
@@ -228,7 +232,9 @@ const Create = ({
228
232
  } else {
229
233
  await engine.current.setChannelProfile(ChannelProfile.Communication);
230
234
  }
231
- await engine.current.enableAudioVolumeIndication(500, 3, true);
235
+ if (activeSpeaker) {
236
+ await engine.current.enableAudioVolumeIndication(500, 3, true);
237
+ }
232
238
  if (!audioRoom) {
233
239
  if (rtcProps.profile) {
234
240
  if (Platform.OS === 'web') {
package/template/global.d.ts CHANGED
@@ -97,6 +97,7 @@ interface ConfigInterface {
97
97
  ICON_TEXT: boolean;
98
98
  ICON_BG_COLOR: string;
99
99
  TOOLBAR_COLOR: string;
100
+ ACTIVE_SPEAKER: boolean;
100
101
  }
101
102
  declare var $config: ConfigInterface;
102
103
  declare module 'customization' {
package/template/src/pages/VideoCall.tsx CHANGED
@@ -124,6 +124,7 @@ const VideoCall: React.FC = () => {
124
124
  role: ClientRole.Broadcaster,
125
125
  geoFencing: $config.GEO_FENCING,
126
126
  audioRoom: $config.AUDIO_ROOM,
127
+ activeSpeaker: $config.ACTIVE_SPEAKER,
127
128
  });
128
129
 
129
130
  const useJoin = useJoinMeeting();
@@ -170,6 +171,7 @@ const VideoCall: React.FC = () => {
170
171
  role: data.isHost ? ClientRole.Broadcaster : ClientRole.Audience,
171
172
  geoFencing: $config.GEO_FENCING,
172
173
  audioRoom: $config.AUDIO_ROOM,
174
+ activeSpeaker: $config.ACTIVE_SPEAKER,
173
175
  });
174
176
 
175
177
  // 1. Store the display name from API