Please log in to watch this conference skillscast.

At Threads, they needed to add video editing to their mobile web app, including advanced overlays and filters. They thought there would be an open source project they could use as a foundation, but it turned out that every project they tried was either far too slow or had a fraction of the feature set they needed.

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)
• Masterclass: Reducing Technical Debt with Michael C. Feathers (in London on 28th - 29th October 2019)
• Damjan Vujnovic's Advanced JavaScript Workshop (in London on 4th - 6th November 2019)
• FullStack NYC 2020 - The Conference on JavaScript, Node & Internet of Things (in New York on 14th - 15th May 2020)
• FullStack London 2020 - The Conference on JavaScript, Node & Internet of Things (in London on 24th - 26th June 2020)
• Keynote by Konrad Kokosa: What’s New in .NET Core 3.0 and .NET 5.0 for Performance and Memory-Aware Folks? (in London on 29th October 2019)
• Free Code Camp - October (in London on 29th October 2019)
• Parsley: A Staged Selective Parser Combinator Library (SkillsCast recorded in October 2019)
• JavaScript for Idris Developers (SkillsCast recorded in October 2019)