Создание видеофайлов для использования в среде Animate

В Adobe Animate доступна возможность включения цифрового видеоклипа в веб-презентации. Видеоформаты FLV и F4V (H.264) обеспечивают технологические и творческие преимущества, позволяющие объединять видео с данными, графикой, звуком и интерактивным управлением. Видео FLV и F4V может быть без труда размещено на веб-странице в общедоступном формате.

Выбор развертывания видео определяет метод создания видеосодержимого и его интеграции с Animate. Содержимое может быть встроено в приложение Animate следующими способами.

Видеосодержимое можно размещать на сервере Adobe® Media Server, оптимизированном для поставки мультимедийного содержимого в режиме реального времени. Adobe Media Server использует протокол RTMP (Real-Time Messaging Protocol), разработанный для приложений сервера, работающих в режиме реального времени, например передающих потоковое видео- и аудиосодержимое. Сервер Adobe Media Server можно разместить на своем компьютере, либо можно воспользоваться службой Flash® Video® Streaming Service (FVSS). Корпорация Adobe имеет партнерские отношения со многими поставщиками доставки содержимого (CDN) и предоставляет услуги по размещению FLV- или F4V-файлов в высокоскоростных надежных сетях. Служба FVSS, встроенная в сервер Adobe Media Server и напрямую интегрированная с инфраструктурой доставки, отслеживания и отчетности сети CDN, обеспечивает самый эффективный способ доставки FLV- или F4V-файлов широкой аудитории, не требуя установки и обслуживания собственного оборудования и сети.

Чтобы предоставить пользователям интуитивно понятный интерфейс управления воспроизведением потокового видео, используйте компонент FLVPlayback, Adobe® ActionScript®. Дополнительные сведения об использовании среды OSMF см. в документации по OSMF.

Если нет доступа к серверу Adobe Media Server или FVSS, либо если видео предназначено для небольшого по объему веб-сайта с ограниченной долей видеосодержимого, то можно рассмотреть возможность использования последовательной загрузки. Последовательная загрузка видеороликов с веб-сервера не обеспечивает такой производительности в реальном времени, которую дает сервер Adobe Media Server, однако позволяет доставлять относительно большие видеоролики и при этом свести размер публикуемых SWF-файлов к минимуму.

Язык ActionScript и компонент FLVPlayback обеспечивают управление воспроизведением видео и предоставляют интуитивно понятные элементы управления для интерактивного взаимодействия с пользователем.

Можно внедрить небольшой по размеру короткий видеоролик прямо в документ Animate, чтобы опубликовать его в составе SWF-файла. Непосредственное внедрение видеосодержимого в SWF-файл Animate значительно увеличивает размер публикуемого файла и подходит только для небольших видеофайлов (длительностью не более 10 секунд). Кроме того, синхронизация аудио с видео может быть нарушена при использовании видеороликов, внедренных в документ Animate. Еще одним недостатком внедрения видео в SWF-файл является то, что для обновления видео необходимо выполнить повторную публикацию SWF-файла.

 При попытке опубликовать FLA-файл с видеоконтентом H.264 на слое, который не является направляющим или скрытым, появляется предупреждение о том, что платформа для публикации не поддерживает внедрение видеофайлов H.264.

Можно управлять воспроизведением видео в Animate с помощью компонента FLVPlayback путем написания специального кода ActionScript для проигрывания внешнего потока видео или путем написания специального кода ActionScript для управления проигрыванием видео во временной шкале для внедренного видео.

Позволяет быстро добавить к документу Animate полнофункциональный элемент управления воспроизведением FLV, обеспечивая поддержку как последовательной, так и потоковой загрузки FLV- или F4V-файлов. Компонент FLVPlayback дает пользователю возможность легко создавать интуитивно понятные элементы управления воспроизведением и применять к интерфейсу видео стандартные или собственные обложки. Дополнительные сведения см. в описании компонента FLVPlayback.

OSMF позволяет разработчикам легко выбирать и комбинировать подключаемые компоненты для создания качественного и удобного интерфейса воспроизведения. Дополнительные сведения см. в документации по OSMF. 

Для воспроизведения внешних FLV- или F4V-файлов в документе Animate при исполнении предназначены объекты ActionScript NetConnection и NetStream. Дополнительные сведения см. с разделе «Управление воспроизведением внешнего видео с помощью ActionScript».

Для управления воспроизведением видео можно пользоваться вариантами поведения (заранее написанными сценариями ActionScript).

Чтобы управлять воспроизведением внедренного видео, необходимо написать код ActionScript для управления временной шкалой, на которой содержится это видео. Дополнительные сведения см. в разделе Управление воспроизведением видео с помощью временной шкалы.

Мастер импорта видео

