Giter VIP home page Giter VIP logo

Comments (5)

fruiz500 avatar fruiz500 commented on September 10, 2024

from videoskip.

cordellstoyer avatar cordellstoyer commented on September 10, 2024

X, Y, and scale would be perfect, that's what Premiere uses. Blur might also be useful for certain things, like maybe a small picture on the wall or something.

from videoskip.

cordellstoyer avatar cordellstoyer commented on September 10, 2024

Follow up on that, is it possible to animate the zoom and pan? Like you specify Time A with x,y and Time B with another set of x,y values and it would animate from point A to B? I might be getting ahead of myself sorry lol, I'm just excited to try it out.

from videoskip.

fruiz500 avatar fruiz500 commented on September 10, 2024

I've looked into it, and it's harder than anticipated. Sure, it is relatively easy to do a zoom on the video, but since the goal is to stop showing the part of the zoomed image that falls outside the original viewport, this requires a framing element with special overflow settings. Here's an article explaining how to do it: https://code-boxx.com/image-zoom-css-javascript/

The problem is that, at least in the extension version of VideoSkip, introducing this special element as a parent to the video is rather awkward and may break things on the page. Since the extension is the version that most people would use, it doesn't seem proper to introduce a capability that only the standalone version would be able to perform, with the extension falling back to simple screen blanking in the VideoSkip extension.

Please comment.

from videoskip.

fruiz500 avatar fruiz500 commented on September 10, 2024

from videoskip.

Related Issues (7)

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.