Tworzenie aplikacji za pomocą składnika FLVPlayback

Istnieją następujące sposoby dołączania składnika FLVPlayback do aplikacji:

  • Przeciągnij składnik FLVPlayback z panelu Składniki na stół montażowy i określ wartość parametru source .

  • Użyj kreatora Import wideo, aby utworzyć składnik na stole montażowym, a następnie dostosuj go, wybierając karnację.

  • Użyj konstruktora FLVPlayback() w celu dynamicznego utworzenia instancji FLVPlayback na stole montażowym, przy założeniu, że składnik znajduje się w bibliotece.

    Uwaga: Jeśli instancja FLVPlayback jest tworzona za pomocą ActionScript, należy również przypisać do niej karnację, poprzez ustawienie właściwości skin w ActionScript. Gdy karnacja zostanie w ten sposób zastosowana, nie będzie automatycznie publikowana z plikiem SWF. Należy skopiować plik SWF aplikacji oraz plik SWF karnacji na serwer aplikacji — w przeciwnym wypadku plik SWF karnacji nie będzie dostępny po uruchomieniu aplikacji.

Przeciąganie składnika FLVPlayback z panelu Składniki

  1. Na panelu Składniki kliknij przycisk Plus (+), aby otworzyć pozycję wideo.

  2. Przeciągnij składnik FLVPlayback na stół montażowy.

  3. Po wybraniu składnika FLVPlayback na stole montażowym należy zlokalizować komórkę Wartość dla parametru source na karcie Parametry w inspektorze składników, a następnie wprowadzić łańcuch, który będzie określał:

    • Lokalną ścieżkę do pliku wideo

    • Adres URL do pliku wideo

    • Adres URL pliku SMIL (Synchronized Multimedia Integration Language), który opisuje sposób odtwarzania pliku wideo

      Informacje o sposobach tworzenia plików SMIL, które opisują jeden lub większą liczbę plików FLV, zawiera sekcja Korzystanie z pliku SMIL .

  4. Na karcie Parametry w inspektorze składników (po wybraniu składnika FLVPlayback na stole montażowym) kliknij komórkę Wartość dla parametru skin .

  5. Kliknij ikonę szkła powiększającego, aby otworzyć okno dialogowe Wybierz karnację.

  6. Można wybrać jedną z następujących opcji:

    • Z listy rozwijanej Karnacja wybierz jedną z wstępnie zaprojektowanych karnacji, która posłuży do dołączenia zestawu elementów sterowania odtwarzaniem do składnika.

    • Jeśli utworzono karnację niestandardową, wybierz z menu podręcznego opcję Adres URL do własnej karnacji, a następnie wprowadź do pola URL adres pliku SWF, który zawiera karnację.

    • Wybierz opcję Brak, a następnie przeciągnij niestandardowe składniki UI FLV Playback do stołu montażowego, aby dodać elementy sterowania odtwarzaniem.

      Uwaga: W dwóch pierwszych przypadkach pojawi się podgląd karnacji, który będzie widoczny na panelu przeglądania powyżej menu podręcznego. W celu zmiany koloru karnacji można użyć obszaru wyboru kolorów.

      Aby zmienić kolor niestandardowego elementu sterowania interfejsem użytkownika, należy zmodyfikować ten kolor. Więcej informacji na temat korzystania z niestandardowych elementów sterowania interfejsem użytkownika zawiera sekcja Tworzenie karnacji dla poszczególnych niestandardowych składników UI FLV Playback .

  7. Kliknij przycisk OK, aby zamknąć okno dialogowe Wybierz karnację.

  8. Wybierz opcje Sterowanie > Testuj film, aby uruchomić plik SWF i uruchomić wideo.

    W poniższej procedurze przedstawiono wykorzystanie kreatora Import wideo w celu dodania składnika FLVPlayback:

Korzystanie ze składnika Import wideo:

  1. Wybierz opcje Plik > Importuj > Importuj wideo.

  2. Określ lokalizację pliku wideo, zaznaczając jedną z poniższych opcji:

    • Na komputerze lokalnym

    • Już zainstalowano na serwerze sieci Web, serwerze usługi Flash Video Streaming Service lub serwerze Flash Media Server

  3. W zależności od wybranej opcji wprowadź ścieżkę lub adres URL, który będzie określał lokalizację pliku wideo; następnie kliknij przycisk Dalej.

  4. Jeśli wybrano ścieżkę do pliku, pojawi się okno dialogowe Instalacja, na którym można wybrać jedną z opcji, aby określić sposób, w jaki plik wideo zostanie zainstalowany:

    • Progresywne pobieranie ze standardowego serwera sieci Web

    • Strumieniowanie z Flash Video Streaming Service

    • Strumieniowanie z serwera Flash Media Server

    • Osadź wideo w pliku SWF i odtwarzaj na osi czasu

      Ważne: Nie należy wybierać opcji Osadź wideo. Składnik FLVPlayback odtwarza wyłącznie zewnętrzne wideo strumieniowe. Wybranie tej opcji nie spowoduje umieszczenia składnika FLVPlayback na stole montażowym.
  5. Kliknij przycisk Dalej.

  6. Można wybrać jedną z następujących opcji:

    • Z listy rozwijanej Karnacja wybierz jedną z wstępnie zaprojektowanych karnacji, która posłuży do dołączenia zestawu elementów sterowania odtwarzaniem do składnika.

    • Jeśli utworzono karnację niestandardową dla składnika, wybierz z menu podręcznego opcję Adres URL do własnej karnacji, a następnie wprowadź do pola URL adres pliku SWF, który zawiera karnację.

    • Wybierz opcję Brak, a następnie przeciągnij niestandardowe składniki UI FLV Playback do stołu montażowego, aby dodać elementy sterowania odtwarzaniem.

      Uwaga: W dwóch pierwszych przypadkach pojawi się podgląd karnacji, który będzie widoczny na panelu przeglądania powyżej menu podręcznego.
  7. Kliknij przycisk OK, aby zamknąć okno dialogowe Wybierz karnację.

  8. Odczytaj zawartość okna dialogowego Zakończ importowanie wideo, aby określić następną operację, a następnie kliknij przycisk Zakończ.

  9. Jeśli plik FLA nie został zapisany, pojawi się okno dialogowe Zapisz jako.

  10. Wybierz opcje Sterowanie > Testuj film, aby uruchomić plik SWF i uruchomić wideo.

    Poniższa procedura opisuje dodawanie składnika FLVPlayback za pomocą ActionScript.

Dynamiczne tworzenie instancji za pomocą ActionScript:

  1. Przeciągnij składnik FLVPlayback z panelu Składniki do panelu Biblioteka (Okno > Biblioteka).

  2. Dodaj poniższy kod do panelu Operacje w klatce nr 1 na osi czasu. Zmień install_drive na napęd, na którym zainstalowano program Flash, a następnie zmodyfikuj ścieżkę w celu uwzględnienia lokalizacji folderu Skins dla instalacji:

    Na komputerze z systemem 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";

    Na komputerze z systemem 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";
    Uwaga: Jeśli właściwości source i skin nie zostaną ustawione, wygenerowany klip będzie pusty.
  3. Wybierz opcje Sterowanie > Testuj film, aby uruchomić plik SWF i uruchomić wideo.