Мастер импорта видео упрощает процедуру импорта видео в документ Animate: он дает подробные инструкции в процессе выбора существующего видеофайла и импорта файла для использования в одном из трех сценариев воспроизведения видеосодержимого. Мастер импорта видео позволяет выполнить базовую настройку для выбранного метода импорта и воспроизведения, которую позднее можно модифицировать в соответствии с конкретными требованиями.

В диалоговом окне «Импорт видео» предлагаются следующие варианты импорта.

Импортирует видео и создает экземпляр компонента FLVPlayback для управления воспроизведением. Когда документ Animate будет котов к публикации в виде SWF и загружен на веб-сервер, видео файл также необходимо загрузить либо на веб-сервер, либо на Adobe Media Server и указать для компонента FLVPlayback местоположение загруженного видеофайла.

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

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

Встраивает видео H.264 в документ Animate.  При импорте видеофайла с помощью этой функции его можно разместить в рабочей области и использовать во время разработки в качестве направляющей анимации. Рендеринг кадров из этого видеофайла будет выполняться в рабочей области при перемещении по нему или при воспроизведении во временной шкале. Кадры будут воспроизводиться со звуком.

 При попытке опубликовать FLA-файл с видеоконтентом H.264 на слое, который не является направляющим или скрытым, появляется предупреждение о том, что платформа для публикации не поддерживает внедрение видеофайлов H.264.

Видеоформаты и Animate

Чтобы импортировать видео во Animate, содержимое должно быть закодировано в формате FLV или H.264. Мастер импорта видео («Файл» > «Импорт» > «Импортировать видеофайл») проверяет видеофайлы, выбранные для импорта, и показывает предупреждение, если оно сохранено в формате, неподдерживаемом проигрывателем Animate. Если видео закодировано не в формате FLV или F4V, его можно конвертировать в нужный формат с помощью Adobe® Media® Encoder.

Adobe Media Encoder

Adobe® Media® Encoder — это автономное приложение для кодировки видео, используемое такими программами, как Adobe® Premiere® Pro, Adobe® Soundbooth® и Animate для преобразования мультимедийного содержимого в определенные форматы. В зависимости от программы, Adobe Media Encoder открывает соответствующее диалоговое окно «Настройки экспорта», в котором можно задать многочисленные параметры, связанные с определенными форматами экспорта, такими как Adobe Flash Video и H.264. В этом диалоговом окне для каждого формата предусмотрен ряд наборов настроек для определенных типов средств показа. Также можно сохранить пользовательские наборы настроек, которые можно предоставить другим пользователям или перезагружать по мере необходимости.

Сведения о кодировании видео в формат H.264 или F4V с использованием Adobe Media Encoder см. в руководстве Использование Adobe Media Encoder.

Видеокодеки H.264, On2 VP6 и Sorenson Spark

При кодировании видео с помощью Adobe Media Encoder можно выбрать один из трех видеокодеков для кодирования видео и использования с Animate:

Поддержка видеокодека H.264 введена в проигрыватель Flash Player начиная с версии 9.0.r115. Видеоформат F4V, который использует этот кодек, обеспечивает значительно лучшее соотношение качества и скорости передачи битов по сравнению с предыдущими видеокодеками Flash. Однако он предъявляет более высокие системные требования, чем кодеки Sorenson Spark и On2 VP6, включенные в проигрыватель Flash Player версий 7 и 8.

 Если необходима поддержка альфа-канала в видео (для совмещения), используйте кодек On2 VP6. Кодек F4V не поддерживает альфа-каналы в видео.

Видеокодек On2 VP6 рекомендуется к использованию при создании FLV-файлов для Flash Player версий 8 и более поздних. Кодек On2 VP6 обеспечивает следующие преимущества.

• Более высокое качество видео по сравнению с кодеком Sorenson Spark при одинаковой скорости потока.

• Поддержка 8-битного альфа-канала для композитного видео.

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

Видеокодек Sorenson Spark, появившийся в версии Flash Player 6, следует использовать, если нужно публиковать документы Animate и делать их обратно совместимыми с Flash Player 6 и 7. Если вы предполагаете, что большая часть вашей аудитории пользуется более старыми компьютерами, следует кодировать FLV-файлы кодеком Sorenson Spark, так как он требует меньше вычислительных мощностей для проигрывания, чем кодеки On2 VP6 и H.264.

Если содержимое Animate динамически загружает видео Flash Professional (последовательной загрузкой или с сервера Adobe Media Server), можно без повторной публикации SWF-файла, созданного с помощью Flash Player 6 или 7, применить кодек On2 VP 6 при работе с проигрывателем Flash Player 8 или более поздней версии. Потоковая загрузка или передача видео On2 VP6 в SWF-файлах Animate версий 6 или 7, а также воспроизведение содержимого на Flash Player версии 8 или более новой позволяет избавиться от необходимости повторно создавать SWF-файлы для Flash Player версии 8 или более новой.

 Публикацию и воспроизведение видео On2 VP6 поддерживает только Flash Player версий 8 и 9.

Советы по созданию видео в формате Adobe FLV и F4V

