Cutlery/immich
1
0
Fork 1
mirror of https://github.com/immich-app/immich.git synced 2025-05-31 20:25:32 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): not autoplay after moving playhead on paused video (#17038)

Browse Source 
fix(web): prevent autoplay after moving playhead
This commit is contained in:
Yaros 2025-03-24 22:55:46 +01:00 committed by GitHub
parent 4a0045db44
commit 9757f70064
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/lib/components/asset-viewer/video-native-viewer.svelte
View File

@ -38,6 +38,7 @@
let isLoading = $state(true); let isLoading = $state(true);
let assetFileUrl = $state(''); let assetFileUrl = $state('');
let forceMuted = $state(false); let forceMuted = $state(false);
let isScrubbing = $state(false);
onMount(() => { onMount(() => {
if (videoPlayer) { if (videoPlayer) {
@ -55,8 +56,10 @@
const handleCanPlay = async (video: HTMLVideoElement) => { const handleCanPlay = async (video: HTMLVideoElement) => {
try { try {
await video.play(); if (!video.paused && !isScrubbing) {
onVideoStarted(); await video.play();
onVideoStarted();
}
} catch (error) { } catch (error) {
if (error instanceof DOMException && error.name === 'NotAllowedError' && !forceMuted) { if (error instanceof DOMException && error.name === 'NotAllowedError' && !forceMuted) {
await tryForceMutedPlay(video); await tryForceMutedPlay(video);
@ -119,6 +122,8 @@
$videoViewerMuted = e.currentTarget.muted; $videoViewerMuted = e.currentTarget.muted;
} }
}} }}
onseeking={() => (isScrubbing = true)}
onseeked={() => (isScrubbing = false)}
onclose={() => onClose()} onclose={() => onClose()}
muted={forceMuted || $videoViewerMuted} muted={forceMuted || $videoViewerMuted}
bind:volume={$videoViewerVolume} bind:volume={$videoViewerVolume}