Управление воспроизведением внешнего видео с помощью ActionScript

  1. Руководство пользователя Adobe Animate
  2. Введение в Animate
    1. Новые возможности Animate
    2. Визуальный глоссарий
    3. Системные требования Animate
    4. Сочетания клавиш Animate
    5. Разные типы файлов в Animate
  3. Анимация
    1. Основы анимации в Animate
    2. Кадры и ключевые кадры в Animate
    3. Покадровая анимация в Animate
    4. Классическая анимация движения в Animate
    5. Инструмент «Кисть»
    6. Руководство по движению
    7. Анимация движения и язык ActionScript 3.0
    8. Сведения об анимации движения
    9. Анимация движения
    10. Создание анимации движения
    11. Использование ключевых кадров свойств
    12. Положения в анимации движения
    13. Использование Редактора движения для анимаций
    14. Редактирование траектории анимации движения
    15. Управление анимациями движения
    16. Настраиваемое ускорение и замедление
    17. Создание и применение стилей движения
    18. Настройка диапазонов анимации движения
    19. Сохранение анимации движения в файлах XML
    20. Анимация движения и классическая анимация
    21. Анимация фигур
    22. Инструмент «Кость» в Animate
    23. Скелетная анимация персонажей в Animate
    24. Слои-маски в Adobe Animate
    25. Работа со сценами в Animate
  4. Интерактивность
    1. Создание кнопок в Animate
    2. Преобразование проектов Animate в другие форматы документов
    3. Создание и публикация документов HTML5 Canvas в Animate
    4. Добавление интерактивных возможностей с помощью фрагментов кода в Animate
    5. Создание пользовательских компонентов HTML5
    6. Использование компонентов в HTML5 Canvas
    7. Создание пользовательских компонентов: примеры
    8. Фрагменты кода для пользовательских компонентов
    9. Рекомендации: реклама в Animate
    10. Разработка и публикация контента для виртуальной реальности
  5. Рабочая среда и рабочий процесс
    1. Создание и использование малярных кистей
    2. Использование шрифтов Google в документах HTML5 Canvas
    3. Использование библиотек Creative Cloud Libraries и Adobe Animate
    4. Использование рабочей области и панели «Инструменты» в Animate
    5. Рабочие процессы и рабочая среда Animate
    6. Использование веб-шрифтов в документах HTML5 Canvas
    7. Временные шкалы и ActionScript
    8. Работа с несколькими временными шкалами
    9. Задание настроек
    10. Использование панелей разработки Animate
    11. Создание слоев временной шкалы в Animate
    12. Экспорт анимаций для мобильных приложений и игровых платформ
    13. Перемещение и копирование объектов
    14. Шаблоны
    15. Поиск и замена в Animate
    16. Отмена/повтор действий и панель «История»
    17. Сочетания клавиш
    18. Использование временной шкалы в Animate
    19. Создание HTML-расширений
    20. Параметры оптимизации изображений и GIF-анимаций
    21. Настройки экспорта для изображений и GIF
    22. Панель «Ресурсы» в Animate
  6. Мультимедиа и видео
    1. Преобразование и объединение графических объектов в Animate
    2. Создание экземпляров символов и работа с ними в Animate
    3. Трассировка изображения
    4. Использование звука в Adobe Animate
    5. Экспорт SVG-файлов
    6. Создание видеофайлов для использования в Animate
    7. Добавление видео в Animate
    8. Работа с ключевыми точками видео
    9. Рисование и создание объектов в Animate
    10. Изменение линий и фигур
    11. Обводки, заливки и градиенты в Animate CC
    12. Работа с Adobe Premiere Pro и After Effects
    13. Панели «Цвет» в Animate CC
    14. Открытие файлов Flash CS6 в Animate
    15. Работа с классическим текстом в Animate
    16. Размещение иллюстраций в Animate
    17. Импортированные растровые изображения в Animate
    18. Трехмерная графика
    19. Работа с символами в Animate
    20. Рисование линий и фигур в Adobe Animate
    21. Работа с библиотеками в Animate
    22. Экспорт звуков
    23. Выделение объектов в Animate CC
    24. Работа с AI-файлами Illustrator в Animate
    25. Нанесение узоров с помощью инструмента «Аэрограф»
    26. Применение режимов наложения
    27. Упорядочивание объектов
    28. Автоматизация задач с помощью меню «Команды»
    29. Многоязычный текст
    30. Использование камеры в Animate
    31. Использование Animate с Adobe Scout
    32. Работа с файлами Fireworks
    33. Графические фильтры
    34. Звук и ActionScript
    35. Настройки рисования
    36. Рисование инструментом «Перо»
  7. Платформы
    1. Преобразование проектов Animate в другие форматы документов
    2. Поддержка специализированных платформ
    3. Создание и публикация документов HTML5 Canvas в Animate
    4. Создание и публикация документа WebGL
    5. Упаковка приложений AIR for iOS
    6. Публикация приложений AIR for Android
    7. Публикация для Adobe AIR на настольных ПК
    8. Параметры публикации ActionScript
    9. Рекомендации: размещение ActionScript в приложении
    10. Использование ActionScript в Animate
    11. Рекомендации: специальные возможности
    12. Специальные возможности в среде Animate
    13. Создание и использование сценариев
    14. Обеспечение поддержки специализированных платформ
    15. Общие сведения о поддержке специализированных платформ
    16. Создание содержимого со специальными возможностями
    17. Работа с плагинами поддержки специализированных платформ
    18. Отладка сценариев ActionScript 3.0
    19. Обеспечение поддержки специализированных платформ
  8. Экспорт и публикация
    1. Экспорт файлов из Animate CC
    2. Публикация OAM
    3. Экспорт SVG-файлов
    4. Экспорт графики и видео из Animate
    5. Публикация документов AS3
    6. Экспорт анимаций для мобильных приложений и игровых платформ
    7. Экспорт звуков
    8. Экспорт видеофайлов в QuickTime
    9. Управление воспроизведением внешнего видео с помощью ActionScript
    10. Рекомендации: советы по созданию контента для мобильных устройств
    11. Рекомендации: правила работы с видео
    12. Рекомендации: руководство по созданию SWF-приложений
    13. Рекомендации: формирование структуры FLA-файлов
    14. Рекомендации: оптимизация FLA-файлов для Animate
    15. Параметры публикации ActionScript
    16. Задание параметров публикации для Animate
    17. Экспорт файлов-проекторов
    18. Экспорт изображений и анимированных файлов GIF
    19. Шаблоны публикации HTML
    20. Работа с Adobe Premiere Pro и After Effects
    21. Быстрая публикация анимаций

