alteropen/streamyfin
1
0
Fork 0
mirror of https://github.com/streamyfin/streamyfin.git synced 2026-04-20 15:54:42 +01:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix: trying to fix playback issues

Browse Source
This commit is contained in:
Fredrik Burmester
2024-08-26 00:02:45 +02:00
parent 969e68901a
commit a351c8d220
5 changed files with 90 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
components/CurrentlyPlayingBar.tsx
View File

@@ -105,6 +105,29 @@ export const CurrentlyPlayingBar: React.FC = () => {
[currentlyPlaying?.item, api]
);
const videoSource = useMemo(() => {
if (!api || !currentlyPlaying || !backdropUrl) return null;
return {
uri: currentlyPlaying.url,
isNetwork: true,
startPosition,
headers: getAuthHeaders(api),
metadata: {
artist: currentlyPlaying.item?.AlbumArtist
? currentlyPlaying.item?.AlbumArtist
: undefined,
title: currentlyPlaying.item?.Name || "Unknown",
description: currentlyPlaying.item?.Overview
? currentlyPlaying.item?.Overview
: undefined,
imageUri: backdropUrl,
subtitle: currentlyPlaying.item?.Album
? currentlyPlaying.item?.Album
: undefined,
},
};
}, [currentlyPlaying, startPosition, api, backdropUrl]);
if (!api || !currentlyPlaying) return null;
return (
@@ -139,7 +162,7 @@ export const CurrentlyPlayingBar: React.FC = () => {
}
`}
>
{currentlyPlaying?.url && (
{videoSource && (
<Video
ref={videoRef}
allowsExternalPlayback
@@ -164,44 +187,26 @@ export const CurrentlyPlayingBar: React.FC = () => {
subtitleStyle={{
fontSize: 16,
}}
source={{
uri: currentlyPlaying.url,
isNetwork: true,
startPosition,
headers: getAuthHeaders(api),
metadata: {
artist: currentlyPlaying.item?.AlbumArtist
? currentlyPlaying.item?.AlbumArtist
: undefined,
title: currentlyPlaying.item?.Name
? currentlyPlaying.item?.Name
: "Unknown",
description: currentlyPlaying.item?.Overview
? currentlyPlaying.item?.Overview
: undefined,
imageUri: backdropUrl ? backdropUrl : undefined,
subtitle: currentlyPlaying.item?.Album
? currentlyPlaying.item?.Album
: undefined,
},
}}
source={videoSource}
onRestoreUserInterfaceForPictureInPictureStop={() => {
setTimeout(() => {
presentFullscreenPlayer();
}, 300);
}}
onBuffer={(e) =>
e.isBuffering ? console.log("Buffering...") : null
}
onFullscreenPlayerDidDismiss={() => {}}
onFullscreenPlayerDidPresent={() => {}}
onPlaybackStateChanged={(e) => {
setIsPlaying(e.isPlaying);
console.log("onPlaybackStateChanged ~", e.isPlaying);
if (e.isPlaying === true) {
playVideo(false);
} else if (e.isPlaying === false) {
pauseVideo(false);
}
}}
onVolumeChange={(e) => {
setVolume(e.volume);
}}
progressUpdateInterval={2000}
progressUpdateInterval={4000}
onError={(e) => {
console.log(e);
writeToLog(