alteropen/streamyfin
1
0
Fork 0
mirror of https://github.com/streamyfin/streamyfin.git synced 2026-06-01 11:38:26 +01:00
Code Issues Actions 8 Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
Fredrik Burmester
2024-09-15 17:07:30 +02:00
parent c7703df3ce
commit ce2e5e0fb8
6 changed files with 47 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
components/CurrentlyPlayingBar.tsx
View File

@@ -3,16 +3,19 @@ import { usePlayback } from "@/providers/PlaybackProvider";
import { getBackdropUrl } from "@/utils/jellyfin/image/getBackdropUrl";
import { getAuthHeaders } from "@/utils/jellyfin/jellyfin";
import { writeToLog } from "@/utils/log";
import { runtimeTicksToMinutes, runtimeTicksToSeconds } from "@/utils/time";
import { runtimeTicksToSeconds } from "@/utils/time";
import { Ionicons } from "@expo/vector-icons";
import { BlurView } from "expo-blur";
import { Api } from "@jellyfin/sdk";
import { getItemsApi } from "@jellyfin/sdk/lib/utils/api";
import { useQuery } from "@tanstack/react-query";
import { Image } from "expo-image";
import { useRouter, useSegments } from "expo-router";
import { useAtom } from "jotai";
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
import { useEffect, useMemo, useRef, useState } from "react";
import {
ActivityIndicator,
Alert,
Dimensions,
Platform,
Pressable,
TouchableOpacity,
View,
@@ -22,19 +25,15 @@ import "react-native-gesture-handler";
import Animated, {
SharedValue,
useAnimatedStyle,
useDerivedValue,
useSharedValue,
withTiming,
} from "react-native-reanimated";
import { useSafeAreaInsets } from "react-native-safe-area-context";
import Video from "react-native-video";
import { Text } from "./common/Text";
import { Loader } from "./Loader";
import { Image } from "expo-image";
import { Api } from "@jellyfin/sdk";
import { useQuery } from "@tanstack/react-query";
import { getItemsApi } from "@jellyfin/sdk/lib/utils/api";
import { itemRouter } from "./common/TouchableItemRouter";
import { Loader } from "./Loader";
import * as NavigationBar from "expo-navigation-bar";
export const CurrentlyPlayingBar: React.FC = () => {
const {
@@ -344,6 +343,19 @@ export const CurrentlyPlayingBar: React.FC = () => {
return !!nextItem;
}, [nextItem]);
useEffect(() => {
if (Platform.OS === "android") {
if (currentlyPlaying) NavigationBar.setVisibilityAsync("hidden");
else NavigationBar.setVisibilityAsync("visible");
}
return () => {
if (Platform.OS === "android") {
NavigationBar.setVisibilityAsync("visible");
}
};
}, [currentlyPlaying]);
if (!api || !currentlyPlaying) return null;
return (
@@ -619,8 +631,8 @@ export const CurrentlyPlayingBar: React.FC = () => {
}
const { x, y, url } = trickPlayUrl;
const tileWidth = 200;
const tileHeight = 200 / trickplayInfo.aspectRatio!;
const tileWidth = 150;
const tileHeight = 150 / trickplayInfo.aspectRatio!;
return (
<View
style={{
@@ -633,9 +645,9 @@ export const CurrentlyPlayingBar: React.FC = () => {
>
<Image
style={{
width: 200 * trickplayInfo?.data.TileWidth!,
width: 150 * trickplayInfo?.data.TileWidth!,
height:
(200 / trickplayInfo.aspectRatio!) *
(150 / trickplayInfo.aspectRatio!) *
trickplayInfo?.data.TileHeight!,
transform: [
{ translateX: -x * tileWidth },

2
components/ItemContent.tsx
View File

@@ -26,7 +26,7 @@ import { MediaSourceInfo } from "@jellyfin/sdk/lib/generated-client/models";
import { getMediaInfoApi } from "@jellyfin/sdk/lib/utils/api";
import { useQuery } from "@tanstack/react-query";
import { Image } from "expo-image";
import { useNavigation } from "expo-router";
import { Stack, useNavigation } from "expo-router";
import * as ScreenOrientation from "expo-screen-orientation";
import { useAtom } from "jotai";
import React, { useEffect, useMemo, useRef, useState } from "react";