Динамическое воспроизведение FLV- или F4V-файлов

Альтернативой импорту видео в среду разработки Animate является использование компонента FLVPlayback или ActionScript для динамического воспроизведения внешних файлов FLV- или F4V-файлов в проигрывателе Flash Player. Также можно одновременно использовать компонент FLVPlayback и код ActionScript.

Возможно воспроизведение FLV- или F4V-файлов, опубликованных для загрузки из Интернета, либо локальных мультимедийных файлов. Для воспроизведения внешнего FLV- или F4V-файла опубликуйте его на HTTP-сайте или в локальной папке и добавьте в документ Animate компонент FLVPlayback или код на языке ActionScript, который будет осуществлять доступ к этому файлу и управлять его воспроизведением во время выполнения.

Внешний FLV- или F4V-файл предоставляет следующие возможности, которые недоступны при использовании импортированного видео.

  • Длинные видеоролики не дают задержки перед началом воспроизведения. Внешние FLV- или F4V-файлы воспроизводятся с использованием кэш-памяти, то есть большие файлы сохраняются небольшими отрезками, доступ к которым осуществляется динамически, и поэтому им не требуется столько памяти, сколько внедренным видеофайлам.

  • Внешний FLV- или F4V-файл может иметь частоту кадров, отличную от частоты кадров документа Animate, в котором он воспроизводится. Например, для документа Animate может быть задано 30 кадров в секунду, а для видео — 21 кадр в секунду. Это повышает гибкость управления и делает воспроизведение плавным.

  • Воспроизведение документа Animate не прерывается во время загрузки FLV- или F4V-файла. Хотя иногда это все же происходит (например, в момент доступа к приводу компакт-дисков). FLV- или F4V-файлы выполняются независимо от документа Animate и поэтому не прерывают воспроизведение.

  • Титрование видеосодержимого для внешних FLV- или F4V-файлов выполнять легче, поскольку для доступа к метаданным видео могут применяться функции обратного вызова.

