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

Video #82

Open
Jlomaka opened this issue Mar 21, 2018 · 8 comments
Open

Video #82

Jlomaka opened this issue Mar 21, 2018 · 8 comments

Comments

@Jlomaka
Copy link

Jlomaka commented Mar 21, 2018

Is it possible to work with video? It would be nice

@zhanziyang
Copy link
Owner

Maybe. I will see what can be done. Interesting idea 👍

@zhanziyang
Copy link
Owner

In the newly released version 1.3.1, I did some experiment with "video input" featrue. Now if you set :video-enabled=true, you can choose a video file. If the video is supported by the browser, the first frame will be drawn on the canvas. You can play/pause the video by dbclick croppa. This feature is not fully developed yet, but you can still play around with it. For example, if you want to capture the edited video, these articles may help:
https://developers.google.com/web/updates/2016/10/capture-stream
https://developers.google.com/web/updates/2016/01/mediarecorder

@Jlomaka
Copy link
Author

Jlomaka commented Apr 10, 2018

Very cool) many thanks, I will enjoy with pleasure !

@Jlomaka
Copy link
Author

Jlomaka commented May 7, 2018

There is one small bug here, I'm downloading the video all right, I can play, flip and everything else, but only I press Cropp it turns it into a picture, it's possible to get some video, maybe there are extra parameters?

@zhanziyang
Copy link
Owner

"press" means click?

@Jlomaka
Copy link
Author

Jlomaka commented May 8, 2018

When I execute this.myCroppa.generateDataUrl () I get png back, so I realized that I need another option to use, I need to use something else?

@zhanziyang
Copy link
Owner

Yes, generateDataUrl won't give you a video. You need to use the technique introduced in these links:
https://developers.google.com/web/updates/2016/10/capture-stream
https://developers.google.com/web/updates/2016/01/mediarecorder

@teilzeitgeist
Copy link

Hey!

I tried to use the option :video-enabled=true and I get a video object. Cool.

My problem is croppa do not get the first frame and draw it on the canvas. So right now I only see a transparent image and unfortunately there is no error.

Here a simple CodePen to reproduce the problem:
https://codepen.io/psyphant/pen/vYOQrZO

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

3 participants