Comments (8)
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].
- With Canvas you have absolute control what the user will see but FPS is too low and it doesn't look smooth.
- 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.
When can you release this preview function?
from videoeditor.
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.
Today, I found out good idea and implemented.
My criteria is below:
- load videos according to segment data of timeline. (of course in and out fields can't be used when load video)
- 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. - If current frame are matched with a certain video, it will draw that video to canvas(preview).
from videoeditor.
Yeah, I used canvas to draw video.
But as you can guess, the synchronization is critical problem.
from videoeditor.
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.
@kudlav have you had any success in preview? I need this product absolutely.
from videoeditor.
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)
- Show percentage progress when rendering HOT 1
- Use custom modal for image length input
- Upload file from link HOT 2
- Ability to remove project according to GDPR
- Use Web sockets for getting data
- Improve React/JS eslint rules, use CI HOT 1
- Timeline is completely broken due v5 changes HOT 1
- Show sprites on timeline HOT 5
- Translate API response strings into English, allow to use Czech via param
- some issue on first installation HOT 5
- Issue on click video HOT 1
- Have problems when build your project
- Anyone have Docker container for this project ??
- Multiple RW access of same project cause collision HOT 1
- musecut:filter is parameter, not filter attribute HOT 1
- Add React props declaration according ESLint rule
- Logs without console.log, make messages clear
- Firefox freezes when finishing file upload
- Zoom to all objects only when adding new item HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from videoeditor.