Korzystając z tej strony zgadzasz się z polityką prywatności i regulaminem.
Akceptuj
WebInside.plWebInside.plWebInside.pl
  • Aktualności
  • Technologie
  • WWW
  • E-marketing
  • AI
  • Poradniki
  • e(Biznes)
Szukaj
  • Kontakt
  • Forum
WebInside.pl © 2023.
Czytasz: Modyfikacja dźwięku we Flashu
Udostępnij
Zaloguj się
Powiadomienia
Aa
WebInside.plWebInside.pl
Aa
Szukaj
  • Strona główna
  • Aktualności
  • Technologie webowe
  • Publicystyka
  • E-marketing
  • Poradniki
  • AI
  • Technologie
  • Artykuły partnerskie
  • Więcej
    • Kontakt
    • Mapa strony
Masz już konto? Zaloguj się
  • Aktualności
  • Technologie
  • WWW
  • E-marketing
  • AI
  • Poradniki
  • e(Biznes)
WebInside.pl © 2023.
WebInside.pl > Technologie webowe > Modyfikacja dźwięku we Flashu
Technologie webowe

Modyfikacja dźwięku we Flashu

WebInside.pl
Ostatnia aktualizacja: 25.07.2003
WebInside.pl
Udostępnij
Udostępnij

W poprzedniej części przedstawiłem sposób wprowadzenia do animacji dźwięku, lecz polegało to tylko na odegraniu, bądź zatrzymaniu odtwarzanego dźwięku. Dziś chciałbym zaprezentować Wam coś innego.

Modyfikacja dźwięku. Dzięki kilku metodom nasza animacja na pewno nabierze pewnej barwy, a także wpłynie pozytywnie na odczucia oglądającego.

1. Metoda setVolume

2. Panorama dźwięku (setPan)

Metoda pierwsza – setVolume – służy do ustawiania natężenia odtwarzanego dźwięku, jako argumenty przyjmuje ona wartości w zakresie 0 do 100, metoda setPan jako argument może przyjąć wartości od -100 do 100. Gdy panoramę ustawimy na -100 to dźwięk odtwarzany będzie wyłącznie z lewego kanału, natomiast 100 wyłącznie z prawego.

Kontynuując poprzednie ćwiczenie usuń ze sceny wszystkie elementy oprócz przycisku uruchamiającego nasz dźwięk. Dodaj kolejny klony przycisku i przypisz do niego akcję:

on (release) {mojDzwiek.setVolume(x);}

Zamiast x wpisz dowolną wartość z przedziału od 0 do 100. Przy czym należy pamiętać, że 0 to wartość minimalna, czyli dźwięku w ogóle nie będzie słychać, natomiast 100 to wartość maksymalna. Domyślną wartością dla metody setVolume jest 100.

Teraz czas na metodę setPan. Należy jej użyć w identyczny sposób jak metody setVolume, z tą różnicą, że zamiast x wstawiamy wartość z przedziału -100 do 100. Przeciągnij raz jeszcze symbol przycisku na scenę i przypisz następujący kod:

on (release) {mojDzwiek.setPan(0);}

Spowoduje to równomierne rozmieszczenie dźwięku pomiędzy obydwoma kanałami-lewym i prawym. Spróbuj powstawiać też inne wartości np. -25 czy 90 i zaobserwuj, co się dzieje.

Teraz chciałbym przedstawić bardzo ciekawy efekt spotykany w niektórych bardziej zaawansowanych prezentacjach. Mianowicie chodzi mi o stworzenie dynamicznej kontroli dźwięku. Wyobraź sobie ten efekt na swojej stronie. Użytkownik przy odwiedzaniu Twojej witryny może, lub nie musi, wybrać muzykę, albo nawet jej rodzaj i reguluje za pomocą np. pokrętła głośność.

Przedstawię ten efekt na przykładzie suwaka, po to abyś mógł lepiej zrozumieć procesy zachodzące w tworzeniu tego efektu. Kontynuując to co zrobiliśmy do tej pory usuń wszystkie klony ze sceny. Następnie wybierz polecenie Insert>New Symbol. W okienku wpisz nazwę symbolu „okno” – i zaznacz opcję MovieClip.

Po tej czynności w powinno pojawić Ci się „czyste białe pole z krzyżykiem”. Jeśli tak nie jest to przejdź do edycji przed chwilą utworzonego MovieClipa. Teraz przed Tobą nieco Action Scriptu. Zmień nazwę warstwy na „Akcja” i dodaj akcję do klatki kluczowej:

mojDzwiek = new Sound();mojDzwiek.attachSound(dzwiek);mojDzwiek.stop();suwak._y = 100;wartosc = 100;

Kolejną rzeczą jest utworzenie symbolu przycisku. Stwórz więc nową warstę o dowolnej nazwie. Wybierz Insert>New Symbol. W pole nazwa wpisz”suwak” (pamiętaj by zaznaczyć opcję Button). Teraz narysuj jakiś kształt najlepiej, aby był to prostokąt ale może też to być inna figura. Po edycji naszego przycisku przejdź do edycji MovieClipa. Umieść w nim klon przycisku w pozycji (0,0) i nadaj mu nazwę „suwak” w polu instance name. Teraz czas na akcję, którą przypiszemy do przycisku:

