@100mslive/roomkit-react 0.2.6-alpha.6 → 0.2.6
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/{HLSView-4B4DD2HF.js → HLSView-A5DVXKEU.js} +4 -12
- package/dist/{HLSView-4B4DD2HF.js.map → HLSView-A5DVXKEU.js.map} +2 -2
- package/dist/{chunk-EMFS7SME.js → chunk-KUVM2TEZ.js} +4 -4
- package/dist/chunk-KUVM2TEZ.js.map +7 -0
- package/dist/index.cjs.js +4 -12
- package/dist/index.cjs.js.map +2 -2
- package/dist/index.js +1 -1
- package/dist/meta.cjs.json +7 -7
- package/dist/meta.esbuild.json +16 -16
- package/package.json +6 -6
- package/src/Prebuilt/layouts/HLSView.jsx +70 -83
- package/dist/chunk-EMFS7SME.js.map +0 -7
package/dist/index.js
CHANGED
package/dist/meta.cjs.json
CHANGED
|
@@ -4523,7 +4523,7 @@
|
|
|
4523
4523
|
"format": "cjs"
|
|
4524
4524
|
},
|
|
4525
4525
|
"../hms-video-store/dist/index.js": {
|
|
4526
|
-
"bytes":
|
|
4526
|
+
"bytes": 322675,
|
|
4527
4527
|
"imports": [
|
|
4528
4528
|
{
|
|
4529
4529
|
"path": "../../node_modules/reselect/es/index.js",
|
|
@@ -10741,7 +10741,7 @@
|
|
|
10741
10741
|
"format": "esm"
|
|
10742
10742
|
},
|
|
10743
10743
|
"src/Prebuilt/layouts/HLSView.jsx": {
|
|
10744
|
-
"bytes":
|
|
10744
|
+
"bytes": 17554,
|
|
10745
10745
|
"imports": [
|
|
10746
10746
|
{
|
|
10747
10747
|
"path": "react",
|
|
@@ -12790,7 +12790,7 @@
|
|
|
12790
12790
|
"imports": [],
|
|
12791
12791
|
"exports": [],
|
|
12792
12792
|
"inputs": {},
|
|
12793
|
-
"bytes":
|
|
12793
|
+
"bytes": 3167579
|
|
12794
12794
|
},
|
|
12795
12795
|
"dist/index.cjs.js": {
|
|
12796
12796
|
"imports": [
|
|
@@ -15499,7 +15499,7 @@
|
|
|
15499
15499
|
"entryPoint": "src/index.ts",
|
|
15500
15500
|
"inputs": {
|
|
15501
15501
|
"<define:process.env>": {
|
|
15502
|
-
"bytesInOutput":
|
|
15502
|
+
"bytesInOutput": 18104
|
|
15503
15503
|
},
|
|
15504
15504
|
"src/Theme/base.config.ts": {
|
|
15505
15505
|
"bytesInOutput": 6104
|
|
@@ -15979,7 +15979,7 @@
|
|
|
15979
15979
|
"bytesInOutput": 615
|
|
15980
15980
|
},
|
|
15981
15981
|
"../hms-video-store/dist/index.js": {
|
|
15982
|
-
"bytesInOutput":
|
|
15982
|
+
"bytesInOutput": 53017
|
|
15983
15983
|
},
|
|
15984
15984
|
"src/Prebuilt/components/hooks/usePlaylistMusic.js": {
|
|
15985
15985
|
"bytesInOutput": 1384
|
|
@@ -16378,7 +16378,7 @@
|
|
|
16378
16378
|
"bytesInOutput": 4598
|
|
16379
16379
|
},
|
|
16380
16380
|
"src/Prebuilt/layouts/HLSView.jsx": {
|
|
16381
|
-
"bytesInOutput":
|
|
16381
|
+
"bytesInOutput": 21219
|
|
16382
16382
|
},
|
|
16383
16383
|
"src/Prebuilt/layouts/VideoStreamingSection.tsx": {
|
|
16384
16384
|
"bytesInOutput": 4111
|
|
@@ -16507,7 +16507,7 @@
|
|
|
16507
16507
|
"bytesInOutput": 2980
|
|
16508
16508
|
}
|
|
16509
16509
|
},
|
|
16510
|
-
"bytes":
|
|
16510
|
+
"bytes": 1488648
|
|
16511
16511
|
}
|
|
16512
16512
|
}
|
|
16513
16513
|
}
|
package/dist/meta.esbuild.json
CHANGED
|
@@ -4523,7 +4523,7 @@
|
|
|
4523
4523
|
"format": "cjs"
|
|
4524
4524
|
},
|
|
4525
4525
|
"../hms-video-store/dist/index.js": {
|
|
4526
|
-
"bytes":
|
|
4526
|
+
"bytes": 322675,
|
|
4527
4527
|
"imports": [
|
|
4528
4528
|
{
|
|
4529
4529
|
"path": "../../node_modules/reselect/es/index.js",
|
|
@@ -10741,7 +10741,7 @@
|
|
|
10741
10741
|
"format": "esm"
|
|
10742
10742
|
},
|
|
10743
10743
|
"src/Prebuilt/layouts/HLSView.jsx": {
|
|
10744
|
-
"bytes":
|
|
10744
|
+
"bytes": 17554,
|
|
10745
10745
|
"imports": [
|
|
10746
10746
|
{
|
|
10747
10747
|
"path": "react",
|
|
@@ -12795,7 +12795,7 @@
|
|
|
12795
12795
|
"dist/index.js": {
|
|
12796
12796
|
"imports": [
|
|
12797
12797
|
{
|
|
12798
|
-
"path": "dist/chunk-
|
|
12798
|
+
"path": "dist/chunk-KUVM2TEZ.js",
|
|
12799
12799
|
"kind": "import-statement"
|
|
12800
12800
|
}
|
|
12801
12801
|
],
|
|
@@ -12868,16 +12868,16 @@
|
|
|
12868
12868
|
"inputs": {},
|
|
12869
12869
|
"bytes": 1822
|
|
12870
12870
|
},
|
|
12871
|
-
"dist/HLSView-
|
|
12871
|
+
"dist/HLSView-A5DVXKEU.js.map": {
|
|
12872
12872
|
"imports": [],
|
|
12873
12873
|
"exports": [],
|
|
12874
12874
|
"inputs": {},
|
|
12875
|
-
"bytes":
|
|
12875
|
+
"bytes": 58854
|
|
12876
12876
|
},
|
|
12877
|
-
"dist/HLSView-
|
|
12877
|
+
"dist/HLSView-A5DVXKEU.js": {
|
|
12878
12878
|
"imports": [
|
|
12879
12879
|
{
|
|
12880
|
-
"path": "dist/chunk-
|
|
12880
|
+
"path": "dist/chunk-KUVM2TEZ.js",
|
|
12881
12881
|
"kind": "import-statement"
|
|
12882
12882
|
},
|
|
12883
12883
|
{
|
|
@@ -12997,7 +12997,7 @@
|
|
|
12997
12997
|
"entryPoint": "src/Prebuilt/layouts/HLSView.jsx",
|
|
12998
12998
|
"inputs": {
|
|
12999
12999
|
"src/Prebuilt/layouts/HLSView.jsx": {
|
|
13000
|
-
"bytesInOutput":
|
|
13000
|
+
"bytesInOutput": 17353
|
|
13001
13001
|
},
|
|
13002
13002
|
"src/Prebuilt/components/HlsStatsOverlay.jsx": {
|
|
13003
13003
|
"bytesInOutput": 3521
|
|
@@ -13039,15 +13039,15 @@
|
|
|
13039
13039
|
"bytesInOutput": 3992
|
|
13040
13040
|
}
|
|
13041
13041
|
},
|
|
13042
|
-
"bytes":
|
|
13042
|
+
"bytes": 36972
|
|
13043
13043
|
},
|
|
13044
|
-
"dist/chunk-
|
|
13044
|
+
"dist/chunk-KUVM2TEZ.js.map": {
|
|
13045
13045
|
"imports": [],
|
|
13046
13046
|
"exports": [],
|
|
13047
13047
|
"inputs": {},
|
|
13048
|
-
"bytes":
|
|
13048
|
+
"bytes": 3104514
|
|
13049
13049
|
},
|
|
13050
|
-
"dist/chunk-
|
|
13050
|
+
"dist/chunk-KUVM2TEZ.js": {
|
|
13051
13051
|
"imports": [
|
|
13052
13052
|
{
|
|
13053
13053
|
"path": "react",
|
|
@@ -15300,7 +15300,7 @@
|
|
|
15300
15300
|
"external": true
|
|
15301
15301
|
},
|
|
15302
15302
|
{
|
|
15303
|
-
"path": "dist/HLSView-
|
|
15303
|
+
"path": "dist/HLSView-A5DVXKEU.js",
|
|
15304
15304
|
"kind": "dynamic-import"
|
|
15305
15305
|
},
|
|
15306
15306
|
{
|
|
@@ -15722,7 +15722,7 @@
|
|
|
15722
15722
|
],
|
|
15723
15723
|
"inputs": {
|
|
15724
15724
|
"<define:process.env>": {
|
|
15725
|
-
"bytesInOutput":
|
|
15725
|
+
"bytesInOutput": 18104
|
|
15726
15726
|
},
|
|
15727
15727
|
"../../node_modules/lodash/lodash.js": {
|
|
15728
15728
|
"bytesInOutput": 224267
|
|
@@ -16151,7 +16151,7 @@
|
|
|
16151
16151
|
"bytesInOutput": 10019
|
|
16152
16152
|
},
|
|
16153
16153
|
"../hms-video-store/dist/index.js": {
|
|
16154
|
-
"bytesInOutput":
|
|
16154
|
+
"bytesInOutput": 48455
|
|
16155
16155
|
},
|
|
16156
16156
|
"../../node_modules/reselect/es/index.js": {
|
|
16157
16157
|
"bytesInOutput": 2537
|
|
@@ -16649,7 +16649,7 @@
|
|
|
16649
16649
|
"bytesInOutput": 651
|
|
16650
16650
|
}
|
|
16651
16651
|
},
|
|
16652
|
-
"bytes":
|
|
16652
|
+
"bytes": 1266629
|
|
16653
16653
|
}
|
|
16654
16654
|
}
|
|
16655
16655
|
}
|
package/package.json
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"prebuilt",
|
|
11
11
|
"roomkit"
|
|
12
12
|
],
|
|
13
|
-
"version": "0.2.6
|
|
13
|
+
"version": "0.2.6",
|
|
14
14
|
"author": "100ms",
|
|
15
15
|
"license": "MIT",
|
|
16
16
|
"repository": {
|
|
@@ -82,10 +82,10 @@
|
|
|
82
82
|
"react": ">=17.0.2 <19.0.0"
|
|
83
83
|
},
|
|
84
84
|
"dependencies": {
|
|
85
|
-
"@100mslive/hls-player": "0.2.6
|
|
86
|
-
"@100mslive/hms-virtual-background": "1.12.6
|
|
87
|
-
"@100mslive/react-icons": "0.9.6
|
|
88
|
-
"@100mslive/react-sdk": "0.9.6
|
|
85
|
+
"@100mslive/hls-player": "0.2.6",
|
|
86
|
+
"@100mslive/hms-virtual-background": "1.12.6",
|
|
87
|
+
"@100mslive/react-icons": "0.9.6",
|
|
88
|
+
"@100mslive/react-sdk": "0.9.6",
|
|
89
89
|
"@100mslive/types-prebuilt": "0.12.6",
|
|
90
90
|
"@emoji-mart/data": "^1.0.6",
|
|
91
91
|
"@emoji-mart/react": "^1.0.1",
|
|
@@ -120,5 +120,5 @@
|
|
|
120
120
|
"uuid": "^8.3.2",
|
|
121
121
|
"worker-timers": "^7.0.40"
|
|
122
122
|
},
|
|
123
|
-
"gitHead": "
|
|
123
|
+
"gitHead": "928f9172a44fe6c47232ab84d2c991b04cd9f707"
|
|
124
124
|
}
|
|
@@ -351,7 +351,6 @@ const HLSView = () => {
|
|
|
351
351
|
</IconButton>
|
|
352
352
|
</Box>
|
|
353
353
|
)}
|
|
354
|
-
|
|
355
354
|
<Flex
|
|
356
355
|
ref={controlsRef}
|
|
357
356
|
direction="column"
|
|
@@ -371,90 +370,78 @@ const HLSView = () => {
|
|
|
371
370
|
}}
|
|
372
371
|
>
|
|
373
372
|
{!isMobile && (
|
|
374
|
-
<
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
373
|
+
<HMSVideoPlayer.Controls.Root
|
|
374
|
+
css={{
|
|
375
|
+
p: '$4 $8',
|
|
376
|
+
}}
|
|
377
|
+
>
|
|
378
|
+
<HMSVideoPlayer.Controls.Left>
|
|
379
|
+
<HMSVideoPlayer.PlayButton
|
|
380
|
+
onClick={async () => {
|
|
381
|
+
isPaused ? await hlsPlayer?.play() : hlsPlayer?.pause();
|
|
382
|
+
}}
|
|
383
|
+
isPaused={isPaused}
|
|
384
|
+
/>
|
|
385
|
+
<HMSVideoPlayer.Duration hlsPlayer={hlsPlayer} />
|
|
386
|
+
<HMSVideoPlayer.Volume hlsPlayer={hlsPlayer} />
|
|
387
|
+
<IconButton
|
|
388
|
+
variant="standard"
|
|
389
|
+
css={{ px: '$2' }}
|
|
390
|
+
onClick={async () => {
|
|
391
|
+
await hlsPlayer.seekToLivePosition();
|
|
392
|
+
setIsVideoLive(true);
|
|
393
|
+
}}
|
|
394
|
+
key="jump-to-live_btn"
|
|
395
|
+
data-testid="jump-to-live_btn"
|
|
396
|
+
>
|
|
397
|
+
<Tooltip title="Go to Live" side="top">
|
|
398
|
+
<Flex justify="center" gap={2} align="center">
|
|
399
|
+
<Box
|
|
400
|
+
css={{
|
|
401
|
+
height: '$4',
|
|
402
|
+
width: '$4',
|
|
403
|
+
background: isVideoLive ? '$alert_error_default' : '$on_primary_medium',
|
|
404
|
+
r: '$1',
|
|
405
|
+
}}
|
|
406
|
+
/>
|
|
407
|
+
<Text
|
|
408
|
+
variant={{
|
|
409
|
+
'@sm': 'xs',
|
|
410
|
+
}}
|
|
411
|
+
css={{
|
|
412
|
+
c: isVideoLive ? '$on_surface_high' : '$on_surface_medium',
|
|
413
|
+
}}
|
|
414
|
+
>
|
|
415
|
+
{isVideoLive ? 'LIVE' : 'GO LIVE'}
|
|
416
|
+
</Text>
|
|
417
|
+
</Flex>
|
|
418
|
+
</Tooltip>
|
|
419
|
+
</IconButton>
|
|
420
|
+
</HMSVideoPlayer.Controls.Left>
|
|
421
|
+
|
|
422
|
+
<HMSVideoPlayer.Controls.Right>
|
|
423
|
+
{hasCaptions && (
|
|
424
|
+
<HLSCaptionSelector onClick={() => hlsPlayer?.toggleCaption()} isEnabled={isCaptionEnabled} />
|
|
383
425
|
)}
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
onClick={async () => {
|
|
393
|
-
isPaused ? await hlsPlayer?.play() : hlsPlayer?.pause();
|
|
394
|
-
}}
|
|
395
|
-
isPaused={isPaused}
|
|
426
|
+
{availableLayers.length > 0 ? (
|
|
427
|
+
<HLSQualitySelector
|
|
428
|
+
layers={availableLayers}
|
|
429
|
+
onOpen={setQualityDropDownOpen}
|
|
430
|
+
open={qualityDropDownOpen}
|
|
431
|
+
selection={currentSelectedQuality}
|
|
432
|
+
onQualityChange={handleQuality}
|
|
433
|
+
isAuto={isUserSelectedAuto}
|
|
396
434
|
/>
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
<
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
data-testid="jump-to-live_btn"
|
|
408
|
-
>
|
|
409
|
-
<Tooltip title="Go to Live" side="top">
|
|
410
|
-
<Flex justify="center" gap={2} align="center">
|
|
411
|
-
<Box
|
|
412
|
-
css={{
|
|
413
|
-
height: '$4',
|
|
414
|
-
width: '$4',
|
|
415
|
-
background: isVideoLive ? '$alert_error_default' : '$on_primary_medium',
|
|
416
|
-
r: '$1',
|
|
417
|
-
}}
|
|
418
|
-
/>
|
|
419
|
-
<Text
|
|
420
|
-
variant={{
|
|
421
|
-
'@sm': 'xs',
|
|
422
|
-
}}
|
|
423
|
-
css={{
|
|
424
|
-
c: isVideoLive ? '$on_surface_high' : '$on_surface_medium',
|
|
425
|
-
}}
|
|
426
|
-
>
|
|
427
|
-
{isVideoLive ? 'LIVE' : 'GO LIVE'}
|
|
428
|
-
</Text>
|
|
429
|
-
</Flex>
|
|
430
|
-
</Tooltip>
|
|
431
|
-
</IconButton>
|
|
432
|
-
</HMSVideoPlayer.Controls.Left>
|
|
433
|
-
|
|
434
|
-
<HMSVideoPlayer.Controls.Right>
|
|
435
|
-
{hasCaptions && (
|
|
436
|
-
<HLSCaptionSelector onClick={() => hlsPlayer?.toggleCaption()} isEnabled={isCaptionEnabled} />
|
|
437
|
-
)}
|
|
438
|
-
{availableLayers.length > 0 ? (
|
|
439
|
-
<HLSQualitySelector
|
|
440
|
-
layers={availableLayers}
|
|
441
|
-
onOpen={setQualityDropDownOpen}
|
|
442
|
-
open={qualityDropDownOpen}
|
|
443
|
-
selection={currentSelectedQuality}
|
|
444
|
-
onQualityChange={handleQuality}
|
|
445
|
-
isAuto={isUserSelectedAuto}
|
|
446
|
-
/>
|
|
447
|
-
) : null}
|
|
448
|
-
{isFullScreenSupported ? (
|
|
449
|
-
<FullScreenButton
|
|
450
|
-
isFullScreen={isFullScreen}
|
|
451
|
-
onToggle={toggle}
|
|
452
|
-
icon={isFullScreen ? <ShrinkIcon /> : <ExpandIcon />}
|
|
453
|
-
/>
|
|
454
|
-
) : null}
|
|
455
|
-
</HMSVideoPlayer.Controls.Right>
|
|
456
|
-
</HMSVideoPlayer.Controls.Root>
|
|
457
|
-
</Flex>
|
|
435
|
+
) : null}
|
|
436
|
+
{isFullScreenSupported ? (
|
|
437
|
+
<FullScreenButton
|
|
438
|
+
isFullScreen={isFullScreen}
|
|
439
|
+
onToggle={toggle}
|
|
440
|
+
icon={isFullScreen ? <ShrinkIcon /> : <ExpandIcon />}
|
|
441
|
+
/>
|
|
442
|
+
) : null}
|
|
443
|
+
</HMSVideoPlayer.Controls.Right>
|
|
444
|
+
</HMSVideoPlayer.Controls.Root>
|
|
458
445
|
)}
|
|
459
446
|
</Flex>
|
|
460
447
|
</HMSVideoPlayer.Root>
|