All Articles Flash
Создание видеоклипов в интерактивной Adobe Flash CS5
David Smith on Wed, February 15th 0 comments
Regardless of the fact Flash isn't supported on iOS devices, it is still the standard video player type on the web today. David Smith shows how to make interactive controls for video in Adobe Flash.

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

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


Шаг 1 - Импорт видео в флэш

С помощью флэш открытый проект, выберите Файл

import video box

В окне Импорт видео


Давайте посмотрим на каждый вариант решения по одному за раз.


Шаг 2 - Поиск видео клипов

Нажмите на кнопку Обзор и найдите видео файлов на вашем компьютере. Если видеоклип представляет собой файл, Flash Video (. FLV), то вы готовы перейти к следующему шагу. Это так же вероятно, что файл, который Вы собираетесь использовать это Quicktime. Mov файл или аналогичный. К сожалению, Flash не примет. Итак, давайте преобразовать его в. Файл FLV.


Шаг 3 - кодировщик использованию СМИ

В меню Видео Импорт Flash есть вариант в нижней части окна для запуска Adobe Media Encoder, нажмите на эту.

Media Encoder

Media Encoder


Media Encoder открывает с. Mov файл или аналогичные уже загружен. Каждый столбец устанавливает различные параметры для преобразования видео, таких как тип файла для кодирования и где нужно сохранить преобразованные копии.

В списке Формат выбрать преобразовать в FLV/F4V. В пресеты выбирать FLV - Матч Источник атрибутов (Medium Quality), а затем установить выходной файл на рабочем столе, чтобы этот файл можно легко найти снова.

Нажмите кнопку Пуск очереди и ждать, пока Media Encoder завершил свою задачу. Затем закройте датчика СМИ и вернуться к Flash. Наконец просмотра на рабочем столе и выберите новый файл FLV для импорта.


Шаг 4 - Добавление компонента кожи

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

Выберите Загрузка внешнего видео с компонентом воспроизведения вариант из окна импорта видео и нажмите кнопку Продолжить.

flash skin menu

В меню флэш кожи


Выбор кожи варианты, некоторые из которых наведите курсор мыши на видеоклип, а некоторые, которые позиционируют себя под ним. Некоторые из них включают Play / Pause, Volume / Mute и навигации, а некоторые содержат просто играть и пауза.

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


Шаг 5 - Место компонентов на Scene 1

Компонентного видео появляется еще в панели библиотеки. Захватите компонент и перетащите его на Scene 1. Изменение размера видео, используя W и H параметров в панели свойств или использовать повторно размер ручки Scene 1, если требуется.

component on screen

Компонент на экране


Добавить componentMovie_mc имя экземпляра, потому что это хорошая практика, сохранить и проверить сцену (нажмите Command-Return). Появляется фильм с вашей кожей применяется, нажмите кнопку воспроизведения и паузы и т.д. для проверки компонентов. Хороший и простой, но также, возможно, немного скучно?


Шаг 6 - Импорт видео еще раз

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

import to timeline

Импорт в сроки


И нажмите кнопку Далее.


Шаг 7 - код для вставки видео в качестве MC

Вторая появится меню, на этот раз с вопросом, как встроить видео. Держите параметры установлен в 'Место например, на сцене и Развернуть Хронология ", если это необходимо. Эти варианты будут размещать встроенные в фильме символом имени VideoPlay_mc и расширить сроки включить в каждом кадре.

embed to MC options

Код для вставки в MC варианты


Нажмите кнопку Далее и как с версией кожи компонентов резюме появляется подробно вашему запросу. Проверка на наличие ошибок, как в настоящее время нет пути назад эти параметры после импорта видео. Затем нажмите кнопку Готово.


Шаг 8 - Установите встроенный Movie Clip

В библиотеке две вещи. Во-первых, импортированного видео клипа появляется небольшой значок кинокамеры. Не пытайтесь использовать это в ваш проект, он просто должен быть там, чтобы быть встроен в SWF. Во-вторых ролика с именем VideoPlay_mc теперь содержит кадры импортированные видеоклипа.

MC in library

MC в библиотеку


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

Совет: Двойной щелчок на значке Movie Clip, чтобы открыть его и посмотреть, сколько кадров используется. Там может быть сотни.


Шаг 9 - Добавить в Сцена 1

Перетащите видеоклип со встроенным видео файл на сцене 1 и поместить его рядом с видео

The placed movie clip

Размещен клип


Во имя панели свойств этого экземпляра фильма-символа videoPlay_mc (обратите внимание на нижний регистр В качестве имени экземпляра)

Шаг 10 - Остановите клип

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

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

Щелкните правой кнопкой мыши кадр 1


В панели действий типа остановки ();

Это позволит провести это кино воспроизведения на 1 кадр, пока не указано иное.


Шаг 11 - Запишите этот код

Вернуться на сцену 1 окно и открыть панель Actions еще раз. Введите следующий код:

The code

Код


Этот код станет видеоклип на кнопку, которая будет играть сам.


Шаг 12 - тестовая сцена

Попробуйте, нажмите Command-Return, чтобы увидеть SWF и с фильмами и нажмите на второй клип, чтобы запустить его воспроизведение.


Шаг 13 - изменение кода

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

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

The

Новый код


Шаг 14 - тестовая сцена

Нажмите командной возвращаться снова и убедитесь сами.

Если это не работает, необходимо проверить следующее:

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


    В противном случае получайте удовольствие!

Comments (0)

You must be logged in to comment.

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: