Чтобы импортировать видеоролик в текущий документ Animate, выберите «Файл» > «Импорт» > «Импортировать видеофайл».
- Руководство пользователя Adobe Animate
- Введение в Animate
- Анимация
- Основы анимации в Animate
- Кадры и ключевые кадры в Animate
- Покадровая анимация в Animate
- Работа с классической анимацией движения в Animate
- Инструмент «Кисть»
- Руководство по движению
- Анимация движения и язык ActionScript 3.0
- Сведения об анимации движения
- Анимация движения
- Создание анимации движения
- Использование ключевых кадров свойств
- Положения в анимации движения
- Использование Редактора движения для анимаций
- Редактирование траектории анимации движения
- Управление анимациями движения
- Настраиваемое ускорение и замедление
- Создание и применение стилей движения
- Настройка диапазонов анимации движения
- Сохранение анимации движения в файлах XML
- Анимация движения и классическая анимация
- Анимация формы
- Анимация с использованием инструмента «Кость» в Animate
- Работа с риггингом персонажей в Animate
- Слои-маски в Adobe Animate
- Работа со сценами в Animate
- Интерактивность
- Создание кнопок в Animate
- Преобразование проектов Animate в другие форматы документов
- Создание и публикация документов HTML5 Canvas в Animate
- Добавление интерактивных возможностей с помощью фрагментов кода в Animate
- Создание пользовательских компонентов HTML5
- Использование компонентов в HTML5 Canvas
- Создание пользовательских компонентов: примеры
- Фрагменты кода для пользовательских компонентов
- Рекомендации: реклама в Animate
- Разработка и публикация контента для виртуальной реальности
- Рабочая среда и рабочий процесс
- Создание и использование малярных кистей
- Использование шрифтов Google в документах HTML5 Canvas
- Использование библиотек Creative Cloud Libraries и Adobe Animate
- Использование рабочей области и панели «Инструменты» в Animate
- Рабочие процессы и рабочая среда Animate
- Использование веб-шрифтов в документах HTML5 Canvas
- Временные шкалы и ActionScript
- Работа с несколькими временными шкалами
- Задание настроек
- Использование панелей разработки Animate
- Создание слоев временной шкалы в Animate
- Экспорт анимаций для мобильных приложений и игровых платформ
- Перемещение и копирование объектов
- Шаблоны
- Поиск и замена в Animate
- Отмена/повтор действий и панель «История»
- Сочетания клавиш
- Использование временной шкалы в Animate
- Создание HTML-расширений
- Параметры оптимизации изображений и GIF-анимаций
- Настройки экспорта для изображений и GIF
- Панель «Ресурсы» в Animate
- Мультимедиа и видео
- Преобразование и объединение графических объектов в Animate
- Создание экземпляров символов и работа с ними в Animate
- Трассировка изображения
- Использование звука в Adobe Animate
- Экспорт SVG-файлов
- Создание видеофайлов для использования в Animate
- Добавление видео в Animate
- Рисование и создание объектов в Animate
- Изменение линий и фигур
- Обводки, заливки и градиенты в Animate CC
- Работа с Adobe Premiere Pro и After Effects
- Панели «Цвет» в Animate CC
- Открытие файлов Flash CS6 в Animate
- Работа с классическим текстом в Animate
- Размещение иллюстраций в Animate
- Импортированные растровые изображения в Animate
- Трехмерная графика
- Работа с символами в Animate
- Рисование линий и фигур в Adobe Animate
- Работа с библиотеками в Animate
- Экспорт звуков
- Выделение объектов в Animate CC
- Работа с AI-файлами Illustrator в Animate
- Применение режимов наложения
- Упорядочивание объектов
- Автоматизация задач с помощью меню «Команды»
- Многоязычный текст
- Использование камеры в Animate
- Графические фильтры
- Звук и ActionScript
- Настройки рисования
- Рисование инструментом «Перо»
- Платформы
- Преобразование проектов Animate в другие форматы документов
- Поддержка специализированных платформ
- Создание и публикация документов HTML5 Canvas в Animate
- Создание и публикация документа WebGL
- Упаковка приложений AIR for iOS
- Публикация приложений AIR for Android
- Публикация для Adobe AIR на настольных ПК
- Параметры публикации ActionScript
- Рекомендации: размещение ActionScript в приложении
- Использование ActionScript в Animate
- Специальные возможности в среде Animate
- Создание и использование сценариев
- Обеспечение поддержки специализированных платформ
- Общие сведения о поддержке специализированных платформ
- Работа с плагинами поддержки специализированных платформ
- Отладка сценариев ActionScript 3.0
- Обеспечение поддержки специализированных платформ
- Экспорт и публикация
- Экспорт файлов из Animate CC
- Публикация OAM
- Экспорт SVG-файлов
- Экспорт графики и видео из Animate
- Публикация документов AS3
- Экспорт анимаций для мобильных приложений и игровых платформ
- Экспорт звуков
- Рекомендации: советы по созданию контента для мобильных устройств
- Рекомендации: правила работы с видео
- Рекомендации: руководство по созданию SWF-приложений
- Рекомендации: формирование структуры FLA-файлов
- Рекомендации: оптимизация FLA-файлов для Animate
- Параметры публикации ActionScript
- Задание параметров публикации для Animate
- Экспорт файлов-проекторов
- Экспорт изображений и анимированных файлов GIF
- Шаблоны публикации HTML
- Работа с Adobe Premiere Pro и After Effects
- Быстрая публикация анимаций
- Устранение неполадок
Существует несколько способов внедрения видео в документ Animate и его воспроизведения для пользователей.
Приступая к работе
Прежде чем начать работать с видео в Animate, важно принять к сведению следующее.
Animate может воспроизводить лишь некоторые форматы видео.
К ним относятся FLV, F4V и MPEG. Инструкции по преобразованию видео в другие форматы см. в разделе Создание видеофайлов для использования в среде Animate.
Используйте приложение Adobe Media Encoder (поставляется вместе с Animate) для преобразования остальных форматов видео в F4V. Инструкции см. в разделе Создание видеофайлов для использования в среде Animate.
Добавить видео в Animate можно несколькими способами, в зависимости от конкретной ситуации. Перечень этих способов представлен ниже.
В Animate есть Мастер импорта видеоданных, который можно открыть, выбрав «Файл» > «Импорт» > «Импортировать видеофайл».
Простейший способ быстро воспроизвести видео в файле Animate — воспользоваться компонентом FLVPlayback.
Инструкции см. в разделе «Последовательная загрузка видео с помощью веб-сервера».
Способы использования видео в среде Animate
В Animate видео можно использовать разными способами.
Последовательная загрузка с веб-сервера
При этом подходе видеофайл является внешним и не включается в файл Animate и финальный SWF-файл. Так можно добиться меньшего размера SWF-файла. Это самый популярный способ использования видео в Animate.
Потоковая передача видео с использованием сервера Adobe Media Server.
При этом походе видеофайл также является внешним и не включается в файл Animate. Сервер потокового видео Adobe Media надежно защищает ваше видеосодержимое и обеспечивает плавное воспроизведение.
Встраивание видеоданных в файл Animate
При этом подходе файлы Animate получаются очень объемными. Его можно применять только к коротким роликам. Инструкции см. в разделе Встраивание видео в файл Animate.
Последовательная загрузка видео с помощью веб-сервера
Последовательная загрузка позволяет использовать компонент FLVPlayback или код ActionScript, написанный для загрузки и воспроизведения внешних FLV- или F4V-файлов в SWF-файле во время выполнения.
Поскольку видеофайл является внешним по отношению к остальному содержимому Animate, его обновление становится относительно простой задачей и не требует повторной публикации SWF-файла.
Последовательная загрузка обеспечивает следующие преимущества по сравнению с внедрением видео во временную шкалу:
Во время разработки может производиться публикация только SWF-файла для просмотра или тестирования всего содержимого Animate или его части. Это позволяет тратить меньше времени на предварительный просмотр и быстрее выполнять отладочный цикл.
Видео начинает воспроизводиться сразу же после того, как первый сегмент видео загружен и закэширован на жесткий диск локального компьютера.
Во время выполнения видеофайлы загружаются проигрывателем Flash Player с диска компьютера в SWF-файл без ограничений по размеру и продолжительности. Не существует никаких проблем синхронизации и ограничений по оперативной памяти.
Частота кадров видеофайла может отличаться от частоты кадров SWF-файла, предоставляя большую гибкость при разработке содержимого Animate.
Импорт видео для последовательной загрузки
Можно импортировать видеофайл, сохраненный на локальном компьютере, а затем отправить его на сервер, импортировав во FLA-файл. При импорте видео в Animate для последовательной загрузки вы в действительности добавляете лишь ссылку на видеофайл. С ее помощью Animate находит видеофайл на вашем компьютере или на сервере.
Кроме того, можно импортировать видеофайл, который уже отправлен на стандартный веб-сервер, сервер Adobe Media Server (AMS) или в службу Flash Video Streaming Service (FVSS).
-
-
Выберите нужный видеоролик. Можно выбрать видеоролик, сохраненный на локальном компьютере или URL-адрес видео, уже загруженного на веб-сервер или сервер Adobe Media Server.
Чтобы импортировать видео на локальный компьютер, выберите «Загрузить внешнее видео с компонентом воспроизведения».
Чтобы импортировать видео, уже развернутое на веб-сервере, сервере Adobe Media Server или в службе Flash Video Streaming Service, выберите параметр уже развернутого на веб-сервере видео, видео Flash Video Streaming Service или потоковой передачи видео с сервера Adobe Media Server и введите URL видеоролика.
URL-адрес видеоролика, размещенного на веб-сервере, использует протокол связи HTTP. URL-адрес видеоролика, размещенного на сервере Adobe Media Server или в службе Flash Streaming Service, использует протокол связи RTMP.
-
Выберите обложку для видеоролика.
Возможны следующие варианты.
- Можно не использовать обложку с компонентом FLVPlayback — в этом случае нужно выбрать Нет.
Можно выбрать одну из предустановленных обложек компонента FLVPlayback. Animate копирует обложку в ту же папку, что и FLA-файл.
Обложки компонента FLVPlayback немного отличаются в зависимости от того, основан ли создаваемый документ Animate на AS2 или AS3.
- Можно выбрать пользовательскую обложку, введя ее URL-адрес на веб-сервере.
Если выбрана пользовательская обложка из удаленного местоположения, интерактивный просмотр видео в рабочей области будет невозможен.
-
Мастер импорта видео создает в рабочей области компонент видео FLVPlayback, который можно использовать для локального тестирования воспроизведения. Когда документ Animate будет готов и можно будет приступать к развертыванию SWF-файла и видеоролика, загрузите следующие ресурсы на веб-сервер или Adobe Media Server, на котором размещено видеосодержимое.
Если вы используете локальную копию видеоролика, загрузите видеоролик на сервер (он находится в той же папке, что и выбранный вами исходный видеоролик с расширением .flv).
Animate использует для указания FLV- или F4V-файла относительный путь (относительно SWF-файла), что позволяет использовать на локальном компьютере ту же структуру каталогов, что и на сервере. Если видео было уже развернуто на сервере FMS или в службе FVSS, этот этап можно пропустить.
Обложка видео (если выбрано ее использование)
Если используется стандартная обложка, Animate копирует ее в ту же папку, в которой находится FLA-файл.
Компонент FLVPlayback
Чтобы изменить URL в компоненте FLVPlayback на адрес веб-сервера или Adobe Media Server, куда вы загружаете видео, измените параметр contentPath с помощью Инспектора компонентов («Окно» > «Инспектор компонентов»).
Потоковая передача видео с использованием сервера Adobe Media Server
Сервер Adobe Media Server в реальном времени передает потоковое содержимое во Flash Player и среду AIR. Функция определения пропускной способности сети позволяет серверу Adobe Media Server учитывать максимальную скорость доставки аудио- и видеосодержимого, доступную пользователю.
Потоковая передача видео с использованием сервера Adobe Media Server дает по сравнению с внедренным видео и последовательной загрузкой следующие преимущества.
Воспроизведение начинается быстрее, чем для внедренного видео.
При потоковой передаче данных на клиентском компьютере используется меньше памяти и места на диске, так как не требуется загрузка полного файла.
Сетевые ресурсы используются эффективнее, поскольку клиенту передается только часть просматриваемого видео.
Доставка мультимедиа более надежна, потому что при потоковой передаче данные не сохраняются в кэше клиентского компьютера.
Потоковое видео обеспечивает лучшую поддержку отслеживания, учета и ведения журналов.
Потоковая передача данных дает возможность проводить видео- и аудиопрезентации в режиме реального времени и захватывать видео с цифровой или веб-камеры.
Adobe Media Server обеспечивает многостороннюю и многопользовательскую передачу данных для приложений видеоконференций, видеочатов и обмена видеосообщениями.
Серверные сценарии для управления видео- и аудиопотоками позволяют создавать на сервере списки воспроизведения, синхронизированные потоки и интеллектуальное управление параметрами доставки, исходя из скорости соединения клиента.
Получить дополнительные сведения о сервере Adobe Media Server можно на странице по адресу http://www.adobe.com/go/flash_media_server_ru.
Дополнительные сведения о службе Flash Video Streaming Service см. на странице http://www.adobe.com/go/learn_fvss_ru.
Встраивание видеофайла в файл Animate
При встраивании видео все данные видеофайла добавляются в файл Animate. В результате создается файл Animate гораздо большего размера, а затем — SWF-файл. Видео помещается на временную шкалу, где можно просматривать отдельные кадры, представленные кадрами временной шкалы. Поскольку каждый видеокадр представлен кадром на временной шкале, частота кадров видеоролика и SWF-файла должна совпадать. Если частота кадров для SWF-файла и внедренного видеоролика не совпадает, воспроизведение видео будет несогласованным.
Примечание. Видео с переменной частотой кадров должно передаваться через последовательную загрузку или с сервера Adobe Media Server. При импорте видеофайла одним из этих методов FLV- или F4V-файл становится автономным и воспроизводится с другой частотой кадров, нежели SWF-файл.
Внедренное видео лучше всего работает с небольшими видеороликами длительностью не более 10 секунд. Для более длительных видеороликов лучше подумать над возможностью последовательной загрузки или потоковой передачи видео с сервера Adobe Media Server.
Для внедренного видео существуют следующие ограничения.
Если полученные SWF-файлы станут слишком большими, могут возникнуть проблемы. При загрузке и попытке воспроизведения большого SWF-файла с внедренным видео Flash Player резервирует значительный объем памяти, что может привести к возникновению ошибки.
В видеофайлах продолжительностью более 10 секунд часто случается рассинхронизация фрагментов видео и звука в видеоклипе. Через некоторое время рассогласование звука и изображения становится значительным, вызывая неприятные ощущения от просмотра.
Для воспроизведения видео, внедренного в SWF-файл, необходимо, чтобы был загружен весь видеофайл целиком. При внедрении слишком большого видеофайла для его загрузки и начала воспроизведения может понадобиться значительное время.
После импорта видеоролика он будет недоступен для редактирования. В таком случае видеофайл нужно будет повторно редактировать и импортировать еще раз.
Если SWF-файл публикуется через Интернет, пользователь должен загрузить видеофайл полностью, прежде чем начать воспроизведение.
Во время выполнения весь видеофайл должен находиться в памяти воспроизводящего компьютера.
Продолжительность импортированного видеофайла не должна превышать 16 000 кадров.
Частота кадров видеофайла и временной шкалы Animate должна совпадать. Установите для файла Animate частоту кадров, соответствующую частоте встраиваемого видео.
Просмотр кадров внедренного видео производится перетаскиванием точки воспроизведения на временной шкале (т. е. путем очистки). Обратите внимание, что звуковая дорожка во время очистки не воспроизводится. Просмотреть видео со звуком позволяет команда «Тестировать ролик».
Встраивание видео в файл Animate
-
Выберите «Файл» > «Импорт» > «Импортировать видеофайл», чтобы импортировать фрагмент видеоролика в текущий документ Animate.
-
Выберите один из следующих вариантов.
Загрузить внешний видеофайл с компонентом воспроизведения. Импортирует видео и создает экземпляр компонента FLVPlayback для управления воспроизведением.
Внедрить FLV-файл в SWF-файл и воспроизвести во временной шкале. Встраивает FLV-файл в документ Animate и размещает его на временной шкале.
Внедрить видео H.264 во временную шкалу. Встраивает видео H.264 в документ Animate. При импорте видеофайла с помощью этой функции он размещается в рабочей области и используется во время разработки в качестве направляющей анимации. Рендеринг кадров из этого видеофайла выполняется в рабочей области при перемещении по нему или при воспроизведении во временной шкале. Кадры воспроизводятся со звуком.
При попытке опубликовать FLA-файл с видеоконтентом H264 на слое, который не является направляющим или скрытым, появляется предупреждение о том, что платформа для публикации не поддерживает внедрение видеофайлов H.264.
-
Нажмите кнопку «Обзор», выберите на компьютере видеофайл и нажмите кнопку «Далее».
Дополнительно: если у вас на компьютере установлено приложение Adobe Media Encoder и вы хотите с его помощью преобразовать видео в другой формат, нажмите «Преобразовать видео».
-
Выберите тип символа, с которым будет внедрено видео.
Внедренное видео
Если видеоролик используется для линейного воспроизведения на временной шкале, может оказаться удобнее импортировать видео на временную шкалу.
Фрагмент ролика
Чтобы обеспечить гибкое управление содержимым, рекомендуется помещать видео в экземпляр фрагмента ролика. Временная шкала видео воспроизводится независимо от основной временной шкалы. Расширять основную временную шкалу, чтобы вместить видео, не потребуется — это лишь затруднит работу с FLA-файлом.
Графика
При внедрении видеоролика в качестве графического символа взаимодействие с видео через ActionScript буде невозможно (как правило, графические символы используются для статических изображений и создания многократно используемых фрагментов анимации).
-
Импорт видеоролика может быть выполнен в рабочую область (и на временную шкалу) или в качестве элемента библиотеки.
По умолчанию Animate помещает импортируемое видео в рабочую область. Чтобы импорт производился только в библиотеку, снимите флажок «Разместить экземпляр в рабочей области».
При создании простой презентации с линейным изложением и отсутствием интерактивности примите настройки по умолчанию, чтобы импортировать видео в рабочую область. При создании более динамичных презентаций можно работать с несколькими видеороликами, при помощи ActionScript добавлять динамические переходы и другие элементы, а также импортировать видео в библиотеку. После того как видеоролик помещен в библиотеку, его можно преобразовать в объект MovieClip, которым легче управлять с помощью ActionScript.
По умолчанию Animate расширяет временную шкалу таким образом, чтобы она вмещала продолжительность воспроизведения внедряемого видеоролика.
Если видеофайл содержит аудиодорожку, которую не нужно импортировать, снимите флажок «Включить звук».
-
Нажмите Далее. Просмотрите сообщения с подтверждениями и нажмите Готово.
Мастер импорта видео внедряет видео в SWF-файл. Видео появляется в рабочей области или в библиотеке в зависимости от настройки параметров внедрения.
-
В инспекторе свойств («Окно» > «Свойства») задайте для видеоролика имя экземпляра и при необходимости измените его свойства.
Импорт видеофайлов в библиотеку
Для импорта видеофайлов в формате FLV, F4V или H.264 используйте команды «Импорт» > «Импортировать видеофайл» или «Импортировать в библиотеку».
Чтобы создать собственный видеоплеер, который будет динамически загружать FLV- или F4V-файлы из внешнего источника, поместите видео на символ фрагмента ролика. Если FLV- или F4V-файл загружается динамически, измените размеры фрагмента ролика таким образом, чтобы они соответствовали фактическим размерам видеофайла, и настройте размер видео, масштабируя фрагмент ролика.
Рекомендуется размещать видео внутри экземпляра фрагмента ролика, это обеспечивает наибольшую гибкость при управлении содержимым. Временная шкала видео воспроизводится независимо от основной временной шкалы. Расширять основную временную шкалу, чтобы вместить видео, не потребуется — это лишь затруднит работу с FLA-файлом.
-
Чтобы выполнить импорт FLV-, SWF- или H.264-файла в библиотеку, выполните одно из следующих действий.
Выберите «Файл» > «Импорт» > «Импортировать в библиотеку».
Выберите любой существующий видеоролик на панели «Библиотека», а затем в меню панели «Библиотека» выберите пункт «Свойства». Вы также можете щелкнуть видеофайл правой кнопкой мыши и выбрать «Свойства» во всплывающем меню. Нажмите кнопку Импорт. Выберите нужный файл и нажмите кнопку Открыть.
Изменение свойств видеоролика
Можно изменять свойства экземпляра внедренного видеоролика в рабочей области, присваивать имя экземпляра и изменять ширину, высоту и положение видеоролика в рабочей области. Можно также заменить экземпляр видеоролика, то есть присвоить ему другой символ. При присваивании экземпляру другого символа в рабочей области отображается другой экземпляр, но все его свойства (размеры, точка регистрации и другие) остаются неизменными.
Диалоговое окно «Свойства видео» позволяет выполнить следующие действия.
Просматривать информацию об импортируемом видеоролике, включая его имя, путь, дату создания, размеры в пикселах, продолжительность и размер файла.
Изменять имя видеоролика.
Обновить видеоролик, если он модифицирован во внешнем редакторе.
Импортировать FLV- или F4V-файл вместо выделенного фрагмента
Экспортировать видеофрагмент в виде FLV-или F4V-файла
Изменение свойств экземпляра видео в инспекторе свойств
-
Выделите экземпляр внедренного или связанного видеоролика в рабочей области.
-
Выберите «Окно» > «Свойства», и вам будут доступны следующие действия.
Введите имя экземпляра в текстовом поле «Имя» в левой части инспектора свойств.
Введите значения «W» и «H», чтобы изменить размеры экземпляра видео.
Введите значения «X» и «Y», чтобы изменить положение левого верхнего угла экземпляра в рабочей области.
Нажмите кнопку «Заменить». Выберите видеоролик для замены текущего ролика, назначенного экземпляру.
Внедренный видеоролик может быть заменен только другим внедренным видеороликом, а связанный — только другим связанным видеороликом.
Просмотр свойств видеороликов в диалоговом окне «Свойства видеоролика»
-
Выделите видеоролик на панели «Библиотека».
-
В меню панели «Библиотека» выберите пункт «Свойства» или нажмите кнопку «Свойства» в нижней части панели «Библиотека». Отобразится диалоговое окно «Свойства видеоролика».
Переименование, обновление видео и его замена
-
Выделите видеоролик на панели «Библиотека» и выберите пункт «Свойства» в меню панели.
-
Выполните одно из следующих действий.
Чтобы задать новое имя, введите его в текстовое поле «Имя».
Чтобы обновить видео, перейдите к обновленному видеофайлу и нажмите кнопку «Открыть».
Чтобы заменить видео, нажмите кнопку «Импорт», перейдите к нужному FLV-, F4V- или H.264-файлу и нажмите кнопку «Открыть».
Управление воспроизведением видео с помощью временной шкалы
Управление воспроизведением внедренного видеофайла производится при помощи временной шкалы, в которой он содержится. Например, чтобы приостановить видео, воспроизводящееся на основной временной шкале, необходимо вызвать функцию stop() для этой временной шкалы. Аналогичным образом производится управление видеообъектом в символе фрагмента ролика — при использовании временной шкалы этого символа.
К видеообъектам, импортированным во фрагменты ролика, могут быть применены следующие действия: goTo, play, stop, toggleHighQuality, stopAllSounds, getURL, FScommand, loadMovie, unloadMovie, ifFrameLoaded и onMouseEvent. Чтобы применить действие к объекту Video, вначале следует преобразовать его во фрагмент ролика.
Отображение видеопотока в реальном времени с видеокамеры может быть реализовано при помощи ActionScript. Сначала поместите в рабочую область объект Video с помощью команды «Создать видео» на панели «Библиотека». Связать с этим объектом видеопоток позволяет метод Video.attachVideo.
См. также раздел «Видео и метод attachVideo (Video.attachVideo)» в руководстве Справочник ActionScript® 2.0 для Adobe® Flash® Professional CS5 и раздел «fl.video» в руководстве Справочник ActionScript® 3.0 для Adobe® Flash® Professional CS5.
Обновление внедренного видео после редактирования исходного файла
-
Выделите видеоролик на панели «Библиотека».
-
Выберите пункт Свойства и нажмите Обновить.
Внедренный видеоролик будет заменен отредактированной версией файла. К обновляемому ролику применяются настройки сжатия, заданные при импорте видео.