From bc314049095d15c395fe263bf60d5d61f1848ba0 Mon Sep 17 00:00:00 2001 From: Vietbao Tran <46217210+TapuCosmo@users.noreply.github.com> Date: Mon, 6 May 2024 09:20:20 -0700 Subject: [PATCH] fix(web): stream 360 video instead of fetching entire video (#9279) --- .../lib/components/asset-viewer/panorama-viewer.svelte | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/web/src/lib/components/asset-viewer/panorama-viewer.svelte b/web/src/lib/components/asset-viewer/panorama-viewer.svelte index 592053e5b8..a03753d4d3 100644 --- a/web/src/lib/components/asset-viewer/panorama-viewer.svelte +++ b/web/src/lib/components/asset-viewer/panorama-viewer.svelte @@ -2,7 +2,7 @@ import { serveFile, type AssetResponseDto, AssetTypeEnum } from '@immich/sdk'; import { fade } from 'svelte/transition'; import LoadingSpinner from '../shared-components/loading-spinner.svelte'; - import { getKey } from '$lib/utils'; + import { getAssetFileUrl, getKey } from '$lib/utils'; import type { AdapterConstructor, PluginConstructor } from '@photo-sphere-viewer/core'; export let asset: Pick; @@ -19,11 +19,11 @@ : ([undefined, [], false] as [undefined, [], false]); const loadAssetData = async () => { + if (asset.type === AssetTypeEnum.Video) { + return { source: getAssetFileUrl(asset.id, false, false) }; + } const data = await serveFile({ id: asset.id, isWeb: false, isThumb: false, key: getKey() }); const url = URL.createObjectURL(data); - if (asset.type === AssetTypeEnum.Video) { - return { source: url }; - } return url; };