Руководство по носителям для захвата

На этапе захвата мультимедиа подготавливается браузер и камера перед тем, как пользователь захватит исходный медиафайл. В зависимости от конфигурации сайта страница может содержать неподвижное изображение, короткий анимированный GIF-файл или и то, и другое. Когда включены оба режима захвата, «Захват изображения» и «Захват GIF» отображаются рядом, поэтому пользователь может выбрать, должен ли мем начинаться с одного момента или с нескольких секунд движения.

Захват Изображения лучше всего подходит для чистого однокадрового мема. Снимать GIF лучше всего, когда реакция, выражение лица или момент съемки являются частью шутки. Оба варианта используют один и тот же предварительный просмотр камеры, одинаковые проверки требований и один и тот же редактор Обработать Медиа после захвата. На телефонах и планшетах кнопка переключения камеры может переключаться между передней и задней камерой, если браузер и устройство поддерживают это.

Проверка требований

Панель проверки требований запускается автоматически при открытии страницы Захват Медиа. Он нужен для того, чтобы браузер мог безопасно читать поток камеры, рисовать кадры в приложении и готовить их для редактора. Если одна из проверок не пройдена, кнопки захвата остаются отключенными, чтобы пользователь не получил пустой или сломанный мем.

1. Браузер + проверка холста

Эта проверка подтверждает, что браузер поддерживает веб-функции, необходимые для создания захваченного изображения. Приложению необходим современный браузер с включенным JavaScript, поддержкой HTML-видео, поддержкой рисования Canvas и возможностью экспорта содержимого Canvas в виде данных изображения.

A Проходящий браузер может взять кадр из предварительного просмотра камеры, нарисовать этот кадр на холсте и превратить холст в изображение, которое можно отправить на шаг Обработать Медиа. Без этого приложение может отображать предварительный просмотр камеры, но не сможет создать редактируемое изображение мема.

Обычные причины сбоя включают использование устаревшего браузера, открытие страницы в браузере с ограниченным доступом в приложении, отключение JavaScript, использование расширений конфиденциальности, блокирующих API мультимедиа, или запуск страницы в режиме браузера, ограничивающем доступ к холсту. Проблемная версия Safari, Chrome, Firefox или Edge обычно решает эту проблему.

2. Проверка разрешения камеры

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

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

Распространенные причины сбоя включают нажатие кнопки «Блокировать по ошибке», отключение разрешений камеры в настройках браузера, отключение доступа к камере в настройках конфиденциальности macOS/iOS/Android, другое приложение, уже использующее камеру, использование вкладки браузера внутри социального приложения, которое не обеспечивает должным образом доступ к камере, или посещение страницы по простому HTTP по нелокальному адресу.

3. Прямая трансляция готова

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

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

К распространенным причинам сбоя относятся медленный запуск камеры, отключенная или закрытая камера, другое приложение, удерживающее камеру, браузер, приостанавливающий фоновые вкладки, низкое энергопотребление мобильных устройств, отказ в автовоспроизведении/поведении мультимедиа или временные сбои в работе устройства. Обычно проблема решается обновлением страницы, закрытием других приложений камеры, выбором другого браузера или повторным подключением камеры.

Режимы захвата

На странице показаны только те параметры захвата, которые включены в конфигурации сайта. Если захват неподвижных изображений включен, пользователи видят «Захват изображения». Если захват GIF включен, пользователи видят «Захват GIF». Если обе кнопки включены, кнопки отображаются вместе на панели камеры; если один из них отключен, оставшийся вариант на странице остается простым и полноширинным.

Захватить изображение

Захват Изображения запускает обратный отсчет, захватывает текущий кадр камеры, сохраняет его как исходное изображение и включает Обработать Медиа. Это самый быстрый путь, который обычно дает самый четкий результат, поскольку редактору нужно работать только с одним кадром.

Захват GIF

Захват GIF запускает тот же обратный отсчет, а затем записывает короткий анимированный клип из потока прямой трансляции с камеры. Продолжительность записи настраивается на сайте, но она ограничена 5 секундами, поэтому браузер, редактор и этап сохранения остаются отзывчивыми как на телефонах, так и на настольных компьютерах.

После захвата GIF-файла в предварительном просмотре отображается исходный анимированный медиафайл, а Обработать Медиа отправляет эту анимацию в тот же редактор, который используется для неподвижных изображений. Если конечным источником является GIF, редактор отображает настройки анимации для обрезки, скорости и направления воспроизведения, прежде чем на этапе сохранения готовый мем будет оставаться анимированным.

Во время захвата статус выполнения отображается над панелями предварительного просмотра в реальном времени и захваченными медиафайлами. Сначала он показывает обратный отсчет, затем переключается в состояние записи для захвата GIF и, наконец, становится зеленым, когда захваченный носитель готов к обработке.

Панель инструментов и кнопки действий