alteropen/streamyfin
1
0
Fork 0
mirror of https://github.com/streamyfin/streamyfin.git synced 2026-06-05 05:28:37 +01:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

chore

Browse Source
This commit is contained in:
Fredrik Burmester
2024-08-14 15:04:20 +02:00
parent 1d26b57425
commit a76ed9be66
1 changed files with 18 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
components/CurrentlyPlayingBar.tsx
View File

@@ -26,6 +26,8 @@ import { BlurView } from "expo-blur";
import { writeToLog } from "@/utils/log"; import { writeToLog } from "@/utils/log";
import { getBackdropUrl } from "@/utils/jellyfin/image/getBackdropUrl"; import { getBackdropUrl } from "@/utils/jellyfin/image/getBackdropUrl";
import { getAuthHeaders } from "@/utils/jellyfin/jellyfin"; import { getAuthHeaders } from "@/utils/jellyfin/jellyfin";
import { useSettings } from "@/utils/atoms/settings";
import * as ScreenOrientation from "expo-screen-orientation";
export const currentlyPlayingItemAtom = atom<{ export const currentlyPlayingItemAtom = atom<{
item: BaseItemDto; item: BaseItemDto;
@@ -39,10 +41,12 @@ export const CurrentlyPlayingBar: React.FC = () => {
const queryClient = useQueryClient(); const queryClient = useQueryClient();
const segments = useSegments(); const segments = useSegments();
const [settings, updateSettings] = useSettings();
const videoRef = useRef<VideoRef | null>(null); const videoRef = useRef<VideoRef | null>(null);
const [paused, setPaused] = useState(true); const [paused, setPaused] = useState(true);
const [progress, setProgress] = useState(0); const [progress, setProgress] = useState(0);
const [fullScreen, setFullScreen] = useState(false);
const aBottom = useSharedValue(0); const aBottom = useSharedValue(0);
const aPadding = useSharedValue(0); const aPadding = useSharedValue(0);
@@ -90,6 +94,14 @@ export const CurrentlyPlayingBar: React.FC = () => {
} }
}, [segments]); }, [segments]);
// TODO: Fix this
// useEffect(() => {
// if (settings?.forceLandscapeInVideoPlayer === true && fullScreen)
// ScreenOrientation.lockAsync(
// ScreenOrientation.OrientationLock.LANDSCAPE_LEFT,
// );
// }, [settings, fullScreen]);
const { data: item } = useQuery({ const { data: item } = useQuery({
queryKey: ["item", cp?.item.Id], queryKey: ["item", cp?.item.Id],
queryFn: async () => queryFn: async () =>
@@ -247,6 +259,12 @@ export const CurrentlyPlayingBar: React.FC = () => {
onBuffer={(e) => onBuffer={(e) =>
e.isBuffering ? console.log("Buffering...") : null e.isBuffering ? console.log("Buffering...") : null
} }
onFullscreenPlayerDidDismiss={() => {
setFullScreen(false);
}}
onFullscreenPlayerDidPresent={() => {
setFullScreen(true);
}}
onPlaybackStateChanged={(e) => { onPlaybackStateChanged={(e) => {
if (e.isPlaying) { if (e.isPlaying) {
setPaused(false); setPaused(false);