mirror of
https://github.com/photoprism/photoprism.git
synced 2026-03-02 22:57:18 -05:00
UX: Add a hybrid Photo/Video Viewer (Lightbox) #953
Labels
No labels
ai
android
api
auth
awesome
bug
bug
ci
cli
config
database
declined
deprecated
docker
docs 📚
documents
duplicate
easy
enhancement
enhancement
enhancement
epic
faces
feedback wanted
frontend
hacktoberfest
help wanted
idea
in-progress
incomplete
index
invalid
ios
labels
live
live
low-priority
macos
member-feature
metadata
mobile
nas
needs-analysis
no-coding-required
no-coding-required
observability
performance
places
please-test
plus-feature
priority
pro-feature
question
raspberry-pi
raw
released
released
released
research
resolved
security
sharing
tested
tests
third-party-issue
thumbnails
upgrade
upstream-issue
ux
vector
video
waiting
won't fix
won't fix
No milestone
No project
No assignees
1 participant
Notifications
Due date
No due date set.
Dependencies
No dependencies set.
Reference
starred/photoprism#953
Loading…
Add table
Add a link
Reference in a new issue
No description provided.
Delete branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Originally created by @graciousgrey on GitHub (May 20, 2021).
Originally assigned to: @omerdduran on GitHub.
As a user with many photos and videos, I would like to see a hybrid viewer implemented to replace the separate viewer components in the current stable version.
Related Issues
The new photo/video viewer should resolve the following issues and feature requests:
Since these are a lot of requirements to consider, we have broken them down into smaller, releasable tasks for the new photo/video viewer (an initial version will be part of the next stable release, with additional features to be added later):
Screenshots
@jucor commented on GitHub (Jun 16, 2021):
Is there any worth to "just" build an interface on top of Photoswipe rather than rewriting the whole viewer?
@lastzero commented on GitHub (Jun 20, 2021):
Well, it's architecture is not really extensible. It would all be ugly workarounds. Already did that in large parts, but need to make a cut somewhere.
@jucor commented on GitHub (Jun 20, 2021):
Makes sense :)
Thanks for the answer!
On Sun, 20 Jun 2021, 11:24 Michael Mayer, @.***> wrote:
@tribut commented on GitHub (Aug 12, 2021):
When this gets implemented, I would really appreciate some sidebar/overlay for media information. Having to go to the edit view just to look up the file name or assigned tags is cumbersome.
Screenshots from librephotos and lychee, to make it clear what I'm looking for:
@RandomHacks-Git commented on GitHub (Aug 14, 2021):
I was going to open an issue but I guess the solution would be implemented as part of this new photo viewer.
After briefly testing photoprism I'm currently using another solution for the sole reason that there is no easy way to skip to the next video (or go back to the previous) inside the lightbox, always having to exit the lightbox and open the next video is quite cumbersome and not very intuitive.
@graciousgrey commented on GitHub (Aug 15, 2021):
@RandomHacks-Git Yes, that is one of the main reasons why we need to build our own photo viewer :)
@aravindhsampath commented on GitHub (Aug 20, 2021):
I am here from the context of People Recognition work. It would be wonderful if the new photo viewer considers to implement an UI wherein the photo shows tags/labels associated with it visually like how Facebook photos with people. It may be triggered upon mouse hover in the area, or a button on the top that says"labels" or "tags" may be clicked to show this info.
When manual tagging of people gets implemented in Photoprism, it would be very useful to see "who all appear in this photo". Perhaps, also adding the ability to manually tag people right there while viewing the photo.
@IssueHuntBot commented on GitHub (Dec 27, 2021):
An anonymous user has funded $50.00 to this issue.
@lastzero commented on GitHub (Dec 28, 2021):
Please don't add funds to IssueHunt anymore! 🎁
While we like IssueHunt and are grateful for the donations we've received so far, it hasn't proven to be a sustainable funding option for us as we spend much of our time maintaining existing features and providing support.
If we don't have enough resources to provide support and bugfixes, we can't start working on new features.
@CaptnSeraph commented on GitHub (Jan 2, 2022):
Deep zoom on touchscreens is ok but theres a limit to how far it will zoom before it gets... "bouncy" not sure if this is related to dynamic preview size or static preview size (i did raise an issue with having static image size too high causing thumbnail duplication) or some other feature, but id like to be able to zoom to at least 400% of full resolution.
I wonder if a small interim fix would be a toggle for "full resolution" where instead of loading the fit_xxxx resolution it just forces the original to load within photoswipe?
should be possible if you use pwsp.currItem.src (which i think is what is powering the download button) but that might just require the image be opened in a new tab and use the browsers built in image viewer... im not sure if thats better or not.
@joachimtingvold commented on GitHub (Jan 4, 2022):
One other aspect, which I'm not sure is directly related to the current constraints with photo viewer, would be to scroll down to current picture when exiting full sized view.
As an example; if you search for something, click on the first picture, and start viewing in full sized view. You look at 147 photos. When exiting full sized view, it'd be nice if you got back to the thumbnail overview being scrolled down to show the 147th photo (so you have the context).
Usecase would for example be if you wanted to add certain photos to an album, you would search, browse until you find the correct context, exit viewer, and select the photos before/after, and add to album.
Not sure if this warrants it's own issue, as it's most likely not strictly related to the restrictions of the current photo viewer?
@GlassedSilver commented on GitHub (Apr 9, 2022):
Is a revamp of how Live Photos (and similar media kinds by the other OEMs) are presented on the table with this rework as well?
Having to click a button to play the Live Photo, for it to load a video player frame and it not being the exact same size as the photo is cumbersome and not very elegant.
You'll ask me how to implement it then, and I say: the UX/UI can be referenced in Apple Photos.
The UI of it for this media kind is spot on. (not to anyone's surprise I guess, but any deviation from it really feels odd)
@haldi4803 commented on GitHub (Oct 23, 2022):
Going by "FULL-Screen" i'd also suggest showing the image in full size with the Text Overlaying.
This is Default:
and this is after clicking the image /zooming once.
But sadly if you use arrow keys to move to the next picture the zoom gets reset.
@dmitry-brazhenko commented on GitHub (Jan 3, 2023):
Describe what problem this solves and why this would be valuable to many users
Describe the solution you'd like
Sreens:
Right bar with photo details example from google photos:
I would be happy to see such in Photoprism
"Problem" with video preview.
How it works in photoprism now
step 1:
step2:
new window appears
and if i press "left" or "right" nothing will happen.
I would like to make it similar to google photos, where video is inlined and i can press left/right button to jump to the next/previous media file
@shadow82 commented on GitHub (Apr 6, 2023):
As for new photo viewer I'm voting for:
True fullscreen in photo view and slideshows
To have this:
Instead of this:
Configurable timers how quick next photo should show in slideshow
Assure that 30 sec video during slideshow will play all content (and won't switch on next after 5 sec)
Few options to choose photos transition when viewing pics manually and in slideshow (swipe, dissolve, etc.), like here: https://streamable.com/s9sky7
@porterbhall commented on GitHub (Apr 11, 2023):
Would love to see a slideshow feature where I could set the duration for slides
@lastzero commented on GitHub (Jun 19, 2023):
Note that I've been trying to improve the usability of our current video player over the weekend. You can now find the result in a feature branch or you can use the current
photoprism/photoprism:testimage on Docker Hub.With these changes, the player for example supports playing multiple videos like the photo viewer when you press the
leftandrightkeys on the keyboard. However, I have found that much more is needed to make this work well on all mobile browsers/devices, especially Apple iOS. Achieving good stability, as with the current solution (which lacks features, yes), also takes time.So, instead of adding more workarounds that will ultimately be insufficient and also might break existing functionality, let's focus on developing a unified photo and video viewer that works well with our other components and the backend API. That is, as soon as we have the time (more than a weekend) to do so.
@shadow82 commented on GitHub (Jun 19, 2023):
I did a quick check deploying photoprism:test and it works for Video tab.
But it doesn't in Albums tab (videos doesn't autoplay when viewing album with photos & videos.
Is it a big thing to add videos autoplay for albums?
@lastzero commented on GitHub (Jun 19, 2023):
@shadow82 This is one of the reasons why we should have a unified viewer instead of using separate viewers for photos and videos. Supporting keyboard (edit: or touch) events, like when the user presses the left (prev) or right (next) key, is otherwise very complicated and error-prone. For example, if the photo viewer would automatically play videos, then the video player would take over and pressing "right" would play the next video instead of the next photo in an album. With a large team and months of time, all of this could certainly be worked around, but it's less work (and therefore the only way to get it done for us) to develop a solution that meets the actual use case and works well with our existing front- and backend.
@NewMountain commented on GitHub (Aug 17, 2023):
I have recently migrated to Photoprism (hosted on my k8s homelab!) and am so happy and grateful. I wanted to add just one thought. The only "missing" feature I'm looking for is to random play an album. To be more concrete: to randomly select a next image in the album as opposed to showing the next sorted sequential image. Apologies if this already exists and I missed it. My use case is digital pictureframe, tv in living room that doesn't feel quite as stale/predictable.
Excepting this one feature, the app is, for me, perfection. Thank you so much!
@j08rebelo commented on GitHub (Dec 29, 2023):
The feaure to play videos and photos in random mode, does it already exist?
@gschintgen commented on GitHub (Jan 5, 2024):
@shadow82 Thanks for posting your comparison pictures. I'd also like a proper slideshow/fullscreen mechanism in Photoprism, without large borders all around. I would immediately trade that in for many of the more advanced features. After all I'm not doing my photo management with Photoprism but my photo viewing.
But apart from this issue, Photoprism is brilliant!
@generalconsensus commented on GitHub (Feb 3, 2024):
This would be so wonderful!
@stephanschorer commented on GitHub (Apr 30, 2024):
stupid question:
does the feature to create a random slidshow of one album already exist?
I dont mean a random slideshow of all pictures:
library/browse?order=random
Thanks!
@trulyspinach commented on GitHub (Dec 7, 2024):
Hi, it does appear that this issue have been opened for a while, and it would be truely good if we can have a seamless photo/video experience. I was thinking even some preview slides like the one on iOS photo app.
Can I ask how this is going? Do you need some extra hands? I would like to help with code but need to know a bit about the current state of this. Thanks.
@lastzero commented on GitHub (Jan 6, 2025):
@trulyspinach We have implemented a proof of concept for this as part of the ongoing upgrade to Vue & Vuetify 3 (which is now in good shape so we can focus on related issues that depend on it):
If you like, you can test the upgraded user interface, including the new Hybrid Photo/Video Viewer, by building from source or using the photoprism/photoprism:test image available on Docker Hub:
Note that we are not feature complete yet, so I recommend not using this test build in production!
You will be notified when an official preview build is available that can be tested with relatively low risk before we tag the final release. Any help in testing the upcoming preview will be much appreciated!
@lastzero commented on GitHub (Feb 10, 2025):
Once again, our preview images have been updated:
The new builds include lightbox and edit dialog fixes, especially for iOS and touchscreen devices. Any help in testing the preview build is very welcome and will help us get it released faster. Thank you very much! 🤗
@lastzero commented on GitHub (Feb 11, 2025):
These changes add custom video controls (including an overlay play button) and make Live Photos end with the image that belongs to the video, rather than looping the video as before:
Any help in testing this with the preview build and/or our public demo is welcome and will help us get it released faster:
Thank you very much! 🤗
@lastzero commented on GitHub (Apr 1, 2025):
Here's a screenshot of the viewer with the new info sidebar that we're currently working on:
More information on this can be found in the related sub-issue: