Главная » ActionScript » Использование компонента FLVPlayback – ЧАСТЬ 1

0

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

Компонент FLVPlayback также включает в себя API-интерфейс ActionScript (интерфейс программирования приложений). API-интерфейс содержит следующие классы, которые подробно описаны в документе Справочник по языку ActionScript 3.0 и компонентам: CuePointType, FLVPlayback, FLVPlaybackCaptioning, NCManager, NCManagerNative, VideoAlign, VideoError, VideoPlayer, VideoStateи несколько классов событий — AutoLayoutEvent, LayoutEvent, MetadataEvent, SkinErrorEvent, SoundEvent, VideoEvent и VideoProgressEvent.

Компонент FLVPlayback содержит компоненты пользовательского интерфейса для воспроизведения FLV- файлов. Компонент FLVPlayback сочетает в себе область отображения, или видеопроигрыватель, в котором выполняется просмотр видеофайла, а также элементы управления, которые позволяют управлять проигрывателем. Компоненты пользовательского интерфейса для воспроизведения FLV-файлов имеют кнопки управления и механизмы, при помощи которых можно воспроизводить, останавливать, ставить на паузу видеофайл и другим образом управлять им. Эти элементы управления включают в себя следующие: BackButton, BufferingBar, CaptionButton (для компонента FLVPlaybackCaptioning), ForwardButton, FullScreenButton, MuteButton, PauseButton, PlayButton, PlayPauseButton, SeekBar, StopButton и VolumeBar. Компонент FLVPlayback и элементы управления воспроизведением FLV-файлов отображаются на панели "Компоненты", как показано на рисунке ниже:

Компоненты FLVPlayback на панели "Компоненты"

Процесс добавления элементов управления воспроизведением в компонент FLVPlayback называется выбор обложки. Компонент FLVPlayback имеет обложку по умолчанию, SkinOverAll.swf, содержащую такие элементы управления, как воспроизведение, остановка, назад, вперед, поиск, без звука, громкость, во весь экран и субтитры. Для изменения этой обложки можно сделать следующее:

•   Выбрать обложку из коллекции предустановленных обложек.

•   Создать пользовательскую обложку и добавить ее в коллекцию предустановленных обложек.

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

При выборе предустановленной обложки можно отдельно выбрать цвет и значения альфа-каналов как во время разработки, так и при исполнении. Дополнительную информацию см. в разделе «Выбор предустановленной обложки» на странице 161.

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

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

«Настройка компонента FLVPlayback» на странице 161.

Создание приложения с компонентом FLVPlayback

Компонент FLVPlayback можно включить в приложение следующим образом:

•   Перетащите компонент FLVPlayback с панели "Компоненты" в рабочую область и задайте значение для параметра source.

•   При помощи мастера импорта видеоданных создайте компонент в рабочей области и настройте его, выбрав обложку.

•   При помощи конструктора FLVPlayback() динамически создайте экземпляр FLVPlayback в рабочей области при наличии этого компонента в библиотеке.

Примечание. При создании экземпляра FLVPlayback с использованием ActionScript необходимо назначить ему обложку, задав свойство skin при помощи ActionScript. В случае применения обложки таким способом она не публикуется автоматически с SWF-файлом. Необходимо скопировать и SWF-файл приложения, и SWF-файл обложки на сервер приложений. Иначе SWF-файл обложки будет недоступен при выполнении приложения.

Перетаcкивание компонента FLVPlayback с панели "Компоненты"

1   На панели "Компоненты" нажмите кнопку "плюс" (+), чтобы открыть запись видео.

2   Перетащите компонент FLVPlayback в рабочую область.

3   При выбранном в рабочей области компоненте FLVPlayback перейдите к ячейке "Значение" параметра source на вкладке "Параметры" в Инспекторе компонентов и введите строку с указанием на один из следующих вариантов:

•   Локальный путь к видеофайлу.

•   URL-адрес, указывающий на видеофайл.

•   URL-адрес, указывающий на синхронизированный файл Multimedia Integration Language (SMIL) с описанием процесса воспроизведения видеофайла.

Информацию о том, как создать SMIL-файл для описания одного или нескольких FLV-файлов, см. в разделе «Использование SMIL-файла» на странице 173.

4   На вкладке "Параметры" в Инспекторе компонентов при выбранном в рабочей области компоненте

FLVPlayback щелкните ячейку "Значение" для параметра skin.

5   Нажмите значок лупы, чтобы открыть диалоговое окно "Выбрать обложку".

6   Выберите один из следующих вариантов:

•   В раскрывающемся списке "Обложка" выберите одну из предустановленных обложек, чтобы прикрепить к компоненту набор элементов управления воспроизведением.

•   Если вы создали пользовательскую обложку, выберите пункт "Нестандартный URL-адрес обложки" во всплывающем меню и введите в соответствующее поле URL-адрес SWF-файла, содержащего обложку.

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

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

Для изменения цвета пользовательского элемента управления его необходимо настроить. Дополнительную информацию об использовании элементов управления пользовательского интерфейса см. в разделе «Выбор обложки для отдельных компонентов пользовательского интерфейса для воспроизведения FLV-файлов» на странице 163.

