CapCut , одно из 10 самых скачиваемых приложений для Android в 2023 году, является одним из самых популярных приложений для редактирования видео, доступных для мобильных устройств. Оно также полностью бесплатно. Универсальный инструмент для редактирования видео предлагает множество эффектов и функций редактирования, таких как преобразование речи в текст и масштабирование изображений, а также полностью укомплектованную медиатеку, чтобы помочь пользователям быстро и плавно создавать высококачественные видео и графику. Когда пользователи CapCut завершают создание своего контента, они могут опубликовать его в своей любимой социальной сети всего одним щелчком мыши, включая TikTok, YouTube, Instagram и Facebook.
CapCut фокусируется на предоставлении своим пользователям отличного опыта, позволяя им создавать контент на своих условиях. Недавно команда CapCut инвестировала в разработку передового веб-приложения для своих пользователей настольных компьютеров, которое улучшает пользовательский опыт. CapCut online имеет удобный интерфейс, который предлагает практические функции как для индивидуальных, так и для бизнес-пользователей, упрощая создание контента и совместную работу в разных командах. Это обновление позволяет пользователям получать доступ к мощному программному обеспечению для редактирования видео непосредственно из своего предпочитаемого браузера, обеспечивая более удобный и гибкий опыт редактирования.
Веб-приложения снижают порог входа
CapCut запустил веб-приложение, чтобы предоставить пользователям больше способов доступа к своей платформе для редактирования видео, дополнив их существующие мобильные приложения для Android и iOS. Предоставление большего количества точек входа позволяет пользователям выбирать наиболее подходящую для них платформу, будь то загрузка мобильного приложения из Google Play Store, установка его как веб-приложения через любимый браузер или использование его непосредственно во вкладке браузера. Команда посчитала, что наличие настольного приложения, которое также работает в браузере, может потенциально повысить удержание и общую удовлетворенность пользователей.
Благодаря набору технологий, доступных разработчикам, CapCut было легко перевести и перенести свое платформенно-специфическое мобильное приложение в столь же мощную веб-версию. Технологии веб-платформ, такие как WebAssembly, приобрели значительную популярность среди разработчиков за последние несколько лет, позволяя им создавать мощные веб-приложения быстрее, чем раньше. И поскольку большая часть редакторского движка CapCut написана на C++, его разработчики могли использовать Emscripten для переноса приложения в настольную веб-версию.
Веб-сборка
С помощью WebAssembly разработчики CapCut успешно перенесли более миллиона видео- и графических шаблонов в новое веб-приложение. Мощная поддержка Emscripten для компиляции кода C и C++ в WebAssembly позволила CapCut эффективно обмениваться кодом между платформенно-зависимыми и веб-приложениями, помогая им переносить некоторые из важнейших функций CapCut на новую платформу, включая настраиваемые видеоэффекты и редактирование видео.
CapCut имеет множество специальных эффектов, которые запускают алгоритмы в браузере, что может стать узким местом при рендеринге видео во время обработки в реальном времени. Благодаря функции параллельной обработки WebAssemly, известной как Single Instruction, Multiple Data ( SIMD ), разработчики CapCut улучшили производительность обработки приложения почти на 300% по сравнению с решениями без SIMD, лучше предотвращая возникновение узких мест.
Обработка исключений (EH) — одна из основных возможностей C++, но поддержка EH в Emscripten была неполной. Emscripten предоставляет набор механизмов EH на основе JavaScript , но они могут негативно повлиять на производительность выполнения приложения и увеличить размер его пакета. Стандарт EH WebAssembly обходит эту проблему. Переход на WebAssembly для EH уменьшил размер пакета веб-приложения CapCut на 15%, при этом сделав код более производительным.
Веб-кодеки
Для редактирования видео CapCut должен декодировать видео, которые пользователи вводят в изображения, а затем отображать их на холсте редактирования под предварительным просмотром видео. Даже с оптимизированным для SIMD декодером декодирование изображения 4K на холст редактирования на высокопроизводительном компьютере занимает десятки миллисекунд, а это означает, что декодирование нескольких дорожек видео одновременно требует большой мощности.
Используя WebCodecs , CapCut интегрировал аппаратно-ускоренное кодирование и декодирование, улучшив скорость обработки аудио и видео почти на 300%. Благодаря значительно улучшенной производительности CapCut теперь поддерживает несколько одновременных потоков 4K. Кроме того, WebCodecs позволили поддерживать больше видеоформатов, таких как H264, HEVC, VP8, VP9 и AV1.
Использование всей мощи веб-приложения
Команда CapCut начала портировать платформенно-специфическое приложение в веб в начале 2022 года. В августе того же года CapCut официально запустила свою первую веб-версию приложения для настольных компьютеров. Используя технологии прогрессивных веб-приложений (PWA), CapCut обеспечила установку через браузер . После запуска своего нового веб-приложения с использованием этих технологий команда CapCut увидела 83%-ное улучшение SEO-трафика .
Привнесение CapCut в веб также позволило разработчикам максимально использовать пользовательский опыт, объединив мощные функции Google с приложением. В течение месяца после запуска многие пользователи смогли войти в систему с помощью функции входа Google One Tap , что упростило процесс входа, позволив им использовать существующие учетные данные Google вместо ручного ввода информации.
Расширение возможностей с помощью Интернета
Предоставление CapCut в сети создало новые возможности для миллионов пользователей, предоставив им больше способов доступа к программному обеспечению. Благодаря WebAssembly, WebCodecs и другим современным веб-технологиям, доступным для создания продвинутых веб-приложений, разработчики CapCut успешно реализовали порт «один к одному», который сохранил полную мощность и производительность приложения.
Узнать больше
Узнайте, как разместить свои приложения в Интернете с помощью WebAssembly и WebCodecs .
