Skip to content
This repository has been archived by the owner on May 14, 2024. It is now read-only.

Live photo playback support #392

Merged
merged 22 commits into from
Mar 3, 2022
Merged

Live photo playback support #392

merged 22 commits into from
Mar 3, 2022

Conversation

rushitote
Copy link
Contributor

Description

Added encoding for live photos using FFMPEG but currently just plays the video file. So, need to find a way to play only on hover and also a loading spinner while the file is downloading/encoding.

Test Plan

@cloudflare-pages
Copy link

cloudflare-pages bot commented Feb 25, 2022

Deploying with  Cloudflare Pages  Cloudflare Pages

Latest commit: 83c65e6
Status: ✅  Deploy successful!
Preview URL: https://328cd92b.bada-frame.pages.dev

View logs

@rushitote
Copy link
Contributor Author

Looks like this now:

image

@rushitote rushitote marked this pull request as ready for review February 25, 2022 13:06
src/components/PhotoFrame.tsx Outdated Show resolved Hide resolved
src/components/PhotoFrame.tsx Outdated Show resolved Hide resolved
src/services/ffmpegService.ts Outdated Show resolved Hide resolved
src/services/ffmpegService.ts Outdated Show resolved Hide resolved
src/services/ffmpegService.ts Outdated Show resolved Hide resolved
src/utils/file/index.ts Outdated Show resolved Hide resolved
src/services/motionPhotoService.ts Outdated Show resolved Hide resolved
src/components/PhotoFrame.tsx Outdated Show resolved Hide resolved
src/components/PhotoFrame.tsx Outdated Show resolved Hide resolved
@abhinavkgrd
Copy link
Member

also, merge the master to this branch. so the network request failing issue is solved.

src/components/PhotoFrame.tsx Outdated Show resolved Hide resolved
src/components/PhotoFrame.tsx Outdated Show resolved Hide resolved
src/components/PhotoFrame.tsx Outdated Show resolved Hide resolved
src/components/PhotoFrame.tsx Outdated Show resolved Hide resolved
src/components/PhotoFrame.tsx Outdated Show resolved Hide resolved
src/services/ffmpegService.ts Outdated Show resolved Hide resolved
src/utils/file/index.ts Show resolved Hide resolved
src/utils/photoFrame/index.ts Outdated Show resolved Hide resolved
@rushitote
Copy link
Contributor Author

Looks like this now:

ente.io._.encrypted.photo.storage.-.Rushikesh.-.Microsoft.Edge.2022-03-01.18-31-09.mp4

src/components/PhotoFrame.tsx Outdated Show resolved Hide resolved
src/components/PhotoFrame.tsx Outdated Show resolved Hide resolved
@abhinavkgrd
Copy link
Member

I updated the fade in and out logic to handle things using CSS transition. if anything confuses you in that feel free to ask

src/components/PhotoFrame.tsx Outdated Show resolved Hide resolved
src/components/PhotoSwipe/PhotoSwipe.tsx Show resolved Hide resolved
src/components/PhotoSwipe/PhotoSwipe.tsx Outdated Show resolved Hide resolved
@vishnukvmd
Copy link
Member

@rushitote Could you keep the playback button at the bottom right corner?

@rushitote
Copy link
Contributor Author

@vishnukvmd done in latest commit.

src/components/PhotoSwipe/PhotoSwipe.tsx Outdated Show resolved Hide resolved
src/components/PhotoSwipe/PhotoSwipe.tsx Outdated Show resolved Hide resolved
src/components/PhotoSwipe/PhotoSwipe.tsx Outdated Show resolved Hide resolved
src/components/PhotoSwipe/PhotoSwipe.tsx Outdated Show resolved Hide resolved
src/components/PhotoSwipe/PhotoSwipe.tsx Outdated Show resolved Hide resolved
src/components/PhotoSwipe/PhotoSwipe.tsx Show resolved Hide resolved
Copy link
Member

@abhinavkgrd abhinavkgrd left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

cools everything looks good to me 😄

will let @vishnukvmd and @ua741 test it once and then will approve it

remove the notification for preview support coming
Copy link
Member

@abhinavkgrd abhinavkgrd left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Go ahead @rushitote merge it 😄

@rushitote rushitote merged commit def2249 into master Mar 3, 2022
@rushitote rushitote deleted the add-livephoto-support branch March 5, 2022 04:34
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants