Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Not displaying server side video thumbnails #897

Closed
fxshpac opened this issue Feb 24, 2015 · 23 comments
Closed

Not displaying server side video thumbnails #897

fxshpac opened this issue Feb 24, 2015 · 23 comments

Comments

@fxshpac
Copy link

fxshpac commented Feb 24, 2015

Running owncloud core version 8.0.0-5 and android version 1.7.0, I want to report that, in gallery view, the thumbnails for videos are still showing default icon, even after I enabled OC/Preview/Movie on server side. The web interface displays them just fine. Therefore I suspect it's the Android app which is not taking advantage of the API to retrieve these thumbnails for videos.

PR: #1035 #1780

@masensio
Copy link

Hi @fxshpac,
sorry but ownCloud server doesn't provide thumbnails for videos.

Show thumbnails for videos is an improvment for our app.
What do you think @jancborchardt about this?

@jancborchardt
Copy link
Member

Yeah, video thumbnails would be very good. @DeepDiver1975 anything that needs to be added to the server to enable this?

@tobiasKaminsky
Copy link
Contributor

I have installed ffmpeg and ffmpegthumbnailer.
After that the server can generate thumbnails.
With one very little change the app can also display these thumbnails.
A PR for this is coming soon.

@tobiasKaminsky
Copy link
Contributor

PR is currently not possible as I have committed it directly.
Sorry for this :/

@tobiasKaminsky
Copy link
Contributor

PR: #1035

@tobiasKaminsky
Copy link
Contributor

Remaining problem is that in gridView the user cannot distinguish between image and video if both have a thumbnail.
@jancborchardt Do you have an idea? Maybe display a film strip like this http://www.vorlagendrucken.de/wp-content/uploads/2014/01/Einladung-Gutschein-Filmstreifen_1.jpg

@jancborchardt
Copy link
Member

The thumbnail for videos should have a play button overlayed: https://github.com/owncloud/core/blob/master/core/img/actions/view-play.png (SVG in the same folder), that’s the common way to distinguish videos from images. Film strips are an outdated metaphor. ;)

@tobiasKaminsky
Copy link
Contributor

Ok. I will add this.
Is really better than film strips.
Any suggestion about the size? Half of the size, centered?

@jancborchardt
Copy link
Member

Yeah, half the size and centered sounds good.

@jancborchardt
Copy link
Member

Maybe third the size – experiment and see what looks good.

@tobiasKaminsky
Copy link
Contributor

video_overlay_big
video_overlay_listview

@jancborchardt What do you think?
I need a bigger/better version of the play button.

@jancborchardt
Copy link
Member

Nice, looking great! It’s also good that in the thumbnail view the title is still below the video. Maybe it makes sense to omit the file extension though? Just a thought :)

The better version of the play button is the scalable SVG: https://github.com/owncloud/core/blob/master/core/img/actions/view-play.svg as mentioned in the same folder as the PNG. Does that work? :)

@jancborchardt
Copy link
Member

Ah just a detail: The play button is visually not in the center because it has more weight to the left. It needs to be moved to the right a bit.

Instead of aligning the image file itself in the center, imagine a circle around the play button touching all the corners, and align that. See https://medium.com/@erqiudao/the-play-button-is-not-optical-alignment-4cea11bda175

@tobiasKaminsky
Copy link
Contributor

SVG does not work. But I can save it as a better scaled png and use this.
About the centering: I have to figure out how to do this.
But maybe I can trick a little bit and move the play button on the png canvas a bit to the right ;)

@jancborchardt
Copy link
Member

Yup, both sounds good. ;)

@tobiasKaminsky
Copy link
Contributor

@jancborchardt
I have computed it now exactly as I hope:
I have used the three points of the triangle of the play button to compute the middle point of the circle.
From this I have computed an offset to set the overlay.

Please see if this version is better than the last one. (For me it is not...)
You can compare it to #897 (comment) as there is one video that is on both screenshots.

video_overlay

@tobiasKaminsky
Copy link
Contributor

Ok it was still a bit wrong.
Please see now:
video_overlay final

@tobiasKaminsky
Copy link
Contributor

ups :/

@tobiasKaminsky tobiasKaminsky reopened this Aug 2, 2015
@jancborchardt
Copy link
Member

Last screenshot looks great! :) 👍 from me.

@tobiasKaminsky
Copy link
Contributor

Then it is ready to test? @davivel

@davivel
Copy link
Contributor

davivel commented Aug 10, 2015

PR commented.

@davivel
Copy link
Contributor

davivel commented Mar 10, 2017

From #1181: Video thumbnails should not show file name below.

@jesmrec
Copy link
Collaborator

jesmrec commented Mar 31, 2022

Every file type is checked. If server provides video thumbnails, client will show. Solved.

@jesmrec jesmrec closed this as completed Mar 31, 2022
@jesmrec jesmrec added File list and removed Media labels Mar 27, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

6 participants