@applicaster/quick-brick-player 13.0.0-rc.41 → 13.0.0-rc.42
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@applicaster/quick-brick-player",
|
|
3
|
-
"version": "13.0.0-rc.
|
|
3
|
+
"version": "13.0.0-rc.42",
|
|
4
4
|
"description": "Quick Brick Player",
|
|
5
5
|
"main": "./src/index.ts",
|
|
6
6
|
"types": "index.d.ts",
|
|
@@ -36,11 +36,11 @@
|
|
|
36
36
|
},
|
|
37
37
|
"homepage": "https://github.com/applicaster/quickbrick#readme",
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@applicaster/quick-brick-mobile-transport-controls": "13.0.0-rc.
|
|
40
|
-
"@applicaster/quick-brick-tv-transport-controls": "13.0.0-rc.
|
|
41
|
-
"@applicaster/zapp-react-native-tvos-app": "13.0.0-rc.
|
|
42
|
-
"@applicaster/zapp-react-native-ui-components": "13.0.0-rc.
|
|
43
|
-
"@applicaster/zapp-react-native-utils": "13.0.0-rc.
|
|
39
|
+
"@applicaster/quick-brick-mobile-transport-controls": "13.0.0-rc.42",
|
|
40
|
+
"@applicaster/quick-brick-tv-transport-controls": "13.0.0-rc.42",
|
|
41
|
+
"@applicaster/zapp-react-native-tvos-app": "13.0.0-rc.42",
|
|
42
|
+
"@applicaster/zapp-react-native-ui-components": "13.0.0-rc.42",
|
|
43
|
+
"@applicaster/zapp-react-native-utils": "13.0.0-rc.42",
|
|
44
44
|
"keymirror": "^0.1.1",
|
|
45
45
|
"query-string": "7.1.3",
|
|
46
46
|
"react-native-web-linear-gradient": "1.1.2",
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
import { useEffect, useMemo, useState } from "react";
|
|
2
3
|
import * as R from "ramda";
|
|
3
4
|
import { View } from "react-native";
|
|
4
5
|
import { dayjs } from "@applicaster/zapp-react-native-utils/dateUtils";
|
|
5
6
|
|
|
6
7
|
import {
|
|
7
|
-
ProgressBar,
|
|
8
8
|
Controls,
|
|
9
|
-
TransportInfo,
|
|
10
9
|
CountDown,
|
|
10
|
+
ProgressBar,
|
|
11
|
+
TransportInfo,
|
|
11
12
|
} from "@applicaster/quick-brick-mobile-transport-controls";
|
|
12
13
|
|
|
13
14
|
import { playerManager } from "@applicaster/zapp-react-native-utils/appUtils";
|
|
@@ -15,23 +16,22 @@ import { playerManager } from "@applicaster/zapp-react-native-utils/appUtils";
|
|
|
15
16
|
import { useIsTablet } from "@applicaster/zapp-react-native-utils/reactHooks";
|
|
16
17
|
import {
|
|
17
18
|
forwardButton,
|
|
19
|
+
PADDING_HORIZONTAL,
|
|
18
20
|
playbackButton,
|
|
19
21
|
rewindButton,
|
|
20
|
-
skipToStartButton,
|
|
21
22
|
skipToLiveButton,
|
|
22
|
-
|
|
23
|
-
speedButton,
|
|
23
|
+
skipToStartButton,
|
|
24
24
|
sleepButton,
|
|
25
|
+
speedButton,
|
|
25
26
|
} from "./defaultLayoutsConts";
|
|
26
27
|
import { AudioDescription } from "../AudioDescription";
|
|
27
28
|
import { PlayerImageBackground } from "@applicaster/zapp-react-native-ui-components/Components/PlayerImageBackground";
|
|
28
29
|
import { useLanguageData } from "@applicaster/zapp-react-native-utils/reactHooks/player";
|
|
29
30
|
import { PlayNextData } from "@applicaster/zapp-react-native-ui-components/Components/PlayerContainer/PlayerContainer";
|
|
30
|
-
import { useEffect, useMemo, useState } from "react";
|
|
31
31
|
import {
|
|
32
|
-
useModalAnimationContext,
|
|
33
32
|
AnimationComponent,
|
|
34
33
|
ComponentAnimationType,
|
|
34
|
+
useModalAnimationContext,
|
|
35
35
|
} from "@applicaster/zapp-react-native-ui-components/Components/VideoModal/ModalAnimation";
|
|
36
36
|
import DockedLayout from "./DockedLayout";
|
|
37
37
|
import { isValidDate } from "../../Utils";
|
|
@@ -405,7 +405,7 @@ export default function DefaultLayout(props: LayoutProps) {
|
|
|
405
405
|
layoutState={layoutState}
|
|
406
406
|
/>
|
|
407
407
|
<Separator />
|
|
408
|
-
{needsToShowProgressBar
|
|
408
|
+
{needsToShowProgressBar ? (
|
|
409
409
|
<View>
|
|
410
410
|
<ProgressBar
|
|
411
411
|
content={entry}
|
|
@@ -422,17 +422,17 @@ export default function DefaultLayout(props: LayoutProps) {
|
|
|
422
422
|
onSkipLive={onSkipLive}
|
|
423
423
|
/>
|
|
424
424
|
|
|
425
|
-
{showCounter && timeLeft >= 0
|
|
425
|
+
{showCounter && timeLeft >= 0 ? (
|
|
426
426
|
<CountDown
|
|
427
427
|
timeLeft={timeLeft}
|
|
428
428
|
value={value}
|
|
429
429
|
title={sleepTitle}
|
|
430
430
|
/>
|
|
431
|
-
)}
|
|
431
|
+
) : null}
|
|
432
432
|
|
|
433
433
|
<Separator />
|
|
434
434
|
</View>
|
|
435
|
-
)}
|
|
435
|
+
) : null}
|
|
436
436
|
<Controls
|
|
437
437
|
value={value}
|
|
438
438
|
visible={true}
|
|
@@ -9,18 +9,18 @@ import * as R from "ramda";
|
|
|
9
9
|
import { useIsTablet } from "@applicaster/zapp-react-native-utils/reactHooks";
|
|
10
10
|
|
|
11
11
|
import {
|
|
12
|
+
Button,
|
|
12
13
|
ContentInfo,
|
|
13
|
-
ProgressBar,
|
|
14
14
|
Controls,
|
|
15
|
-
|
|
15
|
+
ProgressBar,
|
|
16
16
|
} from "@applicaster/quick-brick-mobile-transport-controls";
|
|
17
17
|
|
|
18
18
|
import { PlayNextData } from "@applicaster/zapp-react-native-ui-components/Components/PlayerContainer/PlayerContainer";
|
|
19
19
|
import {
|
|
20
|
-
useModalAnimationContext,
|
|
21
20
|
AnimationComponent,
|
|
22
21
|
ComponentAnimationType,
|
|
23
22
|
PlayerAnimationStateEnum,
|
|
23
|
+
useModalAnimationContext,
|
|
24
24
|
} from "@applicaster/zapp-react-native-ui-components/Components/VideoModal/ModalAnimation";
|
|
25
25
|
|
|
26
26
|
type Dimensions = {
|
|
@@ -245,18 +245,18 @@ export default function DockedLayout(props: LayoutProps) {
|
|
|
245
245
|
]}
|
|
246
246
|
>
|
|
247
247
|
{!playerState.isLive &&
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
248
|
+
(layoutState.docked || startComponentsAnimation) ? (
|
|
249
|
+
<ProgressBar
|
|
250
|
+
content={entry}
|
|
251
|
+
value={value}
|
|
252
|
+
visible={visible}
|
|
253
|
+
layoutState={layoutState}
|
|
254
|
+
onPlayerSeek={onPlayerSeek}
|
|
255
|
+
playerState={playerState}
|
|
256
|
+
startComponentsAnimation={startComponentsAnimation}
|
|
257
|
+
docked
|
|
258
|
+
/>
|
|
259
|
+
) : null}
|
|
260
260
|
|
|
261
261
|
<View style={styles.content}>
|
|
262
262
|
<View
|
package/src/Player/index.tsx
CHANGED
|
@@ -990,14 +990,14 @@ export default class VideoPlayer extends React.Component<
|
|
|
990
990
|
const renderMobilePlayer = () => {
|
|
991
991
|
return isFullScreenAudioPlayer && isAudioItem ? (
|
|
992
992
|
<View style={containerStyle}>
|
|
993
|
-
{
|
|
993
|
+
{!castAction?.state?.connected || supportNativeCast ? (
|
|
994
994
|
<this.props.PlayerComponent
|
|
995
995
|
ref={this._assignRoot}
|
|
996
996
|
{...nativeEvents}
|
|
997
997
|
{...nativeProps}
|
|
998
998
|
listener={this.props.listener}
|
|
999
999
|
/>
|
|
1000
|
-
)}
|
|
1000
|
+
) : null}
|
|
1001
1001
|
<AudioPlayerWrapper {...sharedWrapperViewProps} />
|
|
1002
1002
|
</View>
|
|
1003
1003
|
) : (
|
|
@@ -1012,7 +1012,7 @@ export default class VideoPlayer extends React.Component<
|
|
|
1012
1012
|
return (
|
|
1013
1013
|
<View style={styles.container}>
|
|
1014
1014
|
<View style={[playerContainerStyles, playerDimensions]}>
|
|
1015
|
-
{isAudioItem
|
|
1015
|
+
{isAudioItem ? (
|
|
1016
1016
|
<AnimationComponent
|
|
1017
1017
|
animationType={ComponentAnimationType.player}
|
|
1018
1018
|
additionalData={{
|
|
@@ -1031,18 +1031,18 @@ export default class VideoPlayer extends React.Component<
|
|
|
1031
1031
|
plugin_configuration={this.getPluginConfiguration()}
|
|
1032
1032
|
/>
|
|
1033
1033
|
</AnimationComponent>
|
|
1034
|
-
)}
|
|
1034
|
+
) : null}
|
|
1035
1035
|
|
|
1036
|
-
{shouldRenderBackground
|
|
1036
|
+
{shouldRenderBackground ? (
|
|
1037
1037
|
<PlayerImageBackground
|
|
1038
1038
|
imageKey={backgroundImageKey}
|
|
1039
1039
|
configuration={this.getPluginConfiguration()}
|
|
1040
1040
|
entry={entry}
|
|
1041
1041
|
style={getBackgroundImageStyle(playerDimensions)}
|
|
1042
1042
|
/>
|
|
1043
|
-
)}
|
|
1043
|
+
) : null}
|
|
1044
1044
|
|
|
1045
|
-
{
|
|
1045
|
+
{!castAction?.state?.connected || supportNativeCast ? (
|
|
1046
1046
|
<AnimationComponent
|
|
1047
1047
|
animationType={ComponentAnimationType.player}
|
|
1048
1048
|
additionalData={playerDimensions}
|
|
@@ -1064,7 +1064,7 @@ export default class VideoPlayer extends React.Component<
|
|
|
1064
1064
|
{this.childrenWithPlayNext()}
|
|
1065
1065
|
</this.props.PlayerComponent>
|
|
1066
1066
|
</AnimationComponent>
|
|
1067
|
-
)}
|
|
1067
|
+
) : null}
|
|
1068
1068
|
</View>
|
|
1069
1069
|
|
|
1070
1070
|
{renderTransportControls(playerDimensions)}
|