Giter Club home page Giter Club logo

Comments (6)

cal2195 avatar cal2195 commented on July 28, 2024 1

I like this idea a lot - although do we need to limit it to a max? No max, or at least a very large max will allow for greater use cases we haven't thought of! 😄

I prefer the second idea - makes more intuitive sense! 👍

from video-hub-app.

whyboris avatar whyboris commented on July 28, 2024 1

Work in progress: branch thumbnail-number-selection is half-ready.
Visually done, just needs underlying code updates to propagate the numbers back to node 👌

from video-hub-app.

whyboris avatar whyboris commented on July 28, 2024

Seems like the jpg quality is relatively easy to set with ffmpeg (e.g. -qscale:v 2), right? 😁

from video-hub-app.

whyboris avatar whyboris commented on July 28, 2024

I've been struggling while thinking of a clean UI for the selection for number of thumbnails to extract.

Currently:
A single dropdown with set options in two categories:

  • fixed number of screenshots per video (e.g. 10 per video)
  • fixed number of screenshots per some duration of video (e.g. 1 per 5 minute)

Desired:
Give the ability for the user to choose the number per video or number per some duration. Easy conceptually, but how do we represent this choice visually?

I'm thinking <input type="number"> with some min and max already set (example).

Maybe something like this:

 ____
|  n |   ( ) screenshots per video
|____|   (*) screenshots every hour

a large size input on the left with two radio buttons on the right.

I just wish users wouldn't have to do math in their head and choose N from 1 screenshot every N minutes.

Maybe a radio box with two independent inputs?

( ) [ n +/- ] screenshots per video
(*) 1 screenshot every [ n +/- ] minutes

Might be easier ... just unfortunate that the number input will then be either small, or will disrupt the flow of text a bit. I'll play with the css to make it as nice as possible.

@cal2195 - thoughts?

from video-hub-app.

whyboris avatar whyboris commented on July 28, 2024

Will look like this 👌

image

from video-hub-app.

whyboris avatar whyboris commented on July 28, 2024

Currently can't do more frequently than 1 screenshot every 1 minute (limitation of the HTML selection box - can be changed sometime later maybe, not in a rush though).
Also the maximum will likely be changed in the future -- current PR sets it to 30 per video (arbitrarily).

I'll test things out sometime with a large number just to see how the app behaves. I wouldn't want to allow a setting that grinds the app to a halt 😅

from video-hub-app.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.