@whereby.com/browser-sdk 3.21.2 → 3.22.0
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.
- package/dist/cdn/v3-react.js +10 -10
- package/dist/react/index.cjs +11 -3
- package/dist/react/index.d.ts +6 -2
- package/dist/react/index.esm.js +11 -3
- package/package.json +3 -3
package/dist/react/index.cjs
CHANGED
|
@@ -172,7 +172,7 @@ const VideoView = React__namespace.forwardRef((_a, ref) => {
|
|
|
172
172
|
});
|
|
173
173
|
VideoView.displayName = "VideoView";
|
|
174
174
|
|
|
175
|
-
const browserSdkVersion = "3.
|
|
175
|
+
const browserSdkVersion = "3.22.0";
|
|
176
176
|
|
|
177
177
|
const initialState$1 = {
|
|
178
178
|
chatMessages: [],
|
|
@@ -242,7 +242,9 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
|
|
|
242
242
|
const setDisplayName = React__namespace.useCallback((displayName) => client.setDisplayName(displayName), [client]);
|
|
243
243
|
const toggleCamera = React__namespace.useCallback((enabled) => client.toggleCamera(enabled), [client]);
|
|
244
244
|
const toggleMicrophone = React__namespace.useCallback((enabled) => client.toggleMicrophone(enabled), [client]);
|
|
245
|
+
const toggleHdMode = React__namespace.useCallback((enabled) => client.toggleHdMode(enabled), [client]);
|
|
245
246
|
const toggleLowDataMode = React__namespace.useCallback((enabled) => client.toggleLowDataMode(enabled), [client]);
|
|
247
|
+
const toggleWidescreenMode = React__namespace.useCallback((enabled) => client.toggleWidescreenMode(enabled), [client]);
|
|
246
248
|
const toggleRaiseHand = React__namespace.useCallback((enabled) => client.toggleRaiseHand(enabled), [client]);
|
|
247
249
|
const askToSpeak = React__namespace.useCallback((participantId) => client.askToSpeak(participantId), [client]);
|
|
248
250
|
const askToTurnOnCamera = React__namespace.useCallback((participantId) => client.askToTurnOnCamera(participantId), [client]);
|
|
@@ -278,8 +280,6 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
|
|
|
278
280
|
state,
|
|
279
281
|
events,
|
|
280
282
|
actions: {
|
|
281
|
-
toggleLowDataMode,
|
|
282
|
-
toggleRaiseHand,
|
|
283
283
|
askToSpeak,
|
|
284
284
|
askToTurnOnCamera,
|
|
285
285
|
acceptWaitingParticipant,
|
|
@@ -304,6 +304,10 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
|
|
|
304
304
|
stopScreenshare,
|
|
305
305
|
toggleCamera,
|
|
306
306
|
toggleMicrophone,
|
|
307
|
+
toggleRaiseHand,
|
|
308
|
+
toggleHdMode,
|
|
309
|
+
toggleLowDataMode,
|
|
310
|
+
toggleWidescreenMode,
|
|
307
311
|
spotlightParticipant,
|
|
308
312
|
removeSpotlight,
|
|
309
313
|
joinBreakoutGroup,
|
|
@@ -349,7 +353,9 @@ function useLocalMedia(optionsOrStream = { audio: true, video: true }) {
|
|
|
349
353
|
const setSpeakerDevice = React__namespace.useCallback((deviceId) => client.setSpeakerDevice(deviceId), [client]);
|
|
350
354
|
const toggleCamera = React__namespace.useCallback((enabled) => client.toggleCamera(enabled), [client]);
|
|
351
355
|
const toggleMicrophone = React__namespace.useCallback((enabled) => client.toggleMicrophone(enabled), [client]);
|
|
356
|
+
const toggleHdMode = React__namespace.useCallback((enabled) => client.toggleHdMode(enabled), [client]);
|
|
352
357
|
const toggleLowDataMode = React__namespace.useCallback((enabled) => client.toggleLowDataMode(enabled), [client]);
|
|
358
|
+
const toggleWidescreenMode = React__namespace.useCallback((enabled) => client.toggleWidescreenMode(enabled), [client]);
|
|
353
359
|
return {
|
|
354
360
|
state: localMediaState,
|
|
355
361
|
actions: {
|
|
@@ -358,7 +364,9 @@ function useLocalMedia(optionsOrStream = { audio: true, video: true }) {
|
|
|
358
364
|
setSpeakerDevice,
|
|
359
365
|
toggleCameraEnabled: toggleCamera,
|
|
360
366
|
toggleMicrophoneEnabled: toggleMicrophone,
|
|
367
|
+
toggleHdModeEnabled: toggleHdMode,
|
|
361
368
|
toggleLowDataModeEnabled: toggleLowDataMode,
|
|
369
|
+
toggleWidescreenModeEnabled: toggleWidescreenMode,
|
|
362
370
|
},
|
|
363
371
|
};
|
|
364
372
|
}
|
package/dist/react/index.d.ts
CHANGED
|
@@ -37,7 +37,9 @@ interface LocalMediaActions {
|
|
|
37
37
|
setSpeakerDevice: (deviceId: string) => void;
|
|
38
38
|
toggleCameraEnabled: (enabled?: boolean) => void;
|
|
39
39
|
toggleMicrophoneEnabled: (enabled?: boolean) => void;
|
|
40
|
+
toggleHdModeEnabled: (enabled?: boolean) => void;
|
|
40
41
|
toggleLowDataModeEnabled: (enabled?: boolean) => void;
|
|
42
|
+
toggleWidescreenModeEnabled: (enabled?: boolean) => void;
|
|
41
43
|
}
|
|
42
44
|
type UseLocalMediaResult = {
|
|
43
45
|
state: LocalMediaState;
|
|
@@ -56,8 +58,6 @@ interface UseRoomConnectionOptions extends Omit<RoomConnectionOptions, "localMed
|
|
|
56
58
|
localMedia?: UseLocalMediaResult;
|
|
57
59
|
}
|
|
58
60
|
interface RoomConnectionActions {
|
|
59
|
-
toggleLowDataMode: (enabled?: boolean) => void;
|
|
60
|
-
toggleRaiseHand: (enabled?: boolean) => void;
|
|
61
61
|
askToSpeak: (participantId: string) => void;
|
|
62
62
|
askToTurnOnCamera: (participantId: string) => void;
|
|
63
63
|
acceptWaitingParticipant: (participantId: string) => void;
|
|
@@ -82,6 +82,10 @@ interface RoomConnectionActions {
|
|
|
82
82
|
stopScreenshare: () => void;
|
|
83
83
|
toggleCamera: (enabled?: boolean) => void;
|
|
84
84
|
toggleMicrophone: (enabled?: boolean) => void;
|
|
85
|
+
toggleRaiseHand: (enabled?: boolean) => void;
|
|
86
|
+
toggleHdMode: (enabled?: boolean) => void;
|
|
87
|
+
toggleLowDataMode: (enabled?: boolean) => void;
|
|
88
|
+
toggleWidescreenMode: (enabled?: boolean) => void;
|
|
85
89
|
spotlightParticipant: (clientId: string) => void;
|
|
86
90
|
removeSpotlight: (clientId: string) => void;
|
|
87
91
|
joinBreakoutGroup: (group: string) => void;
|
package/dist/react/index.esm.js
CHANGED
|
@@ -150,7 +150,7 @@ const VideoView = React.forwardRef((_a, ref) => {
|
|
|
150
150
|
});
|
|
151
151
|
VideoView.displayName = "VideoView";
|
|
152
152
|
|
|
153
|
-
const browserSdkVersion = "3.
|
|
153
|
+
const browserSdkVersion = "3.22.0";
|
|
154
154
|
|
|
155
155
|
const initialState$1 = {
|
|
156
156
|
chatMessages: [],
|
|
@@ -220,7 +220,9 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
|
|
|
220
220
|
const setDisplayName = React.useCallback((displayName) => client.setDisplayName(displayName), [client]);
|
|
221
221
|
const toggleCamera = React.useCallback((enabled) => client.toggleCamera(enabled), [client]);
|
|
222
222
|
const toggleMicrophone = React.useCallback((enabled) => client.toggleMicrophone(enabled), [client]);
|
|
223
|
+
const toggleHdMode = React.useCallback((enabled) => client.toggleHdMode(enabled), [client]);
|
|
223
224
|
const toggleLowDataMode = React.useCallback((enabled) => client.toggleLowDataMode(enabled), [client]);
|
|
225
|
+
const toggleWidescreenMode = React.useCallback((enabled) => client.toggleWidescreenMode(enabled), [client]);
|
|
224
226
|
const toggleRaiseHand = React.useCallback((enabled) => client.toggleRaiseHand(enabled), [client]);
|
|
225
227
|
const askToSpeak = React.useCallback((participantId) => client.askToSpeak(participantId), [client]);
|
|
226
228
|
const askToTurnOnCamera = React.useCallback((participantId) => client.askToTurnOnCamera(participantId), [client]);
|
|
@@ -256,8 +258,6 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
|
|
|
256
258
|
state,
|
|
257
259
|
events,
|
|
258
260
|
actions: {
|
|
259
|
-
toggleLowDataMode,
|
|
260
|
-
toggleRaiseHand,
|
|
261
261
|
askToSpeak,
|
|
262
262
|
askToTurnOnCamera,
|
|
263
263
|
acceptWaitingParticipant,
|
|
@@ -282,6 +282,10 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
|
|
|
282
282
|
stopScreenshare,
|
|
283
283
|
toggleCamera,
|
|
284
284
|
toggleMicrophone,
|
|
285
|
+
toggleRaiseHand,
|
|
286
|
+
toggleHdMode,
|
|
287
|
+
toggleLowDataMode,
|
|
288
|
+
toggleWidescreenMode,
|
|
285
289
|
spotlightParticipant,
|
|
286
290
|
removeSpotlight,
|
|
287
291
|
joinBreakoutGroup,
|
|
@@ -327,7 +331,9 @@ function useLocalMedia(optionsOrStream = { audio: true, video: true }) {
|
|
|
327
331
|
const setSpeakerDevice = React.useCallback((deviceId) => client.setSpeakerDevice(deviceId), [client]);
|
|
328
332
|
const toggleCamera = React.useCallback((enabled) => client.toggleCamera(enabled), [client]);
|
|
329
333
|
const toggleMicrophone = React.useCallback((enabled) => client.toggleMicrophone(enabled), [client]);
|
|
334
|
+
const toggleHdMode = React.useCallback((enabled) => client.toggleHdMode(enabled), [client]);
|
|
330
335
|
const toggleLowDataMode = React.useCallback((enabled) => client.toggleLowDataMode(enabled), [client]);
|
|
336
|
+
const toggleWidescreenMode = React.useCallback((enabled) => client.toggleWidescreenMode(enabled), [client]);
|
|
331
337
|
return {
|
|
332
338
|
state: localMediaState,
|
|
333
339
|
actions: {
|
|
@@ -336,7 +342,9 @@ function useLocalMedia(optionsOrStream = { audio: true, video: true }) {
|
|
|
336
342
|
setSpeakerDevice,
|
|
337
343
|
toggleCameraEnabled: toggleCamera,
|
|
338
344
|
toggleMicrophoneEnabled: toggleMicrophone,
|
|
345
|
+
toggleHdModeEnabled: toggleHdMode,
|
|
339
346
|
toggleLowDataModeEnabled: toggleLowDataMode,
|
|
347
|
+
toggleWidescreenModeEnabled: toggleWidescreenMode,
|
|
340
348
|
},
|
|
341
349
|
};
|
|
342
350
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@whereby.com/browser-sdk",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.22.0",
|
|
4
4
|
"description": "Modules for integration Whereby video in web apps",
|
|
5
5
|
"author": "Whereby AS",
|
|
6
6
|
"license": "MIT",
|
|
@@ -74,8 +74,8 @@
|
|
|
74
74
|
},
|
|
75
75
|
"dependencies": {
|
|
76
76
|
"@radix-ui/react-popover": "^1.0.7",
|
|
77
|
-
"@whereby.com/media": "9.2.
|
|
78
|
-
"@whereby.com/core": "1.
|
|
77
|
+
"@whereby.com/media": "9.2.3",
|
|
78
|
+
"@whereby.com/core": "1.12.0",
|
|
79
79
|
"clsx": "^2.1.1",
|
|
80
80
|
"heresy": "^1.0.4",
|
|
81
81
|
"runes": "^0.4.3"
|