Варианты поведения, использующиеся при воспроизведении видео

Варианты поведения являются одним из способов управления воспроизведением видео. Варианты поведения представляют собой заранее написанные сценарии ActionScript, которые добавляются к объекту, вызывающему событие, для управления другим объектом. Они расширяют возможности управления и повышают гибкость кода ActionScript, позволяя не писать код в документе самостоятельно. Варианты поведения для работы с видео воспроизводят, останавливают и временно прерывают воспроизведение видеоролика, выполняют перемотку вперед и назад и управляют его видимостью.

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

Примечание.

Вызывающий объект должен быть фрагментом ролика. Назначить варианты поведения воспроизведения видео для символов или компонентов кнопок нельзя.

Следующие варианты поведения в Animate управляют внедренным видео.

Поведение

Цель

Параметры

Воспроизведение видео

Воспроизводит видео в текущем документе.

Имя экземпляра целевого видео

Остановить видео

Останавливает видео.

Имя экземпляра целевого видео

Приостановить воспроизведение видео

Приостанавливает воспроизведение видео.

Имя экземпляра целевого видео

Перемотка видео назад

Перематывает видео назад на заданное число кадров.

Имя экземпляра целевого видео

Количество кадров

Перемотка видео вперед

Перематывает видео вперед на заданное число кадров.

Имя экземпляра целевого видео

Количество кадров

Скрыть видео

Скрывает видео.

Имя экземпляра целевого видео

Показать видео

Показывает видео.

Имя экземпляра целевого видео

Управление воспроизведением видео с помощью вариантов поведения

  1. Выберите фрагмент ролика для вызова поведения.
  2. На панели «Поведение» (меню «Окно» > «Поведение») нажмите кнопку «Добавить» (+) и выберите нужное поведение во вложенном меню «Внедренное видео».
  3. Выберите нужное видео.
  4. Выберите относительный или абсолютный путь.
  5. При необходимости выберите параметры поведения и нажмите кнопку «ОК».
  6. На панели «Поведения» в разделе «Событие» нажмите «При отпускании» (событие по умолчанию) и выберите событие мыши. Чтобы использовалось событие «При отпускании», оставьте параметр без изменений.

Компонент FLVPlayback

Компонент FLVPlayback позволяет включать видеопроигрыватель в приложении Animate для воспроизведения последовательно загружаемых FLV- или F4V-файлов с использованием протокола HTTP или для потокового воспроизведения FLV-файлов с сервера Adobe Media Server (AMS) или Flash Video Streaming Service (FVSS).

Компонент FLVPlayback выполняет следующие функции.

  • Предоставляет набор заранее заготовленных обложек для настройки элементов пользовательского интерфейса управления воспроизведением.

  • Позволяет опытным пользователям создавать собственные пользовательские обложки.

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

  • Обеспечивает немедленное отображение результата настройки пользователем.

  • Оптимизирует размер SWF-файл, чтобы облегчить его загрузку.

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

