Як створити мультипрогравач видива у Флеш ( II )

Привіт. І нарешті друга частина відеосерії про те, як створити мультипрогравач видива у Флеш. Сьогодні йтиметься про те, як “оживити” доданий у попередньому відеоуроці програвач видива (компонент FLVPlayback) та кнопки за допомогою ActionScript 3.0.

Рівень: початківець
Тривалість: 06 хв 30 с

Ось так виглядатиме результат:

[kml_flashembed fversion=”8.0.0″ movie=”http://maque.org.ua/downloads/Flash/Dynamic%20multiplayer_by_maque/dynamicMultiPlayer.swf” targetclass=”flashmovie” publishmethod=”static” width=”500″]

[/kml_flashembed]

Переглянути збільшену версію демонстраційного файлу
Завантажити використані у відеоуроці файли (.fla, .swf, .f4v)

Відео на YouTube можна дивитись у HD якості. Як саме.

Також можна завантажити це відео з YouTube.com на власний комп’ютер. Як завантажити відео з YouTube.com на власний ПК

Нотатки до відеоуроку:

1. Відкриваємо файл з програвачем та кнопками, що було додано у першій частині відеоуроку;
2. У ту ж директорію, де маєте .fla файл, розміщуємо три видива у фрматі .f4v (чи .flv);
3. Створюємо новий шар і називаємо його AS (у цьому шарі буде ActionScript);
4. Вибриваємо перший кадр та розгортаємо «Панель дій», тобто «Actions»;
5. Передовсім застосовуємо stop(); , аби зупинити анімацію у першому кадрі;
6. Далі створюємо функцію

   function videoOne (event:MouseEvent):void {
pubPlayer.source = "01.f4v";
}


   де
   videoOne – ім’я функції
   event:MouseEvent – створюється подія для дій мишки
   pubPlayer – ім’я програвача
   source – вказуємо, що має бути джерелом (тобто яке видиво грати)
   01.f4v – назва видива

7. Отже, щойно створена функція після певної дії мишки (про це далі) має відтворювати видиво, що називається 01.f4v;
8. Тепер створімо ще дві подібні функції (можна просто скопіювати й вставити) і змінімо відповідно імена функцій та видив:

   function videoTwo (event:MouseEvent):void {
pubPlayer.source = "02.f4v";
}
function videoThree (event:MouseEvent):void {
pubPlayer.source = "03.f4v";
}

9. Тепер маємо окрему функції для відтворення кожного видива (01.f4v, 02.f4v, 03.f4v);
10. І нарешті додамо код, який «оживить» кнопки;
11. На наступному рядку пишемо:

    One_btn.addEventListener(MouseEvent.CLICK,videoOne);

    де
    One_btn – ім’я кнопки до якої звертаємось
    addEventListener – додаємо слухача подій
    MouseEvent – вказуємо, який тип подій нас цікавить
    CLICK – зазначаємо, яку саме подію слухати
    videoOne – і вказуємо, яку функцію після події виконувати

12. Робимо дві копії цього коду і відповідно його змінюємо (перейменовуємо імена кнопок, до яких звертаємось, та вказуємо відповідні імена функцій для виконання:

    Two_btn.addEventListener(MouseEvent.CLICK,videoTwo);
Three_btn.addEventListener(MouseEvent.CLICK,videoThree);

13. Тепер можна компілювати свіф файл (.swf) та насолоджуватись власним мультипрогравачем видива у Флеш.

Корисні посилання:

1.Controlling external video playback with ActionScript
2.Simple Multi-Video Player in AS2
3.Simple Multi-Video Player in AS3