starred/reiverr
1
0
Fork 0
mirror of https://github.com/aleksilassila/reiverr.git synced 2026-04-20 15:55:14 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: Video playback

Browse Source
This commit is contained in:
Aleksi Lassila
2024-04-01 17:21:16 +03:00
parent 5dbcff0271
commit 0193451f32
6 changed files with 143 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/lib/components/VideoPlayer/VideoPlayer.svelte
View File

@@ -1,7 +1,6 @@
<script lang="ts">
import getDeviceProfile from '../../apis/jellyfin/playback-profiles';
import { getQualities } from '../../apis/jellyfin/qualities';
import { settings } from '../../stores/settings.store';
import Hls from 'hls.js';
import {
EnterFullScreen,
@@ -26,6 +25,7 @@
import { jellyfinApi } from '../../apis/jellyfin/jellyfin-api.js';
import { videoPlayerSettings } from '../../stores/localstorage.store';
import { get } from 'svelte/store';
import { appState } from '../../stores/app-state.store';
export let jellyfinId: string;
@@ -150,7 +150,7 @@
}
video.poster = item?.BackdropImageTags?.length
? `${$settings.jellyfin.baseUrl}/Items/${item?.Id}/Images/Backdrop?quality=100&tag=${item?.BackdropImageTags?.[0]}`
? `${$appState.user?.settings.jellyfin.baseUrl}/Items/${item?.Id}/Images/Backdrop?quality=100&tag=${item?.BackdropImageTags?.[0]}`
: '';
videoLoaded = false;
@@ -158,7 +158,7 @@
if (Hls.isSupported()) {
const hls = new Hls();
hls.loadSource($settings.jellyfin.baseUrl + playbackUri);
hls.loadSource($appState.user?.settings.jellyfin.baseUrl + playbackUri);
hls.attachMedia(video);
} else if (video.canPlayType('application/vnd.apple.mpegurl') || isTizen()) {
/*
@@ -166,12 +166,12 @@
* This is not a problem, since HLS is natively supported on iOS. But any other browser
* that does not support MSE will not be able to play the video.
*/
video.src = $settings.jellyfin.baseUrl + playbackUri;
video.src = $appState.user?.settings.jellyfin.baseUrl + playbackUri;
} else {
throw new Error('HLS is not supported');
}
} else {
video.src = $settings.jellyfin.baseUrl + playbackUri;
video.src = $appState.user?.settings.jellyfin.baseUrl + playbackUri;
}
resolution = item?.Height || 1080;