Настройка компонента FLVPlayback

  1. Выделив компонент FLVPlayback в рабочей области, откройте инспектор свойств (меню «Окно» > «Свойства») и введите имя экземпляра.
  2. В инспекторе свойств выберите «Параметры» или откройте инспектор компонентов (меню «Окно» > Компоненты»).
  3. Введите значения параметров или оставьте значения параметров по умолчанию.

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

    Примечание.

    Для большинства экземпляров нет необходимости изменять параметры компонента FLVPlayback, если не требуется изменение внешнего вида обложки видео. В большинстве случаев мастер импорта видео назначает достаточно приемлемые параметры.

    autoPlay

    Логическое значение, определяющее способ воспроизведения FLV- или F4V-файла. Если значение равно true, видеофайл воспроизводится сразу после загрузки. Если значение равно false, загружается первый кадр и воспроизведение приостанавливается. Значение по умолчанию — true.

    autoRewind

    Значение логического типа, определяющее, будет ли видеофайл автоматически перематываться. Если значение равно true, компонент FLVPlayback автоматически перематывает видеофайл к началу, когда точка воспроизведения достигает конца либо при нажатии кнопки остановки. Если значение равно false, компонент видео не перематывает видео автоматически. Значение по умолчанию — true.

    autoSize

    Значение логического типа. Если оно равно true, во время выполнения изменяет размеры компонента до исходного размера видео. Значение по умолчанию равно false.

    Примечание. Размер закодированного кадра видеофайла не совпадает с размерами по умолчанию компонента FLVPlayback.

    bufferTime

    Количество секунд, которые должны быть буферизованы, прежде чем начнется воспроизведение. Значение по умолчанию равно 0.

    contentPath (файл AS2)

    Строка, задающая URL-адрес FLV-, F4V- или XML-файла, описывающего воспроизведение видео. Дважды щелкните мышью ячейку «Значение» для этого параметра, чтобы вызвать диалоговое окно «Путь к содержимому». Значение по умолчанию — пустая строка. Если значение параметра contentPath не задано, то при выполнении экземпляра FLVPlayback в Animate ничего не происходит.

    source (файлы AS3)

    Строка, задающая URL-адрес FLV-, F4V- или XML-файла, описывающего воспроизведение видео. Дважды щелкните мышью ячейку «Значение» для этого параметра, чтобы вызвать диалоговое окно «Путь к содержимому». Значение по умолчанию — пустая строка. Если значение параметра contentPath не задано, то при выполнении экземпляра FLVPlayback в Animate ничего не происходит.

    isLive

    Значение логического типа. Если оно равно true, то сервер FMS передает видеофайл потоком в реальном времени. Значение по умолчанию равно false.

    cuePoints

    Строка, задающая контрольные точки для видеофайла. Контрольные точки позволяют синхронизировать конкретные точки в видеофайле с анимацией, графикой или текстом Animate. Значение по умолчанию — пустая строка.

    maintainAspectRatio

    Значение логического типа. Если оно равно true , изменяет размер видеопроигрывателя в компоненте FLVPlayback, сохраняя пропорции исходного видеофайла, при этом исходный файл масштабируется, а размеры самого компонента FLVPlayback не меняются. Параметр autoSize имеет больший приоритет, чем этот параметр. Значение по умолчанию — true.

    обложка

    Этот параметр открывает диалоговое окно «Выбрать обложку» и позволяет выбрать обложку для компонента. Значение по умолчанию — «Нет». Если выбрать «Нет», экземпляр FLVPlayback не будет содержать элементов управления, позволяющих пользователю воспроизводить, останавливать или перематывать видеофайл, а также выполнять другие функции управления воспроизведением. Если параметр autoPlay имеет значение true, воспроизведение видеофайла начинается автоматически. Дополнительные сведения см. в разделе «Customizing the FLVPlayback component» в руководстве Использование компонентов ActionScript 3.0 или Справочник ActionScript® 2.0 для Adobe® Flash® Professional CS5.

    totalTime

    Общее число секунд в исходном видеофайле. Значение по умолчанию равно 0. Если применяется последовательная загрузка, то Animate использует это число только в том случае, если оно имеет значение больше нуля (0). В противном случае Animate пытается получить время из метаданных.

    Примечание. При загрузке с сервера FMS или службы FVSS это значение игнорируется, и общее время видеофайла берется с сервера.

    volume

    Число от 0 до 100, представляющее уровень громкости (значение в процентах от максимальной).

Указание параметра contentPath или source

