Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Open-Source Video Editor Web App

news.ycombinator.com

Post reply on HN
Print view View original

21–30 of 111 posts

Re: Show HN: Open-Source Video Editor Web App

#21

Post by zenkyu »

thatandyrose wrote: post #18

Hey this is awesome! I'd love to hear more about some big issues you had, and how you solved them. For example, you mentioned using the webcodecs API for quick rendering. What do you mean by that? What was the slower alternative? Also when did you choose ffmpeg Vs webcodecs API and what were the differences? A lot questions, sorry just really impressed!

So basically webcodecs API is the best thing to happen in video processing, decoding and encoding are the most demanding parts of rendering, honestly there werent any good alternatives at all and If it wasnt for webcodecs api I wouldnt even bother trying to do it fully clientside, it would be slow and all, here is a bit about the alternatives: https://github.com/w3c/webcodecs/blob/main/explainer.md none of those alternatvies were specifically just for decoding and encoding, usually you had to work around it and get average results at best which I really wasnt satisfied with. When it comes to ffmpeg vs webcodecs API, honestly ffmpeg is slow as decoder and encoder I really dont recommend using it when theres webcodecs api, obviously depends what you are trying to do, but my god I dont remember exacly how fast it was but ive got like 10 fps when decoding or something like that, you would be better off just playing the video and drawing it in real time

Re: Show HN: Open-Source Video Editor Web App

#23

Post by pvg »

johnwheeler wrote: post #14

That’s funny - I created one as well, but it took me a bit longer. It’s not as full featured as yours in the non linear editing sense, but it’s for a different use case I’m trying to launch it on Show HN right now but not having your success :-( It was hard as shit to build. mine is commercial You can see my editor in action here: https://www.demo.fun/d/lSVixyJOZeZ1ugT It’s specialized for its use case—editing produc…

but not having your success

A couple of ideas to consider:

Include a blurb in your submission like you did here:

https://news.ycombinator.com/item?id=40234611

But maybe take the salesy-ness down a little and add a bit of technical or other interesting detail.

Think of a way to make it easier for HN readers to try - right now, there's no way to try the full thing without a credit card which is a massive barrier for most casual evaluators. Watermark but more of the full feature set could be an option, for example.

Re: Show HN: Open-Source Video Editor Web App

#25

Post by zenkyu »

chompychop wrote: post #22

Awesome work! Could you tell us a little about how you went about building this? What resources would you recommend for learning to build something like this?

honestly when starting this project I knew that the rendering is most expensive, thats what I started digging into first and I found webcodecs API, it was like dream come true for my project, but that was just a start of my painful journey :D theres little tutorials how to use it, fortunately most of the issues I faced I could find solution on just github issues. Webcodecs is just decoding and encoding, but part of rendering is also muxing and demuxing, I recommend using ffmpeg wasm for that, or build your own webassembly version which should be leaner if you really need that. Generally the rendering process consists of a canvas that you need to draw things on in right order and place and time. First you demux your video file and decode its frames using webcodecs decoder, decoder is doing its work inside worker, you push those frames as they are decoded to some array and in the same time you draw those frames and other stuff on canvas and dispose/close the frames that are already drawn and are not needed, at the end of each canvas draw you send that canvas to another worker with encoder, encoder is doing its work encoding frames, and you push those encoded frames to some binary array, at the end of the work you just mux those frames and save the file :) I dont know if it makes sense, might not because i know those stuff may sound confusing .. but If you take it bit by bit i assure you will make it

I did watched this video to get some broad idea how all that works, https://portal.gitnation.org/contents/pushing-the-limits-of-...

Re: Show HN: Open-Source Video Editor Web App

#26

Post by zenkyu »

chreniuc wrote: post #24

I've noticed that having a screen recording or tab recording feature is very useful. I wanted to do a demo of my web app and looked for a while for a tool to be simple, I ended up using clipchamp.com.

I will definitely add that, I have a lot of cool things too add so stay tuned :D Psst, i havent mention that anywhere, but I want to add 3d animations, so your video will look like its in 3d, that will make those marketing kind of videos about websites or someting else that look flat look super cool, like some sliding animation from bottom to top, some zoom in and out, close ups from different points of views etc ..

Re: Show HN: Open-Source Video Editor Web App

#29

Post by padenot »

zenkyu wrote: post #12
koito17 wrote: post #10

Earlier quoted context omitted.

Firefox supports the WebCodecs API behind a feature flag. Set dom.media.webcodecs.enabled to true. I am able to use your app this way -- the media import, timeline, and player functionality seems to work fine.

good to know, hopefully they will add it soon to work without flags

We're aiming to release this half, so in a month or so, on all desktop platforms, mobile will follow shortly after.

Then we'll gradually optimize (e.g. enable the use of more hardware encoders, decoding being generally in hardware at launch of supported) release after release, but generally almost everything will be supported at launch.

Re: Show HN: Open-Source Video Editor Web App

#30

Post by zenkyu »

padenot wrote: post #29
zenkyu wrote: post #12

Earlier quoted context omitted.

good to know, hopefully they will add it soon to work without flags

We're aiming to release this half, so in a month or so, on all desktop platforms, mobile will follow shortly after. Then we'll gradually optimize (e.g. enable the use of more hardware encoders, decoding being generally in hardware at launch of supported) release after release, but generally almost everything will be supported at launch.

Great! thanks for letting me know, users will finally no longer be faced with sad info that its not supported :D
Post reply on HN