maque.org.ua - Українською про Adobe Flash

Привіт. І нарешті друга частина відеосерії про те, як створити мультипрогравач видива у Флеш. Сьогодні йтиметься про те, як “оживити” доданий у попередньому відеоуроці програвач видива (компонент 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″]

Get Adobe Flash player

[/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


Колос Віталій
Колос Віталій

Засновник і адмін цього блоґу.