CapCut увеличивает органический трафик на 83% за счет создания полнофункционального веб-приложения с использованием WebAssembly и WebCodecs.

CapCut входит в десятку самых загружаемых приложений на Android в 2023 году и является одним из самых популярных приложений для редактирования видео, доступных для мобильных устройств. Это также совершенно бесплатно. Универсальный инструмент для редактирования видео предлагает множество эффектов и функций редактирования, таких как преобразование речи в текст и масштабирование изображений, а также полностью укомплектованную медиатеку, которая помогает пользователям быстро и плавно создавать высококачественные видео и графику. Когда пользователи CapCut завершают создание своего контента, они могут одним щелчком мыши опубликовать его на выбранной ими социальной сети, включая TikTok, YouTube, Instagram и Facebook.

CapCut стремится предоставить своим пользователям отличный опыт, позволяя им создавать контент на своих условиях. Недавно команда CapCut вложила средства в разработку передового веб-приложения для пользователей настольных компьютеров, которое повышает удобство работы с пользователем. CapCut Online имеет удобный интерфейс, который предлагает практические функции как для частных, так и для бизнес-пользователей, упрощая создание контента и совместную работу между командами. Это обновление позволяет пользователям получать доступ к мощному программному обеспечению для редактирования видео непосредственно из предпочитаемого ими браузера, обеспечивая более удобный и гибкий процесс редактирования.

Веб-приложения снижают входной барьер

CapCut запустила веб-приложение, чтобы предоставить своим пользователям больше способов доступа к своей платформе редактирования видео, дополнив существующие мобильные приложения для Android и iOS. Предоставление большего количества точек входа позволяет пользователям выбирать платформу, которая лучше всего подходит для них, будь то загрузка мобильного приложения из Google Play Store, установка его как веб-приложения через любимый браузер или использование его непосредственно на вкладке браузера. Команда посчитала, что наличие настольного приложения, которое также работает в браузере, потенциально может повысить удержание пользователей и повысить общую удовлетворенность их пользователей.

Благодаря набору технологий, доступных разработчикам, CapCut было легко перевести и перенести свое мобильное приложение, ориентированное на конкретную платформу, в столь же мощную веб-версию. Технологии веб-платформ, такие как WebAssembly, за последние несколько лет приобрели значительную популярность среди разработчиков, что позволяет им создавать мощные веб-приложения быстрее, чем раньше. А поскольку большая часть механизма редактирования CapCut написана на C++, его разработчики могут использовать Emscripten для переноса приложения в настольную веб-версию.

Цитата Джеймса Уильямса из CapCut: «Мы использовали WebAssembly и WebCodecs для эффективного переноса многих важных функций из собственной кодовой базы в Интернет без ущерба для производительности и функциональности.

Веб-сборка

С помощью WebAssembly разработчики CapCut успешно перенесли в новое веб-приложение более миллиона видео и графических шаблонов. Мощная поддержка Emscripten компиляции кода C и C++ в WebAssembly позволила CapCut эффективно обмениваться кодом между платформозависимыми и веб-приложениями, помогая им портировать некоторые из наиболее важных функций CapCut на новую платформу, включая настраиваемые видеоэффекты и редактирование видео.

CapCut имеет множество специальных эффектов, которые запускают алгоритмы в браузере, что может затруднить рендеринг видео во время обработки в реальном времени. Благодаря функции параллельной обработки WebAssemly, известной как «Одна инструкция, множественные данные» ( 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: В веб-приложение CapCut перенесено более миллиона шаблонов. Производительность обработки до 300 % выше. Увеличение поддерживаемых видеоформатов на 40%.

Использование всей мощности веб-приложения

Команда CapCut начала портировать приложение для конкретной платформы в Интернет в начале 2022 года. В августе того же года CapCut официально запустила свою первую веб-версию приложения для настольных компьютеров. Используя технологии прогрессивных веб-приложений (PWA), CapCut обеспечил установку через браузер . После запуска нового веб-приложения с использованием этих технологий команда CapCut отметила улучшение SEO-трафика на 83% .

Установка приложения CapCut.

Вывод CapCut в Интернет также позволил разработчикам максимально эффективно использовать возможности своих пользователей, объединив мощные функции Google с приложением. В течение одного месяца после запуска многие пользователи смогли войти в систему с помощью функции входа в Google One Tap , что упростило процесс входа, позволив им использовать существующие учетные данные Google вместо того, чтобы вводить свою информацию вручную.

Расширяем возможности с помощью Интернета

Доступность CapCut в Интернете открыла новые возможности для миллионов пользователей, предоставив им больше способов доступа к программному обеспечению. Благодаря WebAssembly, WebCodecs и другим современным веб-технологиям, доступным для создания продвинутых веб-приложений, разработчики CapCut успешно реализовали индивидуальный порт, который поддерживал полную мощность и производительность приложения.

Узнать больше

Узнайте, как разместить свои приложения в Интернете с помощью WebAssembly и WebCodecs .

Видеоредактор CapCut.