Чтобы получить максимальное качество видео FLV или F4V, придерживайтесь следующих рекомендаций.

Работа с видео в исходном формате вашего проекта вплоть до создания окончательного результата

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

Стремитесь к простоте

Избегайте сложных переходов, они плохо сжимаются и могут придать конечному сжатому видео «ворсистый» вид. Обычно лучше применять быструю смену кадров (а не растворение). Привлекательные видеопоследовательности, например демонстрация объекта, выезжающего из-за передней дорожки, «перелистывание страницы» или сворачивание изображения в шарик, улетающий из экрана, плохо сжимаются и их следует использовать осмотрительно.

Учитывайте скорость передачи данных у пользователей

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

Правильно выбирайте частоту кадров

Частота кадров измеряется в кадрах в секунду (кадры/с, fps). Если ваш ролик обладает высокой скоростью потока, то улучшить качество просмотра при соединении с ограниченной пропускной способностью можно, уменьшив частоту кадров. Например, если вы сжимаете не очень динамичный ролик, то уменьшение частоты кадров в два раза снизит скорость потока всего на 20 %. Однако если сжимается динамичное видео, то снижение частоты кадров будет иметь гораздо более значительный эффект.

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

Выбор размера рамки, подходящий для вашей скорости потока, и пропорций кадра

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

В Adobe Media Encoder доступны несколько наборов настроек видео FLV или F4V. В них включены заранее созданные размеры и частоты кадров для разных телевизионных стандартов при разных скоростях потока. Используйте приведенный ниже список стандартных размеров рамки (в пикселах) как руководство или поэкспериментируйте с различными наборами настроек кодировщика Adobe Media Encoder, чтобы определить оптимальные параметры для вашего проекта.

162 x 120

160 x 120

648 x 480

768 x 576

Использование поточной передачи для достижения наилучшей производительности

Чтобы сократить время загрузки, обеспечить широкие возможности взаимодействия и навигации, а также отслеживать качество услуги, осуществляйте поточную передачу видеофайлов Adobe FLV или F4V через сервер Adobe Media Server или используйте веб-службу одного из партнеров Adobe Flash Video Streaming Service на веб-сайте Adobe. Дополнительные сведения о различиях между последовательной загрузкой и поточной передачей видеофайлов через Adobe Media Server см. в разделе «Доставка файлов Flash Video: основные различия между последовательной загрузкой и поточной передачей видеофайлов» на веб-сайте центра разработчиков Flash.

Учитывайте время последовательной загрузки

Необходимо знать, сколько времени займет загрузка такого участка видеофайла, которого хватило бы на то, чтобы видеоролик мог воспроизвестись до конца без остановки на дозагрузку. Пока осуществляется загрузка первой части вашего видеоролика, можно отображать другое содержимое, скрывающее загрузку. Для коротких роликов используется следующая формула: пауза = время загрузки – время воспроизведения + 10 % времени воспроизведения. Например, если ваш ролик воспроизводится 30 секунд, а загружается за одну минуту, то ролику необходим 33-секундный буфер (60 секунд – 30 секунд + 3 секунды = 33 секунды).

Устранение шума и чересстрочной развертки

Для достижения наилучших результатов при кодировке следует устранить шум и чересстрочную развертку.

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

Приложение Adobe Animate предназначено для последовательного отображения анимации на мониторах компьютеров и других устройств, а не для экранов с чересстрочной разверткой, как у телевизоров. При просмотре видео с чересстрочной разверткой на мониторе с прогрессивным отображением графики в зонах ускоренного движения могут появиться перемежающиеся вертикальные линии. Таким образом Adobe Media Encoder убирает чересстрочную развертку из всех обрабатываемых видеоданных.

Те же рекомендации относятся и к звуку

Рекомендации, касающиеся работы с видео, также применимы к работе с аудио. Чтобы получить хороший результат сжатия, начинайте с «чистой» версии аудио. Если кодируется материал с компакт-диска, постарайтесь записать файл цифровым переносом данных, а не через аналоговый вход звуковой карты. Звуковая карта осуществляет лишние преобразования из цифровой формы в аналоговую и обратно, что может привести к появлению шумов. Инструменты прямого цифрового копирования существуют и на платформе Windows, и на Macintosh. Для записи звука с аналогового источника пользуйтесь самой качественной звуковой картой.

 Если исходный аудиофайл монауральный (моно), рекомендуется кодировать его в моноформат для использования с Animate. Если вы кодируете с помощью Adobe Media Encoder и используете набор настроек кодирования, проверьте, в стерео или в моно кодирует этот набор настроек. При необходимости выберите «моно».

Руководства и примеры

В следующих видеоруководствах и статьях подробно описано создание и подготовка видео для использования в Animate. В некоторых видеоматериалах показаны принципы использования CS3 или CS4, которые также относятся к CS5.

•  Статья: Использование Adobe Media Encoder (Adobe.com)