kenmirrors/ente
1
0
Fork 0
mirror of https://github.com/ente-io/ente.git synced 2025-08-12 17:20:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Pause on changing video slide

Browse Source
This commit is contained in:
Manav Rathi 2025-02-12 17:10:26 +05:30
parent 981c74d3f1
commit 6e774d6758
No known key found for this signature in database
1 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
web/packages/new/photos/components/FileViewerPhotoSwipe.ts
View File

@ -236,8 +236,8 @@ export class FileViewerPhotoSwipe {
return itemData ?? {}; return itemData ?? {};
}); });
pswp.addFilter("isContentZoomable", (originalResult, content) => { pswp.addFilter("isContentZoomable", (isZoomable, content) => {
return content.data.isContentZoomable ?? originalResult; return content.data.isContentZoomable ?? isZoomable;
}); });
pswp.addFilter("preventPointerEvent", (originalResult) => { pswp.addFilter("preventPointerEvent", (originalResult) => {
@ -248,15 +248,11 @@ export class FileViewerPhotoSwipe {
return originalResult; return originalResult;
}); });
pswp.on("appendHeavy", (e) => {
// Do not append video elements on nearby slides.
if (e.slide.content.type == "html" && !e.slide.isActive) {
e.preventDefault();
}
});
pswp.on("contentLoad", (e) => { pswp.on("contentLoad", (e) => {
console.log("contentLoad", e); console.log("contentLoad", e);
// if (content.type == "video") {
// content.
// }
if (e.content.data.videoURL) { if (e.content.data.videoURL) {
const holderEl = e.content.slide.holderElement; const holderEl = e.content.slide.holderElement;
const vid = document.createElement("h1"); const vid = document.createElement("h1");
@ -277,9 +273,14 @@ export class FileViewerPhotoSwipe {
} }
}); });
pswp.on("close", () => { pswp.on("contentDeactivate", (e) => {
// Pause the video tag (if any) for a slide when we move away from it.
const video = e.content?.element?.getElementsByTagName("video")[0];
video?.pause();
});
// The user did some action within the file viewer to close it. // The user did some action within the file viewer to close it.
// pswp.on("close", () => {
// Clear intervals. // Clear intervals.
this.clearAutoHideIntervalIfNeeded(); this.clearAutoHideIntervalIfNeeded();
// Let our parent know that we have been closed. // Let our parent know that we have been closed.