Git Product home page Git Product logo

Comments (8)

kudlav avatar kudlav commented on August 15, 2024 1

This month was already working on client side preview. There are two ways how to achieve it - using HTML5 Video API [1] or using Canvas [2].

  1. With Canvas you have absolute control what the user will see but FPS is too low and it doesn't look smooth.
  2. With HTML5 element and Javascript API the video is playing fine but it is hard to synchronize video with actual time (maybe impossible). You can look at and try dev branch. Work fine with Safari browser but is bad with Vivaldi (when play button is pressed, video doesn't play immediatelly and video lagging a lot when playing - it is issue of Vivaldi but it affects preview a lot). Hope there will be event listeners for those loading and buffering events but if not, I will have to try Canvas version.

[1] - http://html5videoguide.net/DefinitiveGuide/chapter4.html
[2] - http://html5videoguide.net/DefinitiveGuide/chapter6.html

from videoeditor.

tomasrinta116 avatar tomasrinta116 commented on August 15, 2024

When can you release this preview function?

from videoeditor.

kudlav avatar kudlav commented on August 15, 2024

Hi, I don't have much time at the moment, so probably on February I would be able to continue with this project.

from videoeditor.

pegasus1982 avatar pegasus1982 commented on August 15, 2024

Today, I found out good idea and implemented.
My criteria is below:

  1. load videos according to segment data of timeline. (of course in and out fields can't be used when load video)
  2. when frame changed, it will change the seek of every videos with some finetune of relative frame index.
    Here every video have start/end frame, in/out frame.
  3. If current frame are matched with a certain video, it will draw that video to canvas(preview).

from videoeditor.

pegasus1982 avatar pegasus1982 commented on August 15, 2024

Yeah, I used canvas to draw video.
But as you can guess, the synchronization is critical problem.

from videoeditor.

fortunto2 avatar fortunto2 commented on August 15, 2024

Cool project @kudlav, but are there any successes in preview?
Maybe preliminary transcoding will make it possible to make video proxies small and in the required format?
Are there fewer synchronization problems if you do single-line editing?

from videoeditor.

jeffaucette avatar jeffaucette commented on August 15, 2024

@kudlav have you had any success in preview? I need this product absolutely.

from videoeditor.

kudlav avatar kudlav commented on August 15, 2024

I've tried something in dev branch, but I don't have time for this project now. And I am unable to promise anything. But it's definitelly the most important thing, preview, translations, and probably migration to websockets.

from videoeditor.

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.