Dźwięk na stronie z możliwością zatrzymania odtwarzania

~ pozostałe przykłady ~

Ten tutorial przedstawia jak zaimportować dźwięk, a także jak go odtwarzać i zatrzymać przy użyciu programu Flash Designer.
Zobacz działanie

Zaimportuj dźwięk

  1. Otwórz program Flash Designer i utwórz nowy pusty dokument
  2. Z menu wybierz "Film" > "Importuj Dźwięk...". Zaznacz swój plik MP3 i kliknij OK. Wybierz "Dodaj dźwięk do listy".

  3. Flash Designer pokaże dźwięk na liście. Kliknij OK by zamknąć okienko "Dźwięki":

  4. Wybierz z menu "Ramka" > "Dźwięk Ramki". Zaznacz zaimportowany wcześniej dźwięk. Ten dźwięk jest dośc krótki więc odtwórzmy go kolejno 10 razy. Kliknij OK.

  5. Wybierz z menu "Film" > "Odtwórz animację" aby sprawdzić działanie animacji. Powinieneś widzieć pustą ramkę z dźwiękiem w tle. Wciśnij "Alt+F4" aby wyjść z podglądu.

Dodawanie grafiki

Słyszymy już dźwięk. Teraz możemy dodać grafikę i animować ją.

  1. Wybierz "Wstaw" > "Symbol" (czcionka np. Webdings w 9 rzędzie od góry w otwartym oknie) aby zobaczyć galerię symboli.

  2. W widoku projektu powinno to wyglądać tak:

  3. Gdy już masz wstawiony do animacji wybrany symbol wybierz z menu "Animacja" > "Animacja w pętli". Zmień prędkość na "Szybka" i kliknij OK by zatwierdzić efekt animacji "Znikania". Symbol w nieskończoność będzie pojawiał się i znikał.

  4. Wciśnij klawisz F9 by zobaczyć animację.

Dodanie przycisku "Stop"

Gdy oglądający stronę nie chce słuchać muzki na niej zawartej może ją wyłączyć klikając na przycisk "stop".
  1. Wybierz narzędzie "Przycisk":

  2. Kliknij i przeciągając narysuj przycisk np. w prawym dolnym rogu ramki. Gdy przycisk jest zaznaczony, wybierz z menu "Obiekt" > "Czcionka". Zmień rozmiar tekstu na 10. Zatwierdź klikając OK. Aby zmienić napis na przycisku wybierz z menu "Obiekt" > "Właściwości". Wpisz tekst na przycisku np. "Wycisz".

  3. Aby przycisk wykonywał zamierzoną akcję wpisz poniższy kod ActionScript:

    stopAllSounds();
    

    Gdy przycisk jest zaznaczony wybierz z menu "Akcja" > "Kliknięcie". Zaznacz "ActionScript" i wprowadź kod w polu edycji. Kliknij OK aby potwierdzić. Flash wykona instrukcje kodu gdy użytkownik kliknie na przycisk.

    Aby uchronić się od powtarzania się odtwarzania dźwięku na okrągło zdefiniuj ramkę jako statyczną. Wybierz "Ramka" > "Czas Ramki" i zaznacz opcję "Stop".

Ostatnia czynność to eksport animacji

  1. Wybierz z menu "Plik" > "Eksport Flash SWF". Wpisz nazwę pliku i kilknij OK.
  2. Wybierz z menu "Plik" > "Eksport strony HTML" i kliknij OK. Otworzy się strona z gotową animacją flash.

Pobierz gotowy kod projektu: t1002.zip (300 KB)



Pobierz program Flash Designer

Chcesz skomentować ten tutorial?

Jeśli chcesz skomentować krótko ten artykuł, możesz napisać komentarz poniżej (długość do 255 znaków): *


Twój email: (tylko jeśli oczekujesz odpowiedzi)


W pole poniżej wpisz wynik działania matematycznego, cyfrę: 4+2+2 (podpowiedź: osiem).
Jest to zabezpieczenie przed spamem.

* pole wymagane

| Strona główna | Zamówienie | Pobierz | O programie | Wsparcie | Przykłady |
Copyright © 1999-2017 Selteco Flash Software. All rights reserved.