7   Нажмите кнопку "ОК", чтобы закрыть диалоговое окно "Выбрать обложку".

8   Выберите "Управление" > "Тестировать ролик" для выполнения SWF-файла и запуска видео.

Следующая процедура использует мастер импорта видеоданных для добавления компонента FLVPlayback:

Использование мастера импорта видеоданных:

1   Выберите "Файл" > "Импорт" > "Импорт видеоролика".

2   Укажите местоположение видеофайла выбрав один из следующих вариантов:

•   На локальном компьютере

•   Уже развернуто на веб-сервере, в службе Flash Video Streaming Service или на сервере Flash Media Server

3   В зависимости от вашего выбора введите либо путь, либо URL-адрес, указывающий на местоположение видеофайла, затем нажмите "Далее".

4   Выбрав путь к файлу, вы увидите диалоговое окно "Развертывание", в котором можно выбрать один из перечисленных вариантов развертывания видео:

•   Последовательная загрузка со стандартного веб-сервера

•   Потоковая передача с Flash Video Streaming Service

•   Потоковая передача с сервера Flash Media Server

•   Внедрение видео в SWF-файл и воспроизведение во временной шкале

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

5   Нажмите кнопку "Далее".

6   Выберите один из следующих вариантов:

•   В раскрывающемся списке "Обложка" выберите одну из предустановленных обложек, чтобы прикрепить к компоненту набор элементов управления воспроизведением.

•   Если вы создали пользовательскую обложку для компонента, выберите пункт "Нестандартный URL- адрес обложки" во всплывающем меню и введите в соответствующее поле URL-адрес SWF-файла, содержащего обложку.

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

Примечание. В первых двух случаях над всплывающим меню на панели просмотра можно выполнить предварительный просмотр обложки.

7   Нажмите кнопку "ОК", чтобы закрыть диалоговое окно "Выбрать обложку".

8   Прочтите информацию о том, что произойдет дальше, в диалоговом окне "Завершить импорт видеоролика" и нажмите кнопку "Готово".

9   Если вы не сохранили ваш FLA-файл, появится диалоговое окно "Сохранить как".

10 Выберите "Управление" > "Тестировать ролик" для выполнения SWF-файла и запуска видео.

Следующая процедура добавляет компонент FLVPlayback при помощи ActionScript.

Динамическое создание экземпляра при помощи ActionScript:

1   Перетащите компонент FLVPlayback с панели "Компоненты" на панель "Библиотека" ("Окно" > "Библиотека").

2   Вставьте следующий код в Кадр 1 временной шкалы на панели "Действия". Измените параметр install_drive на диск, на котором установлено приложение Flash, и измените путь в соответствии с местоположением папки Skins вашей установки:

На компьютере с ОС Windows:

import fl.video.*;

var my_FLVPlybk = new FLVPlayback();

my_FLVPlybk.x = 100; my_FLVPlybk.y = 100; addChild(my_FLVPlybk);

my_FLVPlybk.skin = "file:///install_drive|/Program Files/Adobe/Adobe Flash CS4/en/Configuration/FLVPlayback Skins/ActionScript 3.0/SkinOverPlaySeekMute.swf" my_FLVPlybk.source = "http://www.helpexamples.com/flash/video/water.flv";

На компьютере с ОС Macintosh:

import fl.video.*;

var my_FLVPlybk = new FLVPlayback();

my_FLVPlybk.x = 100; my_FLVPlybk.y = 100; addChild(my_FLVPlybk);

my_FLVPlybk.skin = "file:///Macintosh HD:Applications:Adobe Flash CS4:Configuration:FLVPlayback Skins:ActionScript 3.0SkinOverPlaySeekMute.swf" my_FLVPlybk.source = "http://www.helpexamples.com/flash/video/water.flv";

Примечание. Если не задать свойства source и skin, созданный фрагмент ролика будет пуст.

3   Выберите "Управление" > "Тестировать ролик" для выполнения SWF-файла и запуска видеофайла.

Параметры компонента FLVPlayback

Для каждого экземпляра компонента FLVPlayback можно задать следующие параметры в Инспекторе компонентов или в Инспекторе свойств: align, autoPlay, cuePoints, preview, scaleMode, skin, skinAutoHide, skinBackgroundAlpha, skinBackgroundColor, source и volume. Каждый из этих параметров имеет соответствующее свойство ActionScript с тем же именем. При присвоении значения этим параметрам вы устанавливаете исходное состояние свойства в приложении. Установка свойства в ActionScript переопределяет значение, заданное параметру. Информацию о возможных значениях этих параметров см. в описании класса FLVPlayback в документе Справочник по языку ActionScript 3.0 и компонентам.

Задание параметра source компонента FLVPlayback

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

Откройте диалоговое окно "Путь к содержимому", дважды щелкнув ячейку "Значение" параметра source в

Источник: Использование компонентов ActionScript 3.0 – 2008

По теме:

  • Комментарии