on (press){startDrag("suwak", false, 0,0,0,100);}on (release) {stopDrag();wartosc = (suwak._y)/1.5;mojDzwiek.setVolume(wartosc);} 

Pozostała jeszcze jedna rzecz do zrobienia. Umieść pole tekstowe (najlepiej obok przycisku). Otwórz panel Properties i zmień Text Type z Static Text na Dynamic Text , a w pole Var wpisz „wartosc”.

Teraz wyjdź z trybu edycji Movie Clipa i na naszą scenę wstaw jego klon i uruchom film. Już w tej chwili główny mechanizm powinien działać. Pozostało Ci tylko dopracowanie graficzne poszczególnych elementów. W razie jakiś problemów zapraszam na .

Może Cię zainteresować

Sprawdź, jak zostać testerem oprogramowania lub Java developerem! Poznaj kursy online!

Architektura globalnego e-commerce: Jak zbudować sklep gotowy na podbój świata?

Java obchodzi 30. urodziny – język programowania który zmienił świat technologii

Jak zacząć projektować aplikację, nie mając gotowego pomysłu?

Serwer dla małej firmy – czym kierować się przy jego wyborze?

WebInside.pl 2003-07-25 2003-07-25
Udostępnij ten artykuł
Facebook Twitter Kopiuj link Wydrukuj
Udostępnij
Poprzedni artykuł Efekt przewijania tekstu
Następny artykuł Kontrola dźwięku we Flashu
Zostaw komentarz lub opinię

Dodaj komentarz Anuluj pisanie odpowiedzi

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Najnowsze artykuły

Procesor AMD Ryzen 7
Najlepsze procesory z pamięcią 3D V-Cache: Wydajność dla graczy i profesjonalistów
Technologie
Jak przygotować sklep internetowy na automatyzację obsługi klienta?
Artykuły partnerskie
the nvidia logo is displayed on a table
Nvidia przyłapana? Gigant AI chciał kupić miliony pirackich książek
AI Aktualności
Najczęstsze błędy w SMS marketingu: jak nie przepalić budżetu?
E-marketing
4 najczęstsze cyberzagrożenia w przemyśle
Technologie
Jak uratować zaschnięty tusz do drukarki? Skuteczne domowe sposoby i porady
Poradniki
Model 3D jako wspólne źródło danych dla projektu, produkcji i montażu
Artykuły partnerskie
Dlaczego wideo z telefonu sprzedaje na TikToku lepiej niż profesjonalne spoty?
Artykuły partnerskie
Dwa ekrany zawsze pod ręką – zalety korzystania z monitora przenośnego na co dzień
Technologie
Rola nowoczesnych technologii w procesie rehabilitacji
Artykuły partnerskie
banner
Chcesz umieścić swoją reklamę w portalu WebInside.pl?
Skontaktuj się z nami, a zaproponujemy interesujące formy reklamy.
Skontaktuj się

Inne polecane artykuły

Technologie webowe

Sprawdź, jak zostać testerem oprogramowania lub Java developerem! Poznaj kursy online!

5 min czytania
Technologie webowe

Architektura globalnego e-commerce: Jak zbudować sklep gotowy na podbój świata?

7 min czytania
MacBook Pro showing programming language
Technologie webowe

Java obchodzi 30. urodziny – język programowania który zmienił świat technologii

9 min czytania
AktualnościTechnologie webowe

Jak zacząć projektować aplikację, nie mając gotowego pomysłu?

9 min czytania
woman in black top using Surface laptop
Technologie webowe

Serwer dla małej firmy – czym kierować się przy jego wyborze?

5 min czytania
Technologie webowe

Jaki hosting wybrać pod Laravel? Kompleksowy przewodnik dla twórców aplikacji webowych

6 min czytania
programming language
Technologie webowe

Kaskadowość w CSS – wszystko, co musisz wiedzieć

7 min czytania
two women talking while looking at laptop computer
Technologie webowe

Darmowe kreatory stron WWW – stwórz swoją stronę w godzinę

14 min czytania
//

WebInside.pl – portal technologiczny. Aktualności ze świata technologii, webmastering, marketing internetowy, AI, poradniki.

 

Partnerzy

Wszystkie kategorie

  • AI
  • Aktualności
  • Artykuły partnerskie
  • E-marketing
  • e(Biznes)
  • Poradniki
  • Publicystyka
  • Technologie
  • Technologie webowe

Ostatnio dodane

  • Najlepsze procesory z pamięcią 3D V-Cache: Wydajność dla graczy i profesjonalistów
  • Jak przygotować sklep internetowy na automatyzację obsługi klienta?
  • Nvidia przyłapana? Gigant AI chciał kupić miliony pirackich książek
  • Najczęstsze błędy w SMS marketingu: jak nie przepalić budżetu?

Kontakt

Chcesz się z nami skontaktować? Jesteś zainteresowany reklamą lub artykułem sponsorowanym?

Skorzystaj z formularza kontaktowego lub napisz do nas na kontakt@webinside.pl

WebInside.plWebInside.pl
WebInside.pl © 2023 | Mapa strony | Forum | Polityka prywatności
Witaj ponownie!

Zaloguj się do swojego konta

Zapomniałeś hasła?