feat: auto-repeat livephotos

jovanbulck · Nov 8, 2024 · 416bc9d · 416bc9d
1 parent 2a06c3e
commit 416bc9d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/components/frame/Photo.vue b/src/components/frame/Photo.vue
@@ -303,6 +303,7 @@ export default defineComponent({
           try {
             this.liveState.requested = true;
             video.currentTime = 0;
+            video.loop = true;
             await video.play();
           } catch (e) {
             // ignore, pause was probably called too soon

diff --git a/src/components/viewer/PsLivePhoto.ts b/src/components/viewer/PsLivePhoto.ts
@@ -32,6 +32,11 @@ class LivePhotoContentSetup {
     const video = content.element?.querySelector('video');
     if (!video) return;
 
+    if (this.liveState.playing) {
+      video.pause();
+      return;
+    }
+
     try {
       this.liveState.waiting = true;
       video.currentTime = 0;
@@ -57,6 +62,7 @@ class LivePhotoContentSetup {
     video.playsInline = true;
     video.disableRemotePlayback = true;
     video.autoplay = false;
+    video.loop = true;
     video.src = utils.getLivePhotoVideoUrl(photo, true);
 
     const div = document.createElement('div');