Создание приложения с компонентом 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-файла ».

  4. На вкладке «Параметры» в Инспекторе компонентов при выбранном в рабочей области компоненте FLVPlayback щелкните ячейку «Значение» для параметра skin .

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

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

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

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

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

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

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

  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 CS5/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 CS5:Configuration:FLVPlayback Skins:ActionScript 3.0SkinOverPlaySeekMute.swf" 
my_FLVPlybk.source = "http://www.helpexamples.com/flash/video/water.flv";
    Примечание. Если не задать свойства source и skin , созданный фрагмент ролика будет пуст.

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