Jak wstawić Flasha na stronę www, a dokładniej: jak wstawić film SWF wykonany we Flashu do pliku HTML? – wiele osób ma z tym problemy, ale w tym artykule zostaną rozwiane wszelkie problemy.
Mamy już utworzony film we Flashu i zapisany jako plik FLAZ menu File wybieramy polecenie Publish Settings lub wciskamy kombinację klawiszy [Ctrl+Shift+F12].
Otworzy się nam okno Publish Settings, a w nim standardowo 3 zakładki: Formats, Flash oraz HTML. Na zakładce Formats mamy do wyboru kilka typów plików, w jakich możemy utworzyć obecnie edytowany film. Pamiętajmy, że każden typ ma swoje właściwości, np. JPEG nie umożliwi nam wyświetlania animacji, tylko wyświetli pierwszą klatkę filmu itp. Aby ustawić odpowiednie parametry dla danego typu, najpierw zaznaczamy pole wybory przy odpowiednim w zakładce Formats.
Zauważymy, że po wybraniu odpowiedniego typu pliku, pojawi się dodatkowa zakładka. Nowa zakładka zawiera ustawienia odpowiednie dla danego typu. My zajmiemy się teraz najprostszą sytuacją, tzn. mając już utworzony film (plik FLA – źródło filmu oraz plik SWF – skompilowany film przeznaczony właśnie do umieszczenia na stronie) chcemy go umieścić na stronie www lub inaczej w pliku strony np. HTML, HTM, PHP itd.
Stadnardowo we Flashu po wciśnięciu klawisza [F12] aktualnie edytowany film zostanie przedstawiony w domyślnej przeglądarce internetowej, załużmy, że jest nią przeglądarka Internet ExplorerPrzy domyślnych ustawieniach w zakładce Flash oraz HTML, w przeglądarce pojawi się tylko sam film Flasha.Otwieramy źródło strony w przeglądarce -> Widok | Źródło.W domyślnym edytorze HTML (najczęściej jest to systemowy Notatnik) otworzy się źródło stronyW źródle szukamy następującego (podobnego) kodu:
| <OBJECT
'tutaj znajdują się jeszcze classid oraz codebase celowo usunięte z tego przykładowego kodu’ WIDTH=550 HEIGHT=400> |
Z powodów technicznych usunąłem 3 liniki kodu, które są potrzebne, ale nie są potrzebne do omawiania w tej lekcji
Opis: Movie1.swf to nazwa naszego pliku SWF wraz ze ścieżką dostępu do niego, WIDTH – szerokość filmu, HEIGHT – wysokość filmu, bgcolor – kolor tła, quatlity – jakość filmu;
Jeżeli plik SWF znajduje się w innym katalogu, niż strona, na której go wyświetlamy, pamiętajmy o zmienie ścieżki dostępu do tego pliku. Zamiast samej nazwy pliku SWF np. Movie1.swf musimy wprowadzić także nazwę katalogu, gdzie ten plik się znajduje np. swf/Movie1.swf – to oznacza, że nasz film znajduje się w katalogu swf, a strona w katalogu głównym w którym jest katalog swf itd.
Kod jest zależny od ustawień jakich dokonaliśmy w zakładce HTML we Flashu.Zaznaczamy ten i kopiujemy go do schowka za pomocą kombinacji klawiszy [Ctrl+C] Następnie otwieramy plik naszej strony w dowolnym edytorze tekstowym np. systemowy Notatnik. Za pomocą kombinacji klawiszy [Ctrl+V] wklejamy uprzednio skopiowany kod w odpowiednie miejsce (tam, gdzie chcemy, aby został wyświetlony nasz film).
Zapisujemy i zamykamy plik strony. Pamiętajmy jeszcze o skopiowaniu pliku SWF w odpowiednie miejsce (do folderu ze strona itp.) Dobra, to podstawową metodę wyświetlania filmów Flasha na stronach www mamy już opanowaną ;), teraz pora na coś trochę trudniejszego.
Pora na automatyczną detekcję Flasha – jeżeli w systemie zainstalowany jest plugin Flasha, zostanie wyświetlony Film, w przeciwnym wypadku zostanie wyświetlony plik z grafiką zastępszą. Sprawa jest równie prosta jak poprzedio.Praktycznie wszystko ustawiamy we Flashu w oknie Publish Settings [Ctrl+Shift+F12]
W zakładce HTML, z rozwijanego menu Template – szablon, wybieramy odpowiedni szablon: User Choice – wybór użytkownika.Po kliknięciu na przycisku Info dowiemy się, że jeżeli Flash Player (plugin Flasha do przeglądarek) jest zainstalowany, film (plik SWF) zostanie automatycznie wyświetlony w przeciwnym wypadku zostanie wyświetlona grafika zastępcza.
Aby wogóle grafika zastępcza mogła zostać wyświetlona, w zakładce Formats okna Publish Settings musimy zaznaczyć pole przy GIF lub JPEG (może też być PNG, ale tamte formaty są popularniejsze). Dodatkowo za pomocą JavaScript oraz ciasteczek (cookie) użytkownik ma do wyboru, czy chce widzieć film Flasha, czy grafikę zastępczą.
Po dokonaniu odpowiednich ustawień w oknie Publish Settings klikamy na przycisku OK, a potem wciskamy przycisk [F12] na klawiaturze.I znowu w domyślnej przeglądarce internetowej ukaże się nam film Flasha (o ile mamy zainstalowany odpowiedni plugin) lub grafika zastępcza (o ile nie mamy zainstalowanego pluginu), a pod tym wszystkim 3 linki: Use Automatic Detection – użyj automatycznej detekcji (skrypt sam sprawdza, czy w systemie zaisntalowany jest Flash plugin i w zależności od tego wyświetla film lub grafikę zastępczą), Use Plug-in – użyj pluginu (wyświetla film SWF wykorzystując zainstalowany w systemie plugin), Use Image – użyj obrazka (wyświwtla obrazek, bez względu, czy w systemi ejest plugin, czy nie – w końcu to wybór użytkownika).
Po wyświetleniu źródła strony, kopiujemy wysztko co znajduje się w pomiędzy znacznikami BODY i /BODY. Oczywiście możemy troche ten kod oczyścić z komentarzy itd.Oczywiście to, co oferuje Flash na stronie podglądu (chodzi mi o te linki Use Plug-in itp. i ogólny wygląd strony) jest do zmiany i szczerze to polecam. Polecam również zapoznanie się z innymi opcjami (oraz z ich ustawieniami dostępnymi na odpowiednich zakładkach) w zakładce Formats okna Publish Settings.