Если локальный видеоролик импортируется в Animate для последовательной или потоковой загрузки, то, прежде чем загружать содержимое на веб-сервер или Adobe Media Server, измените параметр contentPath (FLA-файлы AS2) или source (FLA-файлы AS3) компонента FLVPlayback. Параметр contentPath или source задает имя и расположение видеофайла на сервере, а также указывает способ его воспроизведения (например, последовательная загрузка по протоколу HTTP или потоковая передача с сервера Adobe Media Server по протоколу RTMP).

  1. Выделив компонент FLVPlayback в рабочей области, откройте инспектор свойств (меню «Окно» > «Свойства») и выберите «Параметры» в инспекторе свойств либо откройте инспектор компонентов (меню «Окно» > «Инспектор компонентов»).
  2. Введите значения параметров или оставьте значения параметров по умолчанию. Чтобы задать параметр contentPath или source, выполните следующие действия. a) Дважды щелкните мышью ячейку «Значение» для параметра contentPath или source, чтобы вызвать диалоговое окно «Путь к содержимому». б) Введите URL-адрес или локальный путь к FLV- или F4V-файлу либо XML-файлу (для сервера Adobe Media Server или службы FVSS), описывающему способ воспроизведения видеофайла.

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

    Если задан URL-адрес для протокола HTTP, то FLV- или F4V-файл предназначен для последовательной загрузки. Если задан URL-адрес для протокола RTMP (Real-Time Messaging Protocol), видеофайл предназначен для потоковой передачи с сервера Adobe Media Server (FMS). URL-адрес к XML-файлу может также задавать потоковый видеофайл с сервера AMS или службы FVSS.

    Примечание.

    После нажатия кнопки «ОК» в диалоговом окне «Путь к содержимому» Animate также обновляет значение параметра cuePoints, поскольку параметр contentPath может измениться таким образом, что параметр cuePoints станет недействительным для текущего пути к содержимому. В результате этого пропадут все отключенные ключевые точки (но ключевые точки ActionScript останутся без изменений). По этой причине, возможно, придется отключить контрольные точки, не относящиеся к ActionScript, через ActionScript, а не через диалоговое окно «Контрольные точки».

    Когда задан параметр contentPath или source, Animate пытается проверить, совместим ли указанный видеофайл с проигрывателем Flash Player. Если появляется предупреждение, попробуйте перекодировать видеофайл в формат FLV или F4V с помощью Adobe Media Encoder.

    Может быть также задано местоположение XML-файла, описывающего способ воспроизведения нескольких потоковых видеофайлов для разной пропускной способности. Этот файл содержит описание видеофайлов на языке SMIL (Multimedia Integration Language). Описание формата XML-файла на языке SMIL см. в разделе «Using a SMIL file» в справочном руководстве Справочник ActionScript® 2.0 для Adobe® Flash® Professional CS5.

Мультимедийные компоненты (Flash Player 6 и 7)

Примечание.

Мультимедийные компоненты были впервые введены в Macromedia Flash MX Professional 2004 и предназначены для использования с проигрывателем Flash Player версий 6 и 7. При разработке видеосодержимого для Flash Player 8 вместо этих компонентов лучше пользоваться компонентом FLVPlayback, появившимся в версии 8. Компонент FLVPlayback предоставляет улучшенные возможности, обеспечивая более гибкое управление воспроизведением видео в Animate.

В набор включены три медиакомпонента: MediaDisplay, MediaController и MediaPlayback. Чтобы добавить мультимедиа в документ Animate, перетащите компонент MediaDisplay в рабочую область и настройте его в инспекторе компонентов. Помимо настройки параметров, инспектор компонентов позволяет также добавить контрольные точки для вызова других действий. Во время воспроизведения компонент MediaDisplay не имеет визуального представления, отображая только видеоролик.

Компонент MediaController реализует элементы управления пользовательского интерфейса, позволяющие пользователю взаимодействовать с потоковым мультимедиа. Он содержит кнопки «Воспроизвести», «Пауза» и «Перемотать на начало», а также регулятор громкости. Этот компонент включает также линейки воспроизведения, показывающие степень загрузки и состояние воспроизведения мультимедиа. Быстрый переход к той или иной части видео производится перетаскиванием ползунка точки воспроизведения. Варианты поведения и код ActionScript связывают этот компонент с компонентом MediaDisplay, позволяя предоставить пользователю управление отображением потокового видео.

Компонент MediaPlayback реализует самый быстрый и легкий способ добавления в документы Animate видео и средств управления. Он объединяет компоненты MediaDisplay и MediaController в единый интегрированный компонент. Экземпляры компонентов MediaDisplay и MediaController автоматически связываются друг с другом для обеспечения управления воспроизведением.

Для настройки параметров воспроизведения, размера и расположения всех трех компонентов используется инспектор компонентов или вкладка «Параметры» в инспекторе свойств. Все мультимедийные компоненты одинаково хорошо работают с аудиосодержимым mp3.

Дополнительные сведения о мультимедийных компонентах см. в главе «Media components» справочного руководства Справочник ActionScript® 2.0 для Adobe® Flash® Professional CS5.

Логотип Adobe

Вход в учетную запись