feat: enhance Live Photo functionality and improve user experience

- Added support for long press to play Live Photos on mobile devices.
- Implemented a ref for LivePhoto component to control play and stop actions.
- Updated localization files to include new strings for Live Photo playback status.
- Enhanced CSS styles to prevent text selection and improve layout consistency.
- Refactored ExifPanel and ProgressiveImage components for better integration with Live Photo features.

Signed-off-by: Innei <tukon479@gmail.com>
This commit is contained in:
Innei
2025-06-28 14:00:12 +08:00
parent 6d430faa9a
commit 5b512d60a7
12 changed files with 170 additions and 203 deletions

View File

@@ -235,6 +235,7 @@
"photo.live.badge": "Live",
"photo.live.converting.detail": "Converting video format using {{method}}...",
"photo.live.converting.video": "Converting Live Photo video",
"photo.live.playing": "Playing Live Photo",
"photo.live.tooltip.desktop.main": "Hover to play Live Photo",
"photo.live.tooltip.desktop.zoom": "Hover to play Live Photo / Double-click to zoom",
"photo.live.tooltip.mobile.main": "Long press to play Live Photo",

View File

@@ -231,11 +231,12 @@
"photo.copying": "画像をコピーしています...",
"photo.download": "画像をダウンロード",
"photo.error.loading": "画像の読み込みに失敗しました",
"photo.live.badge": "ライブ",
"photo.live.badge": "Live",
"photo.live.converting.detail": "{{method}}を使用してビデオ形式を変換しています...",
"photo.live.converting.video": "ライブフォトビデオを変換しています",
"photo.live.tooltip.desktop.main": "ホバーしてライブフォトを再生",
"photo.live.tooltip.desktop.zoom": "「ライブ」バッジをホバーして再生/ダブルクリックしてズーム",
"photo.live.converting.video": "Live Photoのビデオを変換",
"photo.live.playing": "ライブ写真を再生",
"photo.live.tooltip.desktop.main": "ホバーしてLive Photoを再生",
"photo.live.tooltip.desktop.zoom": "ホバーしてLive Photoを再生 / ダブルクリックしてズーム",
"photo.live.tooltip.mobile.main": "長押ししてライブフォトを再生",
"photo.live.tooltip.mobile.zoom": "長押ししてライブフォトを再生/ダブルタップしてズーム",
"photo.share.actions": "アクション",

View File

@@ -230,12 +230,13 @@
"photo.copy.success": "이미지를 클립보드에 복사했습니다.",
"photo.copying": "이미지 복사 중...",
"photo.download": "이미지 다운로드",
"photo.error.loading": "이미지 로딩 실패",
"photo.error.loading": "이미지를 불러오지 못했습니다",
"photo.live.badge": "라이브",
"photo.live.converting.detail": "{{method}}을 (를) 사용하여 비디오 형식 변환 중...",
"photo.live.converting.detail": "{{method}} 사용하여 비디오 형식 변환하는 중...",
"photo.live.converting.video": "라이브 포토 비디오 변환 중",
"photo.live.tooltip.desktop.main": "마우스를 올려 라이브 포토 재생",
"photo.live.tooltip.desktop.zoom": "‘라이브’배지에 마우스를 올려 재생/더블 클릭하여 확대",
"photo.live.playing": "라이브 포토 재생",
"photo.live.tooltip.desktop.main": "호버하여 라이브 포토 재생",
"photo.live.tooltip.desktop.zoom": "호버하여 라이브 포토 재생 / 더블 클릭하여 확대",
"photo.live.tooltip.mobile.main": "길게 눌러 라이브 포토 재생",
"photo.live.tooltip.mobile.zoom": "길게 눌러 라이브 포토 재생/더블 탭하여 확대",
"photo.share.actions": "작업",

View File

@@ -231,12 +231,13 @@
"photo.copy.success": "图像已复制到剪贴板",
"photo.copying": "正在复制图像...",
"photo.download": "下载图像",
"photo.error.loading": "图加载失败",
"photo.error.loading": "图加载失败",
"photo.live.badge": "实况",
"photo.live.converting.detail": "正在使用 {{method}} 转换视频格式...",
"photo.live.converting.video": "正在转换实况照片视频",
"photo.live.playing": "正在播放实况照片",
"photo.live.tooltip.desktop.main": "悬停以播放实况照片",
"photo.live.tooltip.desktop.zoom": "悬停\"实况\"徽章以播放/双击缩放",
"photo.live.tooltip.desktop.zoom": "悬停播放实况照片 / 双击缩放",
"photo.live.tooltip.mobile.main": "长按以播放实况照片",
"photo.live.tooltip.mobile.zoom": "长按以播放实况照片/双击以缩放",
"photo.reaction.success": "点赞成功",

View File

@@ -230,14 +230,15 @@
"photo.copy.success": "圖像已複製到剪貼簿",
"photo.copying": "正在複製圖像...",
"photo.download": "下載圖像",
"photo.error.loading": "圖載入失敗",
"photo.live.badge": "況",
"photo.error.loading": "圖載入失敗",
"photo.live.badge": "況",
"photo.live.converting.detail": "正在使用 {{method}} 轉換影片格式...",
"photo.live.converting.video": "正在轉換況照片影片",
"photo.live.tooltip.desktop.main": "懸停以播放況照片",
"photo.live.tooltip.desktop.zoom": "懸停「實況」徽章以播放/雙擊以縮放",
"photo.live.tooltip.mobile.main": "長按以播放況照片",
"photo.live.tooltip.mobile.zoom": "長按以播放況照片/雙擊以縮放",
"photo.live.converting.video": "正在轉換況照片影片",
"photo.live.playing": "正在播放況照片",
"photo.live.tooltip.desktop.main": "懸停以播放原況照片",
"photo.live.tooltip.desktop.zoom": "懸停播放況照片 / 輕按兩下縮放",
"photo.live.tooltip.mobile.main": "長按以播放況照片",
"photo.live.tooltip.mobile.zoom": "長按以播放原況照片/雙擊以縮放",
"photo.share.actions": "操作",
"photo.share.copy.failed": "複製失敗",
"photo.share.copy.link": "複製連結",

View File

@@ -230,14 +230,15 @@
"photo.copy.success": "圖像已複製到剪貼簿",
"photo.copying": "正在複製圖像...",
"photo.download": "下載圖像",
"photo.error.loading": "圖載入失敗",
"photo.live.badge": "況",
"photo.error.loading": "圖載入失敗",
"photo.live.badge": "況",
"photo.live.converting.detail": "正在使用 {{method}} 轉換影片格式...",
"photo.live.converting.video": "正在轉換況照片影片",
"photo.live.tooltip.desktop.main": "懸停以播放況照片",
"photo.live.tooltip.desktop.zoom": "懸停「實況」徽章以播放/雙擊以縮放",
"photo.live.tooltip.mobile.main": "長按以播放況照片",
"photo.live.tooltip.mobile.zoom": "長按以播放況照片/雙擊以縮放",
"photo.live.converting.video": "正在轉換況照片影片",
"photo.live.playing": "正在播放況照片",
"photo.live.tooltip.desktop.main": "懸停以播放原況照片",
"photo.live.tooltip.desktop.zoom": "懸停播放況照片 / 輕按兩下縮放",
"photo.live.tooltip.mobile.main": "長按以播放況照片",
"photo.live.tooltip.mobile.zoom": "長按以播放原況照片/雙擊以縮放",
"photo.share.actions": "操作",
"photo.share.copy.failed": "複製失敗",
"photo.share.copy.link": "複製連結",