@applicaster/quick-brick-player 12.0.12-rc.1 → 12.0.12-rc.2
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": "12.0.12-rc.
|
|
3
|
+
"version": "12.0.12-rc.2",
|
|
4
4
|
"description": "Quick Brick Player",
|
|
5
5
|
"main": "./src/index.ts",
|
|
6
6
|
"types": "index.d.ts",
|
|
@@ -38,9 +38,9 @@
|
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@applicaster/quick-brick-mobile-transport-controls": "12.0.12-rc.0",
|
|
40
40
|
"@applicaster/quick-brick-tv-transport-controls": "12.0.4",
|
|
41
|
-
"@applicaster/zapp-react-native-tvos-app": "12.0.12-rc.
|
|
42
|
-
"@applicaster/zapp-react-native-ui-components": "12.0.12-rc.
|
|
43
|
-
"@applicaster/zapp-react-native-utils": "12.0.12-rc.
|
|
41
|
+
"@applicaster/zapp-react-native-tvos-app": "12.0.12-rc.2",
|
|
42
|
+
"@applicaster/zapp-react-native-ui-components": "12.0.12-rc.2",
|
|
43
|
+
"@applicaster/zapp-react-native-utils": "12.0.12-rc.2",
|
|
44
44
|
"keymirror": "^0.1.1",
|
|
45
45
|
"query-string": "7.1.3",
|
|
46
46
|
"react-native-web-linear-gradient": "1.1.2",
|
|
@@ -41,6 +41,7 @@ import {
|
|
|
41
41
|
} from "./SleepTimerManager";
|
|
42
42
|
import { SpeedController, PlaybackSpeed, DEFAULT_SPEED } from "./SpeedManager";
|
|
43
43
|
import { imageSrcFromMediaItem } from "@applicaster/zapp-react-native-utils/configurationUtils";
|
|
44
|
+
import { useTheme } from "@applicaster/zapp-react-native-utils/theme";
|
|
44
45
|
|
|
45
46
|
const { log_debug } = createLogger({
|
|
46
47
|
subsystem: "UIComponent",
|
|
@@ -58,6 +59,7 @@ type Configuration = {
|
|
|
58
59
|
[key: string]: any;
|
|
59
60
|
magic_background?: boolean;
|
|
60
61
|
audio_player_background_image_query?: string;
|
|
62
|
+
audio_player_background_image_default_color?: string;
|
|
61
63
|
tablet_landscape_sidebar_width?: string;
|
|
62
64
|
tablet_landscape_player_container_background_color?: string;
|
|
63
65
|
};
|
|
@@ -132,6 +134,7 @@ const edges: Edge[] = ["right", "left", "top"];
|
|
|
132
134
|
export const AudioPlayerWrapper: React.FC<Props> = (props: Props) => {
|
|
133
135
|
const player = usePlayer();
|
|
134
136
|
const playerState = usePlayerState("audio-player-wrapper");
|
|
137
|
+
const theme = useTheme();
|
|
135
138
|
|
|
136
139
|
const {
|
|
137
140
|
docked,
|
|
@@ -451,6 +454,10 @@ export const AudioPlayerWrapper: React.FC<Props> = (props: Props) => {
|
|
|
451
454
|
const queryParamName =
|
|
452
455
|
configuration.audio_player_background_image_query || "width";
|
|
453
456
|
|
|
457
|
+
const defaultBackgroundColor =
|
|
458
|
+
configuration.audio_player_background_image_default_color ||
|
|
459
|
+
theme?.app_background_color;
|
|
460
|
+
|
|
454
461
|
const queryParamValue = 15;
|
|
455
462
|
|
|
456
463
|
const url =
|
|
@@ -461,7 +468,7 @@ export const AudioPlayerWrapper: React.FC<Props> = (props: Props) => {
|
|
|
461
468
|
image={url}
|
|
462
469
|
fallbackUrl={baseUrl}
|
|
463
470
|
colors={entry?.extensions?.backgroundColors}
|
|
464
|
-
defaultColor=
|
|
471
|
+
defaultColor={defaultBackgroundColor}
|
|
465
472
|
>
|
|
466
473
|
{MainContent}
|
|
467
474
|
</MagicBG>
|