High Performance Video Editing for the Mobile Web

Please log in to watch this conference skillscast.

By combining a canvas rendering strategy on the client side, with ffmpeg on the backend, they were able to build a video editing experience in a matter of weeks that supports near pixel-perfect previews that can be edited in real time, and highly optimised mp4 output for the fully rendered videos.

In this talk, Forbes will take you through their approach, and why they arrived at the method they chose. You'll see some of the techniques that were required to scale their canvas solution, both managing the growing complexity, and keeping a lid on their memory usage.

This talk will be especially useful to anyone considering building high-performance graphics for the browser, but it will also give any developer some new ideas about how to approach technical challenges.

YOU MAY ALSO LIKE:

• Powering Code Reuse with Render Props, Hooks and Context in React (SkillsCast recorded in August 2019)
• Advanced JavaScript Workshop with Damjan Vujnovic (Online Course on 5th - 9th July 2021)
• React & Redux: Web Application Workshop with Damjan Vujnovic (Online Course on 19th - 23rd July 2021)
• Software Architecture Gathering Digital 2021 (Online Conference on 13th - 14th October 2021)
• Impactful Communication (Online Meetup on 23rd June 2021)
• JavaScript: the Grumpy Parts (Online Meetup on 24th June 2021)
• From Domain Boundaries to Purposeful Architecture (SkillsCast recorded in June 2021)
• Building a Runtime Reflection System for Rust (SkillsCast recorded in May 2021)