mirror of
https://github.com/streamyfin/streamyfin.git
synced 2025-08-20 18:37:18 +02:00
878 lines
22 KiB
TypeScript
878 lines
22 KiB
TypeScript
import { Api } from "@jellyfin/sdk";
|
|
import {
|
|
BaseItemDto,
|
|
BaseItemPerson,
|
|
MediaSourceInfo,
|
|
PlaybackInfoResponse,
|
|
} from "@jellyfin/sdk/lib/generated-client/models";
|
|
import {
|
|
getMediaInfoApi,
|
|
getUserLibraryApi,
|
|
} from "@jellyfin/sdk/lib/utils/api";
|
|
import AsyncStorage from "@react-native-async-storage/async-storage";
|
|
import * as FileSystem from "expo-file-system";
|
|
import { useAtom } from "jotai";
|
|
import { useCallback, useRef, useState } from "react";
|
|
import { runningProcesses } from "./atoms/downloads";
|
|
import { iosProfile } from "./device-profiles";
|
|
import {
|
|
FFmpegKit,
|
|
FFmpegKitConfig,
|
|
ReturnCode,
|
|
} from "ffmpeg-kit-react-native";
|
|
import { writeToLog } from "./log";
|
|
|
|
/**
|
|
* Try to convert the downloaded file to a supported format on-device. Leveraging the capability of modern phones.
|
|
*
|
|
* ⚠️ This function does not work, and the app crashes when running it.
|
|
*/
|
|
// const convertAndReplaceVideo = async (id: string) => {
|
|
// const input = FileSystem.documentDirectory + id;
|
|
// const output = FileSystem.documentDirectory + id + "_tmp.mp4";
|
|
|
|
// const command = `-i ${input} -c:v h264 -profile:v baseline -level 3.0 -pix_fmt yuv420p -c:a aac -b:a 128k -movflags +faststart ${output}`;
|
|
// try {
|
|
// const session = await FFmpegKit.execute(command);
|
|
// const rc: ReturnCode = await session.getReturnCode();
|
|
// if (ReturnCode.isSuccess(rc)) {
|
|
// console.log("Conversion successful, replacing the original file");
|
|
|
|
// await FileSystem.moveAsync({
|
|
// from: output,
|
|
// to: input,
|
|
// });
|
|
|
|
// console.log("Replacement successful");
|
|
// } else {
|
|
// console.log("Conversion failed");
|
|
// }
|
|
// } catch (error) {
|
|
// console.error("Error during conversion", error);
|
|
// }
|
|
// };
|
|
|
|
export const useDownloadMedia = (api: Api | null, userId?: string | null) => {
|
|
const [isDownloading, setIsDownloading] = useState(false);
|
|
const [error, setError] = useState<string | null>(null);
|
|
const [_, setProgress] = useAtom(runningProcesses);
|
|
const downloadResumableRef = useRef<FileSystem.DownloadResumable | null>(
|
|
null
|
|
);
|
|
|
|
const downloadMedia = useCallback(
|
|
async (item: BaseItemDto | null) => {
|
|
if (!item?.Id || !api || !userId) {
|
|
setError("Invalid item or API");
|
|
return false;
|
|
}
|
|
|
|
setIsDownloading(true);
|
|
setError(null);
|
|
setProgress({
|
|
item,
|
|
progress: 0,
|
|
});
|
|
|
|
const itemId = item.Id;
|
|
|
|
try {
|
|
const filename = `${itemId}`;
|
|
const fileUri = `${FileSystem.documentDirectory}${filename}`;
|
|
|
|
const url = `${api.basePath}/Items/${itemId}/File`;
|
|
|
|
downloadResumableRef.current = FileSystem.createDownloadResumable(
|
|
url,
|
|
fileUri,
|
|
{
|
|
headers: {
|
|
Authorization: `MediaBrowser DeviceId="${api.deviceInfo.id}", Token="${api.accessToken}"`,
|
|
},
|
|
},
|
|
(downloadProgress) => {
|
|
const currentProgress =
|
|
downloadProgress.totalBytesWritten /
|
|
downloadProgress.totalBytesExpectedToWrite;
|
|
|
|
setProgress({
|
|
item,
|
|
progress: currentProgress * 100,
|
|
});
|
|
}
|
|
);
|
|
|
|
const res = await downloadResumableRef.current.downloadAsync();
|
|
const uri = res?.uri;
|
|
|
|
console.log("File downloaded to:", uri);
|
|
|
|
const currentFiles: BaseItemDto[] = JSON.parse(
|
|
(await AsyncStorage.getItem("downloaded_files")) ?? "[]"
|
|
);
|
|
|
|
const updatedFiles = [
|
|
...currentFiles.filter((file) => file.Id !== itemId),
|
|
item,
|
|
];
|
|
|
|
await AsyncStorage.setItem(
|
|
"downloaded_files",
|
|
JSON.stringify(updatedFiles)
|
|
);
|
|
|
|
setIsDownloading(false);
|
|
setProgress(null);
|
|
return true;
|
|
} catch (error) {
|
|
console.error("Error downloading media:", error);
|
|
setError("Failed to download media");
|
|
setIsDownloading(false);
|
|
return false;
|
|
}
|
|
},
|
|
[api, setProgress]
|
|
);
|
|
|
|
const cancelDownload = useCallback(async () => {
|
|
if (downloadResumableRef.current) {
|
|
try {
|
|
await downloadResumableRef.current.pauseAsync();
|
|
setIsDownloading(false);
|
|
setError("Download cancelled");
|
|
setProgress(null);
|
|
downloadResumableRef.current = null;
|
|
} catch (error) {
|
|
console.error("Error cancelling download:", error);
|
|
setError("Failed to cancel download");
|
|
}
|
|
}
|
|
}, [setProgress]);
|
|
|
|
return { downloadMedia, isDownloading, error, cancelDownload };
|
|
};
|
|
|
|
export const useRemuxHlsToMp4 = (url: string, item: BaseItemDto) => {
|
|
const [_, setProgress] = useAtom(runningProcesses);
|
|
|
|
if (!item.Id || !item.Name) {
|
|
writeToLog("ERROR", "useRemuxHlsToMp4 ~ missing arguments");
|
|
throw new Error("Item must have an Id and Name");
|
|
}
|
|
|
|
const output = `${FileSystem.documentDirectory}${item.Id}.mp4`;
|
|
|
|
const command = `-y -fflags +genpts -i ${url} -c copy -bufsize 10M -max_muxing_queue_size 4096 ${output}`;
|
|
|
|
const startRemuxing = useCallback(async () => {
|
|
if (!item.Id || !item.Name) {
|
|
writeToLog(
|
|
"ERROR",
|
|
"useRemuxHlsToMp4 ~ startRemuxing ~ missing arguments"
|
|
);
|
|
throw new Error("Item must have an Id and Name");
|
|
}
|
|
|
|
writeToLog(
|
|
"INFO",
|
|
`useRemuxHlsToMp4 ~ startRemuxing for item ${item.Id} with url ${url}`
|
|
);
|
|
|
|
try {
|
|
setProgress({
|
|
item,
|
|
progress: 0,
|
|
});
|
|
|
|
FFmpegKitConfig.enableStatisticsCallback((statistics) => {
|
|
let percentage = 0;
|
|
|
|
const videoLength =
|
|
(item.MediaSources?.[0].RunTimeTicks || 0) / 10000000; // In seconds
|
|
const fps = item.MediaStreams?.[0].RealFrameRate || 25;
|
|
const totalFrames = videoLength * fps;
|
|
|
|
const processedFrames = statistics.getVideoFrameNumber();
|
|
const speed = statistics.getSpeed();
|
|
|
|
if (totalFrames > 0) {
|
|
percentage = Math.floor((processedFrames / totalFrames) * 100);
|
|
}
|
|
|
|
setProgress((prev) => {
|
|
return prev?.item.Id === item.Id!
|
|
? { ...prev, progress: percentage, speed }
|
|
: prev;
|
|
});
|
|
});
|
|
|
|
await FFmpegKit.executeAsync(command, async (session) => {
|
|
const returnCode = await session.getReturnCode();
|
|
if (returnCode.isValueSuccess()) {
|
|
const currentFiles: BaseItemDto[] = JSON.parse(
|
|
(await AsyncStorage.getItem("downloaded_files")) || "[]"
|
|
);
|
|
|
|
const otherItems = currentFiles.filter((i) => i.Id !== item.Id);
|
|
|
|
await AsyncStorage.setItem(
|
|
"downloaded_files",
|
|
JSON.stringify([...otherItems, item])
|
|
);
|
|
|
|
writeToLog(
|
|
"INFO",
|
|
`useRemuxHlsToMp4 ~ remuxing completed successfully for item: ${item.Name}`
|
|
);
|
|
setProgress(null);
|
|
} else if (returnCode.isValueError()) {
|
|
console.error("Failed to remux:");
|
|
writeToLog(
|
|
"ERROR",
|
|
`useRemuxHlsToMp4 ~ remuxing failed for item: ${item.Name}`
|
|
);
|
|
setProgress(null);
|
|
} else if (returnCode.isValueCancel()) {
|
|
console.log("Remuxing was cancelled");
|
|
writeToLog(
|
|
"INFO",
|
|
`useRemuxHlsToMp4 ~ remuxing was canceled for item: ${item.Name}`
|
|
);
|
|
setProgress(null);
|
|
}
|
|
});
|
|
} catch (error) {
|
|
console.error("Failed to remux:", error);
|
|
writeToLog(
|
|
"ERROR",
|
|
`useRemuxHlsToMp4 ~ remuxing failed for item: ${item.Name}`
|
|
);
|
|
}
|
|
}, [output, item, command]);
|
|
|
|
const cancelRemuxing = useCallback(async () => {
|
|
FFmpegKit.cancel();
|
|
setProgress(null);
|
|
console.log("Remuxing cancelled");
|
|
}, []);
|
|
|
|
return { startRemuxing, cancelRemuxing };
|
|
};
|
|
|
|
export const markAsNotPlayed = async ({
|
|
api,
|
|
itemId,
|
|
userId,
|
|
}: {
|
|
api?: Api | null;
|
|
itemId?: string | null;
|
|
userId?: string | null;
|
|
}) => {
|
|
if (!itemId || !userId || !api) {
|
|
return false;
|
|
}
|
|
|
|
try {
|
|
const response = await api.axiosInstance.delete(
|
|
`${api.basePath}/UserPlayedItems/${itemId}`,
|
|
{
|
|
params: {
|
|
userId,
|
|
},
|
|
headers: {
|
|
Authorization: `MediaBrowser DeviceId="${api.deviceInfo.id}", Token="${api.accessToken}"`,
|
|
},
|
|
}
|
|
);
|
|
|
|
if (response.status === 200) return true;
|
|
return false;
|
|
} catch (error) {
|
|
const e = error as any;
|
|
console.error("Failed to report playback progress", e.message, e.status);
|
|
return [];
|
|
}
|
|
};
|
|
|
|
export const markAsPlayed = async ({
|
|
api,
|
|
item,
|
|
userId,
|
|
}: {
|
|
api?: Api | null;
|
|
item?: BaseItemDto | null;
|
|
userId?: string | null;
|
|
}) => {
|
|
if (!item || !userId || !api || !item.RunTimeTicks) {
|
|
return false;
|
|
}
|
|
|
|
const itemId = item.Id;
|
|
|
|
try {
|
|
const response = await api.axiosInstance.post(
|
|
`${api.basePath}/UserPlayedItems/${itemId}`,
|
|
{
|
|
userId,
|
|
datePlayed: new Date().toISOString(),
|
|
},
|
|
{
|
|
headers: {
|
|
Authorization: `MediaBrowser DeviceId="${api.deviceInfo.id}", Token="${api.accessToken}"`,
|
|
},
|
|
}
|
|
);
|
|
|
|
const response2 = await api.axiosInstance.post(
|
|
`${api.basePath}/Sessions/Playing/Progress`,
|
|
{
|
|
ItemId: itemId,
|
|
PositionTicks: item.RunTimeTicks,
|
|
MediaSourceId: itemId,
|
|
},
|
|
{
|
|
headers: {
|
|
Authorization: `MediaBrowser DeviceId="${api.deviceInfo.id}", Token="${api.accessToken}"`,
|
|
},
|
|
}
|
|
);
|
|
|
|
console.log(response, response2);
|
|
|
|
if (response.status === 200) return true;
|
|
return false;
|
|
} catch (error) {
|
|
const e = error as any;
|
|
console.error("Failed to mark as played:", {
|
|
message: e.message,
|
|
status: e.response?.status,
|
|
statusText: e.response?.statusText,
|
|
url: e.config?.url,
|
|
method: e.config?.method,
|
|
data: e.response?.data,
|
|
headers: e.response?.headers,
|
|
});
|
|
|
|
if (e.response) {
|
|
// The request was made and the server responded with a status code
|
|
// that falls out of the range of 2xx
|
|
console.error("Server responded with error:", e.response.data);
|
|
} else if (e.request) {
|
|
// The request was made but no response was received
|
|
console.error("No response received from server");
|
|
} else {
|
|
// Something happened in setting up the request that triggered an Error
|
|
console.error("Error setting up the request:", e.message);
|
|
}
|
|
return [];
|
|
}
|
|
};
|
|
|
|
export const nextUp = async ({
|
|
itemId,
|
|
userId,
|
|
api,
|
|
}: {
|
|
itemId?: string | null;
|
|
userId?: string | null;
|
|
api?: Api | null;
|
|
}) => {
|
|
if (!userId || !api) {
|
|
return [];
|
|
}
|
|
|
|
try {
|
|
const response = await api.axiosInstance.get(
|
|
`${api.basePath}/Shows/NextUp`,
|
|
{
|
|
params: {
|
|
SeriesId: itemId ? itemId : undefined,
|
|
UserId: userId,
|
|
Fields: "MediaSourceCount",
|
|
},
|
|
headers: {
|
|
Authorization: `MediaBrowser DeviceId="${api.deviceInfo.id}", Token="${api.accessToken}"`,
|
|
},
|
|
}
|
|
);
|
|
|
|
return response?.data.Items as BaseItemDto[];
|
|
} catch (error) {
|
|
const e = error as any;
|
|
console.error("Failed to get next up", e.message, e.status);
|
|
return [];
|
|
}
|
|
};
|
|
|
|
export const reportPlaybackStopped = async ({
|
|
api,
|
|
sessionId,
|
|
itemId,
|
|
positionTicks,
|
|
}: {
|
|
api: Api | null | undefined;
|
|
sessionId: string | null | undefined;
|
|
itemId: string | null | undefined;
|
|
positionTicks: number | null | undefined;
|
|
}) => {
|
|
if (!api || !sessionId || !itemId || !positionTicks) {
|
|
console.log("Missing required parameters", {
|
|
api,
|
|
sessionId,
|
|
itemId,
|
|
positionTicks,
|
|
});
|
|
return;
|
|
}
|
|
|
|
try {
|
|
await api.axiosInstance.delete(`${api.basePath}/PlayingItems/${itemId}`, {
|
|
params: {
|
|
playSessionId: sessionId,
|
|
positionTicks: Math.round(positionTicks),
|
|
mediaSourceId: itemId,
|
|
},
|
|
headers: {
|
|
Authorization: `MediaBrowser DeviceId="${api.deviceInfo.id}", Token="${api.accessToken}"`,
|
|
},
|
|
});
|
|
} catch (error) {
|
|
console.error("Failed to report playback progress", error);
|
|
}
|
|
};
|
|
|
|
export const reportPlaybackProgress = async ({
|
|
api,
|
|
sessionId,
|
|
itemId,
|
|
positionTicks,
|
|
}: {
|
|
api: Api | null | undefined;
|
|
sessionId: string | null | undefined;
|
|
itemId: string | null | undefined;
|
|
positionTicks: number | null | undefined;
|
|
}) => {
|
|
if (!api || !sessionId || !itemId || !positionTicks) {
|
|
console.log("Missing required parameters", {
|
|
api,
|
|
sessionId,
|
|
itemId,
|
|
positionTicks,
|
|
});
|
|
return;
|
|
}
|
|
|
|
try {
|
|
await api.axiosInstance.post(
|
|
`${api.basePath}/Sessions/Playing/Progress`,
|
|
{
|
|
ItemId: itemId,
|
|
PlaySessionId: sessionId,
|
|
IsPaused: false,
|
|
PositionTicks: Math.round(positionTicks),
|
|
CanSeek: true,
|
|
MediaSourceId: itemId,
|
|
},
|
|
{
|
|
headers: {
|
|
Authorization: `MediaBrowser DeviceId="${api.deviceInfo.id}", Token="${api.accessToken}"`,
|
|
},
|
|
}
|
|
);
|
|
} catch (error) {
|
|
console.error("Failed to report playback progress", error);
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Fetches the media info for a given item.
|
|
*
|
|
* @param {Api} api - The Jellyfin API instance.
|
|
* @param {string} itemId - The ID of the media to fetch info for.
|
|
* @param {string} userId - The ID of the user to fetch info for.
|
|
*
|
|
* @returns {Promise<BaseItemDto>} - The media info.
|
|
*/
|
|
export const getUserItemData = async ({
|
|
api,
|
|
itemId,
|
|
userId,
|
|
}: {
|
|
api: Api | null | undefined;
|
|
itemId: string | null | undefined;
|
|
userId: string | null | undefined;
|
|
}) => {
|
|
if (!api || !itemId || !userId) {
|
|
return null;
|
|
}
|
|
return (await getUserLibraryApi(api).getItem({ itemId, userId })).data;
|
|
};
|
|
|
|
export const getPlaybackInfo = async (
|
|
api?: Api | null | undefined,
|
|
itemId?: string | null | undefined,
|
|
userId?: string | null | undefined
|
|
) => {
|
|
if (!api || !itemId || !userId) {
|
|
return null;
|
|
}
|
|
|
|
const a = await getMediaInfoApi(api).getPlaybackInfo({
|
|
itemId,
|
|
userId,
|
|
});
|
|
|
|
return a.data;
|
|
};
|
|
|
|
/**
|
|
* Retrieves the playback URL for the given item ID and user ID.
|
|
*
|
|
* @param api - The Jellyfin API instance.
|
|
* @param itemId - The ID of the media item to retrieve playback URL for.
|
|
* @param userId - The ID of the user requesting the playback URL.
|
|
* @returns The playback URL as a string.
|
|
*/
|
|
export const getPlaybackUrl = async (
|
|
api: Api,
|
|
itemId: string,
|
|
userId: string
|
|
): Promise<string> => {
|
|
const playbackData = await getMediaInfoApi(api).getPlaybackInfo({
|
|
itemId,
|
|
userId,
|
|
});
|
|
|
|
const mediaSources = playbackData.data?.MediaSources;
|
|
if (!mediaSources || mediaSources.length === 0) {
|
|
throw new Error(
|
|
"No media sources available for the requested item and user."
|
|
);
|
|
}
|
|
|
|
const mediaSource = mediaSources[0];
|
|
const transcodeUrl = mediaSource.TranscodingUrl;
|
|
if (transcodeUrl) {
|
|
return transcodeUrl;
|
|
}
|
|
|
|
// Construct a fallback URL if the TranscodingUrl is not available
|
|
const { Id, ETag } = mediaSource;
|
|
if (!Id) {
|
|
throw new Error("Media source ID is missing.");
|
|
}
|
|
|
|
const queryParams = new URLSearchParams({
|
|
videoBitRate: "4000",
|
|
videoCodec: "h264",
|
|
audioCodec: "aac",
|
|
container: "mp4",
|
|
SegmentContainer: "mp4",
|
|
deviceId: api.deviceInfo?.id || "",
|
|
api_key: api.accessToken || "",
|
|
Tag: ETag || "",
|
|
MediaSourceId: Id || "",
|
|
});
|
|
|
|
return `/Videos/${Id}/stream?${queryParams}`;
|
|
};
|
|
|
|
/**
|
|
* Retrieves an item by its ID from the API.
|
|
*
|
|
* @param api - The Jellyfin API instance.
|
|
* @param itemId - The ID of the item to retrieve.
|
|
* @returns The item object or undefined if no item matches the ID.
|
|
*/
|
|
export const getItemById = async (
|
|
api?: Api | null | undefined,
|
|
itemId?: string | null | undefined
|
|
): Promise<BaseItemDto | undefined> => {
|
|
if (!api || !itemId) {
|
|
return undefined;
|
|
}
|
|
|
|
try {
|
|
const itemData = await getUserLibraryApi(api).getItem({ itemId });
|
|
|
|
const item = itemData.data;
|
|
if (!item) {
|
|
console.error("No items found with the specified ID:", itemId);
|
|
return undefined;
|
|
}
|
|
|
|
return item;
|
|
} catch (error) {
|
|
console.error("Failed to retrieve the item:", error);
|
|
throw new Error(`Failed to retrieve the item due to an error: ${error}`);
|
|
}
|
|
};
|
|
|
|
export const getStreamUrl = async ({
|
|
api,
|
|
item,
|
|
userId,
|
|
startTimeTicks = 0,
|
|
maxStreamingBitrate,
|
|
sessionData,
|
|
deviceProfile = iosProfile,
|
|
}: {
|
|
api: Api | null | undefined;
|
|
item: BaseItemDto | null | undefined;
|
|
userId: string | null | undefined;
|
|
startTimeTicks: number;
|
|
maxStreamingBitrate?: number;
|
|
sessionData: PlaybackInfoResponse;
|
|
deviceProfile: any;
|
|
}) => {
|
|
if (!api || !userId || !item?.Id) {
|
|
return null;
|
|
}
|
|
|
|
const itemId = item.Id;
|
|
|
|
const response = await api.axiosInstance.post(
|
|
`${api.basePath}/Items/${itemId}/PlaybackInfo`,
|
|
{
|
|
DeviceProfile: deviceProfile,
|
|
UserId: userId,
|
|
MaxStreamingBitrate: maxStreamingBitrate,
|
|
StartTimeTicks: startTimeTicks,
|
|
EnableTranscoding: maxStreamingBitrate ? true : undefined,
|
|
AutoOpenLiveStream: true,
|
|
MediaSourceId: itemId,
|
|
AllowVideoStreamCopy: maxStreamingBitrate ? false : true,
|
|
},
|
|
{
|
|
headers: {
|
|
Authorization: `MediaBrowser DeviceId="${api.deviceInfo.id}", Token="${api.accessToken}"`,
|
|
},
|
|
}
|
|
);
|
|
|
|
const mediaSource = response.data.MediaSources?.[0] as MediaSourceInfo;
|
|
|
|
if (!mediaSource) {
|
|
throw new Error("No media source");
|
|
}
|
|
if (!sessionData.PlaySessionId) {
|
|
throw new Error("no PlaySessionId");
|
|
}
|
|
|
|
if (mediaSource.SupportsDirectPlay) {
|
|
console.log("Using direct stream!");
|
|
return `${api.basePath}/Videos/${itemId}/stream.mp4?playSessionId=${sessionData.PlaySessionId}&mediaSourceId=${itemId}&static=true`;
|
|
}
|
|
|
|
console.log("Using transcoded stream!");
|
|
return `${api.basePath}${mediaSource.TranscodingUrl}`;
|
|
};
|
|
|
|
/**
|
|
* Retrieves the primary image URL for a given item.
|
|
*
|
|
* @param api - The Jellyfin API instance.
|
|
* @param item - The media item to retrieve the backdrop image URL for.
|
|
* @param quality - The desired image quality (default: 90).
|
|
*/
|
|
export const getPrimaryImage = ({
|
|
api,
|
|
item,
|
|
quality = 90,
|
|
width = 500,
|
|
}: {
|
|
api?: Api | null;
|
|
item?: BaseItemDto | BaseItemPerson | null;
|
|
quality?: number | null;
|
|
width?: number | null;
|
|
}) => {
|
|
if (!item || !api) {
|
|
return null;
|
|
}
|
|
|
|
if (!isBaseItemDto(item)) {
|
|
return `${api?.basePath}/Items/${item?.Id}/Images/Primary`;
|
|
}
|
|
|
|
const backdropTag = item.BackdropImageTags?.[0];
|
|
const primaryTag = item.ImageTags?.["Primary"];
|
|
|
|
const params = new URLSearchParams({
|
|
fillWidth: width ? String(width) : "500",
|
|
quality: quality ? String(quality) : "90",
|
|
});
|
|
|
|
if (primaryTag) {
|
|
params.set("tag", primaryTag);
|
|
} else if (backdropTag) {
|
|
params.set("tag", backdropTag);
|
|
}
|
|
|
|
return `${api?.basePath}/Items/${
|
|
item.Id
|
|
}/Images/Primary?${params.toString()}`;
|
|
};
|
|
|
|
/**
|
|
* Retrieves the primary image URL for a given item.
|
|
*
|
|
* @param api - The Jellyfin API instance.
|
|
* @param item - The media item to retrieve the backdrop image URL for.
|
|
* @param quality - The desired image quality (default: 90).
|
|
*/
|
|
export const getPrimaryImageById = ({
|
|
api,
|
|
id,
|
|
quality = 90,
|
|
width = 500,
|
|
}: {
|
|
api?: Api | null;
|
|
id?: string | null;
|
|
quality?: number | null;
|
|
width?: number | null;
|
|
}) => {
|
|
if (!id) {
|
|
return null;
|
|
}
|
|
|
|
const params = new URLSearchParams({
|
|
fillWidth: width ? String(width) : "500",
|
|
quality: quality ? String(quality) : "90",
|
|
});
|
|
|
|
return `${api?.basePath}/Items/${id}/Images/Primary?${params.toString()}`;
|
|
};
|
|
|
|
function isBaseItemDto(item: any): item is BaseItemDto {
|
|
return item && "BackdropImageTags" in item && "ImageTags" in item;
|
|
}
|
|
|
|
/**
|
|
* Retrieves the primary image URL for a given item.
|
|
*
|
|
* @param api - The Jellyfin API instance.
|
|
* @param item - The media item to retrieve the backdrop image URL for.
|
|
* @param quality - The desired image quality (default: 10).
|
|
*/
|
|
export const getLogoImageById = ({
|
|
api,
|
|
item,
|
|
}: {
|
|
api?: Api | null;
|
|
item?: BaseItemDto | null;
|
|
}) => {
|
|
if (!api || !item) {
|
|
return null;
|
|
}
|
|
|
|
const imageTags = item.ImageTags?.["Logo"];
|
|
|
|
if (!imageTags) return null;
|
|
|
|
const params = new URLSearchParams();
|
|
|
|
params.append("tag", imageTags);
|
|
params.append("quality", "90");
|
|
params.append("fillHeight", "130");
|
|
|
|
return `${api.basePath}/Items/${item.Id}/Images/Logo?${params.toString()}`;
|
|
};
|
|
|
|
/**
|
|
* Retrieves the primary image URL for a given item.
|
|
*
|
|
* @param api - The Jellyfin API instance.
|
|
* @param item - The media item to retrieve the backdrop image URL for.
|
|
* @param quality - The desired image quality (default: 10).
|
|
*/
|
|
export const getBackdrop = ({
|
|
api,
|
|
item,
|
|
quality,
|
|
width,
|
|
}: {
|
|
api?: Api | null;
|
|
item?: BaseItemDto | null;
|
|
quality?: number;
|
|
width?: number;
|
|
}) => {
|
|
if (!api || !item) {
|
|
return null;
|
|
}
|
|
|
|
const backdropImageTags = item.BackdropImageTags?.[0];
|
|
|
|
const params = new URLSearchParams();
|
|
|
|
if (quality) {
|
|
params.append("quality", quality.toString());
|
|
}
|
|
|
|
if (width) {
|
|
params.append("fillWidth", width.toString());
|
|
}
|
|
|
|
if (backdropImageTags) {
|
|
params.append("tag", backdropImageTags);
|
|
return `${api.basePath}/Items/${
|
|
item.Id
|
|
}/Images/Backdrop/0?${params.toString()}`;
|
|
} else {
|
|
return getPrimaryImage({ api, item, quality, width });
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Builds a stream URL for the given item ID, user ID, and other parameters.
|
|
*
|
|
* @param {object} options - Options to build the stream URL.
|
|
* @param {string} options.deviceId - The device ID of the requesting client.
|
|
* @param {string} options.apiKey - The API key used for authentication.
|
|
* @param {string} options.sessionId - The session ID of the user requesting the stream.
|
|
* @param {string} options.itemId - The ID of the media item to retrieve the stream URL for.
|
|
* @param {string} options.serverUrl - The base URL of the Jellyfin server.
|
|
* @param {string} options.mediaSourceId - The ID of the media source requested.
|
|
* @param {string} options.tag - The ETag tag of the media source.
|
|
*
|
|
* @returns {URL} A URL that can be used to stream the media item.
|
|
*/
|
|
function buildStreamUrl({
|
|
deviceId,
|
|
apiKey,
|
|
sessionId,
|
|
itemId,
|
|
serverUrl,
|
|
mediaSourceId,
|
|
tag,
|
|
}: {
|
|
deviceId: string;
|
|
apiKey: string;
|
|
sessionId: string;
|
|
itemId: string;
|
|
serverUrl: string;
|
|
mediaSourceId: string;
|
|
tag: string;
|
|
}): URL {
|
|
const streamParams = new URLSearchParams({
|
|
Static: "true",
|
|
deviceId,
|
|
api_key: apiKey,
|
|
playSessionId: sessionId,
|
|
videoCodec: "h264",
|
|
audioCodec: "aac,mp3,ac3,eac3,flac,alac",
|
|
maxAudioChannels: "6",
|
|
mediaSourceId,
|
|
Tag: tag,
|
|
});
|
|
return new URL(
|
|
`${serverUrl}/Videos/${itemId}/stream.mp4?${streamParams.toString()}`
|
|
);
|
|
}
|
|
|
|
export const bitrateToString = (bitrate: number) => {
|
|
const kbps = bitrate / 1000;
|
|
const mbps = (bitrate / 1000000).toFixed(2);
|
|
|
|
return `${mbps} Mb/s`;
|
|
};
|