@applicaster/quick-brick-player 12.0.9-alpha.1145213293 → 12.0.9-rc.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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@applicaster/quick-brick-player",
|
|
3
|
-
"version": "12.0.9-
|
|
3
|
+
"version": "12.0.9-rc.0",
|
|
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.7",
|
|
40
40
|
"@applicaster/quick-brick-tv-transport-controls": "12.0.4",
|
|
41
|
-
"@applicaster/zapp-react-native-tvos-app": "12.0.9-
|
|
42
|
-
"@applicaster/zapp-react-native-ui-components": "12.0.9-
|
|
43
|
-
"@applicaster/zapp-react-native-utils": "12.0.9-
|
|
41
|
+
"@applicaster/zapp-react-native-tvos-app": "12.0.9-rc.0",
|
|
42
|
+
"@applicaster/zapp-react-native-ui-components": "12.0.9-rc.0",
|
|
43
|
+
"@applicaster/zapp-react-native-utils": "12.0.9-rc.0",
|
|
44
44
|
"keymirror": "^0.1.1",
|
|
45
45
|
"query-string": "7.1.3",
|
|
46
46
|
"react-native-web-linear-gradient": "1.1.2",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import { ViewStyle, View
|
|
2
|
+
import { ViewStyle, View } from "react-native";
|
|
3
3
|
|
|
4
4
|
import { SafeAreaView, Edge } from "react-native-safe-area-context";
|
|
5
5
|
import { usePlayerState } from "@applicaster/zapp-react-native-utils/appUtils/playerManager/usePlayerState";
|
|
@@ -40,7 +40,6 @@ import {
|
|
|
40
40
|
SLEEP_TIMER_OFF,
|
|
41
41
|
} from "./SleepTimerManager";
|
|
42
42
|
import { SpeedController, PlaybackSpeed, DEFAULT_SPEED } from "./SpeedManager";
|
|
43
|
-
import { imageSrcFromMediaItem } from "@applicaster/zapp-react-native-utils/configurationUtils";
|
|
44
43
|
|
|
45
44
|
const { log_debug } = createLogger({
|
|
46
45
|
subsystem: "UIComponent",
|
|
@@ -79,7 +78,8 @@ type Props = {
|
|
|
79
78
|
isTabletPortrait?: boolean;
|
|
80
79
|
};
|
|
81
80
|
|
|
82
|
-
const
|
|
81
|
+
export const defaultAspectRatioWidth = (height: number): number =>
|
|
82
|
+
(height / 9) * 16;
|
|
83
83
|
|
|
84
84
|
const Styles = {
|
|
85
85
|
mainContainer: (style: ViewStyle) => {
|
|
@@ -105,11 +105,7 @@ const Styles = {
|
|
|
105
105
|
height: 96,
|
|
106
106
|
marginHorizontal: 24,
|
|
107
107
|
},
|
|
108
|
-
playerDetails: {
|
|
109
|
-
marginTop: 60,
|
|
110
|
-
alignSelf: "center",
|
|
111
|
-
width: SCREEN_WIDTH - PADDING_HORIZONTAL * 2,
|
|
112
|
-
},
|
|
108
|
+
playerDetails: { marginTop: 60 },
|
|
113
109
|
|
|
114
110
|
linearGradient: {
|
|
115
111
|
flex: 1,
|
|
@@ -446,7 +442,7 @@ export const AudioPlayerWrapper: React.FC<Props> = (props: Props) => {
|
|
|
446
442
|
]);
|
|
447
443
|
|
|
448
444
|
if (configuration.magic_background) {
|
|
449
|
-
const baseUrl =
|
|
445
|
+
const baseUrl = entry?.extensions?.audio_player_background_image ?? "";
|
|
450
446
|
|
|
451
447
|
const queryParamName =
|
|
452
448
|
configuration.audio_player_background_image_query || "width";
|
|
@@ -375,7 +375,6 @@ export default function DefaultLayout(props: LayoutProps) {
|
|
|
375
375
|
>
|
|
376
376
|
<PlayerImageBackground
|
|
377
377
|
entry={entry}
|
|
378
|
-
docked={docked}
|
|
379
378
|
style={Styles.backgroundImageContainer(dimensions, isTablet)}
|
|
380
379
|
imageStyle={Styles.backgroundImageContainerImageStyle(
|
|
381
380
|
isTablet,
|