@arcware-cloud/pixelstreaming-websdk 0.1.5 → 0.1.7
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/index.cjs.js +3 -3
- package/index.esm.js +3 -3
- package/index.umd.js +3 -3
- package/package.json +2 -2
- package/types/lib/ArcwareApplication.d.ts +2 -0
- package/types/lib/ArcwareConfig.d.ts +1 -1
- package/types/lib/ArcwarePixelStreaming.d.ts +1 -1
- package/types/lib/styles/ArcwarePixelStreamingApplicationStyles.d.ts +35 -19
- package/types/lib/ui/StopButton/index.d.ts +1 -5
- package/types/shared/lib/Messages/StreamInfo.d.ts +27 -0
- package/types/shared/lib/Messages/WebSdkSettings.d.ts +15 -0
- package/types/lib/ui/PlayIcon/index.d.ts +0 -5
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arcware-cloud/pixelstreaming-websdk",
|
|
3
3
|
"description": "WebSDK for easy implementation of pixel streaming with Arcware CloudRT Services. Heavily based on the '@epicgames-ps' library.",
|
|
4
|
-
"version": "0.1.
|
|
4
|
+
"version": "0.1.7",
|
|
5
5
|
"type": "commonjs",
|
|
6
6
|
"main": "./index.umd.js",
|
|
7
7
|
"module": "./index.umd.js",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"lodash": "4.17.21",
|
|
27
27
|
"lottie-web": "5.10.2",
|
|
28
28
|
"moment": "2.29.4",
|
|
29
|
-
"zod": "3.
|
|
29
|
+
"zod": "3.21.4"
|
|
30
30
|
},
|
|
31
31
|
"cjs": "./index.cjs.js"
|
|
32
32
|
}
|
|
@@ -26,6 +26,7 @@ export declare class ArcwareApplication extends Application {
|
|
|
26
26
|
private createMicToggleButton;
|
|
27
27
|
private createStopButton;
|
|
28
28
|
private uiDefaultButtonVisibilty;
|
|
29
|
+
private preventDefaultKeyboardEvents;
|
|
29
30
|
private autoPlayHandler;
|
|
30
31
|
/** Request a response from you UE Application.
|
|
31
32
|
* The returned response depends on the implementation of your UE Application.
|
|
@@ -42,4 +43,5 @@ export declare class ArcwareApplication extends Application {
|
|
|
42
43
|
* Mainly used to bubble events like a button press or other command inputs towards the UE Application.
|
|
43
44
|
*/
|
|
44
45
|
emitUIInteraction(descriptor: object | string): void;
|
|
46
|
+
private addTextToConnectOverlay;
|
|
45
47
|
}
|
|
@@ -27,7 +27,7 @@ export declare class ArcwareConfig extends Config {
|
|
|
27
27
|
readonly session: Session;
|
|
28
28
|
readonly settings: Settings;
|
|
29
29
|
private _initialSettings;
|
|
30
|
-
readonly VERSION = "0.1.
|
|
30
|
+
readonly VERSION = "0.1.7";
|
|
31
31
|
constructor(config: ArcwareConfigParams);
|
|
32
32
|
/** Setup connection string. */
|
|
33
33
|
get urlFlags(): string;
|
|
@@ -82,6 +82,7 @@ export declare class ArcwarePixelStreaming extends PixelStreaming {
|
|
|
82
82
|
private sendStats;
|
|
83
83
|
private send;
|
|
84
84
|
private handleResolutionChange;
|
|
85
|
+
private applyResolutionIfPlaying;
|
|
85
86
|
removePlayer(): void;
|
|
86
87
|
private handleMouseLock;
|
|
87
88
|
private initLoveLettersContainer;
|
|
@@ -92,5 +93,4 @@ export declare class ArcwarePixelStreaming extends PixelStreaming {
|
|
|
92
93
|
private createMicrophoneOverlay;
|
|
93
94
|
toggleMic(enable: boolean, isDefault: boolean): void;
|
|
94
95
|
private wrapWebSocketOnCloseHandler;
|
|
95
|
-
onStreamingStateChange(callback: (isStreaming: boolean) => void): void;
|
|
96
96
|
}
|
|
@@ -100,10 +100,6 @@ export declare const ArcwareStyles: {
|
|
|
100
100
|
width: string;
|
|
101
101
|
height: string;
|
|
102
102
|
};
|
|
103
|
-
"#stopIcon, #playIcon": {
|
|
104
|
-
width: string;
|
|
105
|
-
height: string;
|
|
106
|
-
};
|
|
107
103
|
"#uiFeatures button .tooltiptext": {
|
|
108
104
|
right: string;
|
|
109
105
|
left: string;
|
|
@@ -245,10 +241,36 @@ export declare const ArcwareStyles: {
|
|
|
245
241
|
margin: string;
|
|
246
242
|
width: string;
|
|
247
243
|
};
|
|
244
|
+
"#connectOverlay #connectButton": {
|
|
245
|
+
textTransform: string;
|
|
246
|
+
textAlign: string;
|
|
247
|
+
color: string;
|
|
248
|
+
padding: string;
|
|
249
|
+
fontSize: string;
|
|
250
|
+
border: string;
|
|
251
|
+
margin: string;
|
|
252
|
+
width: string;
|
|
253
|
+
};
|
|
254
|
+
"#connectOverlay .connection-text": {
|
|
255
|
+
textTransform: string;
|
|
256
|
+
textAlign: string;
|
|
257
|
+
margin: string;
|
|
258
|
+
};
|
|
259
|
+
"#connectOverlay .connection-text .title": {
|
|
260
|
+
color: string;
|
|
261
|
+
fontSize: string;
|
|
262
|
+
margin: string;
|
|
263
|
+
};
|
|
264
|
+
"#connectOverlay .connection-text .subtitle": {
|
|
265
|
+
color: string;
|
|
266
|
+
opacity: number;
|
|
267
|
+
fontSize: string;
|
|
268
|
+
margin: string;
|
|
269
|
+
};
|
|
248
270
|
"#infoOverlay.hiddenState": {
|
|
249
271
|
display: string;
|
|
250
272
|
};
|
|
251
|
-
"#disconnectOverlay, #playOverlay, #errorOverlay, #microphoneOverlay": {
|
|
273
|
+
"#disconnectOverlay, #playOverlay, #errorOverlay, #microphoneOverlay, #connectOverlay": {
|
|
252
274
|
background: string;
|
|
253
275
|
display: string;
|
|
254
276
|
transition: string;
|
|
@@ -309,6 +331,12 @@ export declare const ArcwareStyles: {
|
|
|
309
331
|
"#infoOverlay.hiddenState, #connectOverlay.hiddenState": {
|
|
310
332
|
display: string;
|
|
311
333
|
};
|
|
334
|
+
"#connectOverlay": {
|
|
335
|
+
display: string;
|
|
336
|
+
flexDirection: string;
|
|
337
|
+
alignItems: string;
|
|
338
|
+
justifyContent: string;
|
|
339
|
+
};
|
|
312
340
|
"#infoOverlay": {
|
|
313
341
|
display: string;
|
|
314
342
|
};
|
|
@@ -345,20 +373,10 @@ export declare const ArcwareStyles: {
|
|
|
345
373
|
textTransform: string;
|
|
346
374
|
textAlign: string;
|
|
347
375
|
};
|
|
348
|
-
"#letters-
|
|
349
|
-
height: string;
|
|
350
|
-
overflow: string;
|
|
351
|
-
position: string;
|
|
352
|
-
display: string;
|
|
353
|
-
flexDirection: string;
|
|
354
|
-
alignItems: string;
|
|
355
|
-
justifyContent: string;
|
|
356
|
-
marginTop: string;
|
|
357
|
-
paddingBottom: string;
|
|
358
|
-
};
|
|
359
|
-
"#letters-wrapper p": {
|
|
376
|
+
"#letters-block p": {
|
|
360
377
|
textAlign: string;
|
|
361
378
|
lineHeight: number;
|
|
379
|
+
margin: string;
|
|
362
380
|
fontSize: string;
|
|
363
381
|
};
|
|
364
382
|
".letter-animation:nth-last-of-type(1)::after": {
|
|
@@ -370,7 +388,6 @@ export declare const ArcwareStyles: {
|
|
|
370
388
|
".letter-animation": {
|
|
371
389
|
transition: string;
|
|
372
390
|
transformOrigin: string;
|
|
373
|
-
margin: string;
|
|
374
391
|
};
|
|
375
392
|
".letter-animation-enter": {
|
|
376
393
|
animation: string;
|
|
@@ -379,7 +396,6 @@ export declare const ArcwareStyles: {
|
|
|
379
396
|
opacity: number;
|
|
380
397
|
scale: number;
|
|
381
398
|
transition: string;
|
|
382
|
-
margin: number;
|
|
383
399
|
};
|
|
384
400
|
"@keyframes dotty": {
|
|
385
401
|
"0%": {
|
|
@@ -3,14 +3,10 @@ export declare class StopButton {
|
|
|
3
3
|
private button;
|
|
4
4
|
private stream;
|
|
5
5
|
private stopIcon;
|
|
6
|
-
private playIcon;
|
|
7
6
|
private tooltipText;
|
|
8
|
-
private isStreaming;
|
|
9
7
|
constructor(stream: ArcwarePixelStreaming);
|
|
10
8
|
private createButton;
|
|
11
9
|
private createTooltipText;
|
|
12
|
-
private
|
|
13
|
-
private updateButtonIcon;
|
|
10
|
+
private stop;
|
|
14
11
|
get element(): HTMLButtonElement;
|
|
15
|
-
private updateButtonState;
|
|
16
12
|
}
|
|
@@ -69,27 +69,36 @@ export declare const ZStreamInfo: z.ZodObject<{
|
|
|
69
69
|
GamepadInput: z.ZodOptional<z.ZodBoolean>;
|
|
70
70
|
TouchInput: z.ZodOptional<z.ZodBoolean>;
|
|
71
71
|
XRControllerInput: z.ZodOptional<z.ZodBoolean>;
|
|
72
|
+
UseMic: z.ZodOptional<z.ZodBoolean>;
|
|
72
73
|
FakeMouseWithTouches: z.ZodOptional<z.ZodBoolean>;
|
|
73
74
|
ForceMonoAudio: z.ZodOptional<z.ZodBoolean>;
|
|
74
75
|
HoveringMouse: z.ZodOptional<z.ZodBoolean>;
|
|
76
|
+
MatchViewportRes: z.ZodOptional<z.ZodBoolean>;
|
|
77
|
+
SuppressBrowserKeys: z.ZodOptional<z.ZodBoolean>;
|
|
75
78
|
}, "strip", z.ZodTypeAny, {
|
|
76
79
|
KeyboardInput?: boolean | undefined;
|
|
77
80
|
MouseInput?: boolean | undefined;
|
|
78
81
|
GamepadInput?: boolean | undefined;
|
|
79
82
|
TouchInput?: boolean | undefined;
|
|
80
83
|
XRControllerInput?: boolean | undefined;
|
|
84
|
+
UseMic?: boolean | undefined;
|
|
81
85
|
FakeMouseWithTouches?: boolean | undefined;
|
|
82
86
|
ForceMonoAudio?: boolean | undefined;
|
|
83
87
|
HoveringMouse?: boolean | undefined;
|
|
88
|
+
MatchViewportRes?: boolean | undefined;
|
|
89
|
+
SuppressBrowserKeys?: boolean | undefined;
|
|
84
90
|
}, {
|
|
85
91
|
KeyboardInput?: boolean | undefined;
|
|
86
92
|
MouseInput?: boolean | undefined;
|
|
87
93
|
GamepadInput?: boolean | undefined;
|
|
88
94
|
TouchInput?: boolean | undefined;
|
|
89
95
|
XRControllerInput?: boolean | undefined;
|
|
96
|
+
UseMic?: boolean | undefined;
|
|
90
97
|
FakeMouseWithTouches?: boolean | undefined;
|
|
91
98
|
ForceMonoAudio?: boolean | undefined;
|
|
92
99
|
HoveringMouse?: boolean | undefined;
|
|
100
|
+
MatchViewportRes?: boolean | undefined;
|
|
101
|
+
SuppressBrowserKeys?: boolean | undefined;
|
|
93
102
|
}>>;
|
|
94
103
|
}, "strict", z.ZodTypeAny, {
|
|
95
104
|
conf?: {
|
|
@@ -107,9 +116,12 @@ export declare const ZStreamInfo: z.ZodObject<{
|
|
|
107
116
|
GamepadInput?: boolean | undefined;
|
|
108
117
|
TouchInput?: boolean | undefined;
|
|
109
118
|
XRControllerInput?: boolean | undefined;
|
|
119
|
+
UseMic?: boolean | undefined;
|
|
110
120
|
FakeMouseWithTouches?: boolean | undefined;
|
|
111
121
|
ForceMonoAudio?: boolean | undefined;
|
|
112
122
|
HoveringMouse?: boolean | undefined;
|
|
123
|
+
MatchViewportRes?: boolean | undefined;
|
|
124
|
+
SuppressBrowserKeys?: boolean | undefined;
|
|
113
125
|
} | undefined;
|
|
114
126
|
}, {
|
|
115
127
|
conf?: {
|
|
@@ -127,9 +139,12 @@ export declare const ZStreamInfo: z.ZodObject<{
|
|
|
127
139
|
GamepadInput?: boolean | undefined;
|
|
128
140
|
TouchInput?: boolean | undefined;
|
|
129
141
|
XRControllerInput?: boolean | undefined;
|
|
142
|
+
UseMic?: boolean | undefined;
|
|
130
143
|
FakeMouseWithTouches?: boolean | undefined;
|
|
131
144
|
ForceMonoAudio?: boolean | undefined;
|
|
132
145
|
HoveringMouse?: boolean | undefined;
|
|
146
|
+
MatchViewportRes?: boolean | undefined;
|
|
147
|
+
SuppressBrowserKeys?: boolean | undefined;
|
|
133
148
|
} | undefined;
|
|
134
149
|
}>>;
|
|
135
150
|
afk: z.ZodOptional<z.ZodObject<{
|
|
@@ -180,9 +195,12 @@ export declare const ZStreamInfo: z.ZodObject<{
|
|
|
180
195
|
GamepadInput?: boolean | undefined;
|
|
181
196
|
TouchInput?: boolean | undefined;
|
|
182
197
|
XRControllerInput?: boolean | undefined;
|
|
198
|
+
UseMic?: boolean | undefined;
|
|
183
199
|
FakeMouseWithTouches?: boolean | undefined;
|
|
184
200
|
ForceMonoAudio?: boolean | undefined;
|
|
185
201
|
HoveringMouse?: boolean | undefined;
|
|
202
|
+
MatchViewportRes?: boolean | undefined;
|
|
203
|
+
SuppressBrowserKeys?: boolean | undefined;
|
|
186
204
|
} | undefined;
|
|
187
205
|
} | undefined;
|
|
188
206
|
afk?: {
|
|
@@ -223,9 +241,12 @@ export declare const ZStreamInfo: z.ZodObject<{
|
|
|
223
241
|
GamepadInput?: boolean | undefined;
|
|
224
242
|
TouchInput?: boolean | undefined;
|
|
225
243
|
XRControllerInput?: boolean | undefined;
|
|
244
|
+
UseMic?: boolean | undefined;
|
|
226
245
|
FakeMouseWithTouches?: boolean | undefined;
|
|
227
246
|
ForceMonoAudio?: boolean | undefined;
|
|
228
247
|
HoveringMouse?: boolean | undefined;
|
|
248
|
+
MatchViewportRes?: boolean | undefined;
|
|
249
|
+
SuppressBrowserKeys?: boolean | undefined;
|
|
229
250
|
} | undefined;
|
|
230
251
|
} | undefined;
|
|
231
252
|
afk?: {
|
|
@@ -269,9 +290,12 @@ export declare const ZStreamInfo: z.ZodObject<{
|
|
|
269
290
|
GamepadInput?: boolean | undefined;
|
|
270
291
|
TouchInput?: boolean | undefined;
|
|
271
292
|
XRControllerInput?: boolean | undefined;
|
|
293
|
+
UseMic?: boolean | undefined;
|
|
272
294
|
FakeMouseWithTouches?: boolean | undefined;
|
|
273
295
|
ForceMonoAudio?: boolean | undefined;
|
|
274
296
|
HoveringMouse?: boolean | undefined;
|
|
297
|
+
MatchViewportRes?: boolean | undefined;
|
|
298
|
+
SuppressBrowserKeys?: boolean | undefined;
|
|
275
299
|
} | undefined;
|
|
276
300
|
} | undefined;
|
|
277
301
|
afk?: {
|
|
@@ -315,9 +339,12 @@ export declare const ZStreamInfo: z.ZodObject<{
|
|
|
315
339
|
GamepadInput?: boolean | undefined;
|
|
316
340
|
TouchInput?: boolean | undefined;
|
|
317
341
|
XRControllerInput?: boolean | undefined;
|
|
342
|
+
UseMic?: boolean | undefined;
|
|
318
343
|
FakeMouseWithTouches?: boolean | undefined;
|
|
319
344
|
ForceMonoAudio?: boolean | undefined;
|
|
320
345
|
HoveringMouse?: boolean | undefined;
|
|
346
|
+
MatchViewportRes?: boolean | undefined;
|
|
347
|
+
SuppressBrowserKeys?: boolean | undefined;
|
|
321
348
|
} | undefined;
|
|
322
349
|
} | undefined;
|
|
323
350
|
afk?: {
|
|
@@ -31,27 +31,36 @@ export declare const WebSdkSettings: z.ZodObject<{
|
|
|
31
31
|
GamepadInput: z.ZodOptional<z.ZodBoolean>;
|
|
32
32
|
TouchInput: z.ZodOptional<z.ZodBoolean>;
|
|
33
33
|
XRControllerInput: z.ZodOptional<z.ZodBoolean>;
|
|
34
|
+
UseMic: z.ZodOptional<z.ZodBoolean>;
|
|
34
35
|
FakeMouseWithTouches: z.ZodOptional<z.ZodBoolean>;
|
|
35
36
|
ForceMonoAudio: z.ZodOptional<z.ZodBoolean>;
|
|
36
37
|
HoveringMouse: z.ZodOptional<z.ZodBoolean>;
|
|
38
|
+
MatchViewportRes: z.ZodOptional<z.ZodBoolean>;
|
|
39
|
+
SuppressBrowserKeys: z.ZodOptional<z.ZodBoolean>;
|
|
37
40
|
}, "strip", z.ZodTypeAny, {
|
|
38
41
|
KeyboardInput?: boolean | undefined;
|
|
39
42
|
MouseInput?: boolean | undefined;
|
|
40
43
|
GamepadInput?: boolean | undefined;
|
|
41
44
|
TouchInput?: boolean | undefined;
|
|
42
45
|
XRControllerInput?: boolean | undefined;
|
|
46
|
+
UseMic?: boolean | undefined;
|
|
43
47
|
FakeMouseWithTouches?: boolean | undefined;
|
|
44
48
|
ForceMonoAudio?: boolean | undefined;
|
|
45
49
|
HoveringMouse?: boolean | undefined;
|
|
50
|
+
MatchViewportRes?: boolean | undefined;
|
|
51
|
+
SuppressBrowserKeys?: boolean | undefined;
|
|
46
52
|
}, {
|
|
47
53
|
KeyboardInput?: boolean | undefined;
|
|
48
54
|
MouseInput?: boolean | undefined;
|
|
49
55
|
GamepadInput?: boolean | undefined;
|
|
50
56
|
TouchInput?: boolean | undefined;
|
|
51
57
|
XRControllerInput?: boolean | undefined;
|
|
58
|
+
UseMic?: boolean | undefined;
|
|
52
59
|
FakeMouseWithTouches?: boolean | undefined;
|
|
53
60
|
ForceMonoAudio?: boolean | undefined;
|
|
54
61
|
HoveringMouse?: boolean | undefined;
|
|
62
|
+
MatchViewportRes?: boolean | undefined;
|
|
63
|
+
SuppressBrowserKeys?: boolean | undefined;
|
|
55
64
|
}>>;
|
|
56
65
|
}, "strict", z.ZodTypeAny, {
|
|
57
66
|
conf?: {
|
|
@@ -69,9 +78,12 @@ export declare const WebSdkSettings: z.ZodObject<{
|
|
|
69
78
|
GamepadInput?: boolean | undefined;
|
|
70
79
|
TouchInput?: boolean | undefined;
|
|
71
80
|
XRControllerInput?: boolean | undefined;
|
|
81
|
+
UseMic?: boolean | undefined;
|
|
72
82
|
FakeMouseWithTouches?: boolean | undefined;
|
|
73
83
|
ForceMonoAudio?: boolean | undefined;
|
|
74
84
|
HoveringMouse?: boolean | undefined;
|
|
85
|
+
MatchViewportRes?: boolean | undefined;
|
|
86
|
+
SuppressBrowserKeys?: boolean | undefined;
|
|
75
87
|
} | undefined;
|
|
76
88
|
}, {
|
|
77
89
|
conf?: {
|
|
@@ -89,8 +101,11 @@ export declare const WebSdkSettings: z.ZodObject<{
|
|
|
89
101
|
GamepadInput?: boolean | undefined;
|
|
90
102
|
TouchInput?: boolean | undefined;
|
|
91
103
|
XRControllerInput?: boolean | undefined;
|
|
104
|
+
UseMic?: boolean | undefined;
|
|
92
105
|
FakeMouseWithTouches?: boolean | undefined;
|
|
93
106
|
ForceMonoAudio?: boolean | undefined;
|
|
94
107
|
HoveringMouse?: boolean | undefined;
|
|
108
|
+
MatchViewportRes?: boolean | undefined;
|
|
109
|
+
SuppressBrowserKeys?: boolean | undefined;
|
|
95
110
|
} | undefined;
|
|
96
111
|
}>;
|