Home > Flash, Fragmenty kodu, Tworzenie stron WWW, jQuery > Jak płynnie odtwarzać muzykę na stronie, aby nie zaczynała grać od początku?

Jak płynnie odtwarzać muzykę na stronie, aby nie zaczynała grać od początku?

Październik 10th, 2008

Muzyka na stronie – temat dość kontrowersyjny. Jako, że sam nie polecam stosowania jakiegokolwiek zagnieżdżania muzyki na stronie www, to czasem nie da rady obejść wymagań klienta i pomimo własnych uprzedzeń trzeba tą muzykę na stronę wstawić.
Jeśli już wstawiamy muzykę na stronę, to jedna bardzo ważna zasada – nie katujmy użytkownika danej strony tym, że w momencie gdy przechodzi on na jedna z podstron serwisu musi on słuchać zagnieżdżonego fragmentu muzyki po raz kolejny od początku!

W sieci można znaleźć kilka sposobów (ja znalazłem 3 możliwości) na osiągnięcie płynnego odtwarzania muzyki, pozwalającego na jednoczesne przeglądanie zawartości serwisu. Oto one:
- Zastosowanie ramek -> samo wykorzystanie ramek w tym momencie eliminuje jego wykorzystanie,
- Zrobienie całej strony we Flashu – co mi się kojarzy równie podobnie jak wspomniane ramki,
- Zastosowanie wyskakującego okienka – co jest także złe, ale z trojga złego jeszcze do zaakceptowania, oczywiście licząc się z irytacją użytkownika, który zapewne uwielbia jak mu z boku wyskakują niekontrolowane, niepożądane okna oraz należy się liczyć z tym, że większość użytkowników ma włączoną blokadę wyskakujących niespodzianek.

Przeglądając kilka tygodni temu artykuły w serwisie Nettuts, jeden przykuł moja uwagę. Może nie tyle on co powstały w jego wyniku przykład wykorzystania jQuery do animowanego wczytywania zawartości podstron w jakimś tam serwisie.

Działa on w bardzo prosty sposób. Wchodząc na stronę, wczytana zostaje jej zawartość, w momencie gdy chcemy przejść na podstronę, doczytywana jest tylko treść z określonego diva, czyli wszystko nad znacznikiem div nie jest ponownie wczytywane podczas odświeżenia strony.

Pojawia się więc możliwość umieszczenia np. odtwarzacza z nieszczęsną muzyką powyżej zawartości, która doczytuje podstrony wykorzystując jQuery.

Przykład: http://medeco.p9.pl/ex/muzyka/

Pomimo znalezienia owego sposobu na wyżej opisany problem (bo opisany przeze mnie sposób w 95% przypadków może z powodzeniem zastąpić wspomniane powyżej) oraz pomimo tego, że nie trzeba stosować prehistorycznego kodu lub robienia całej strony we Flashu, to nie udało mi się wykorzystać go do celu w jakim go wymyśliłem :/.
Powodem było/jest to, że strona jaką ostatnio robiłem i, na której musiałem zastosować muzykę, posiada na każdej podstronie inne tło definiowane w body (czyli w części gdzie nie dochodzi do doczytania podstrony), co nie pozwala na wykorzystanie rozwiązania.
Może ktoś ma jakiś pomysł jak zmienić dodatkowo tło podstrony bez przeładowania? Chyba, że znacie jeszcze inne sposoby na ww. problem?

W każdym bądź razie może komuś się przyda powyższy pomysł na użycie muzyki na stronie :) .

Oryginalny wpis był przeze mnie umieszczony na prywatnym blogu, gdzie także zapraszam.

Tomasz Sokół Flash, Fragmenty kodu, Tworzenie stron WWW, jQuery

  1. bukmacher
    Czerwiec 6th, 2009 at 22:45 | #1

    Ciekawa stronka, napewno bede teraz wpadal tu czesciej, pozdrawiam

  2. noclegi
    Czerwiec 13th, 2009 at 11:19 | #2

    Muzyka na stronie to jedna z najbardziej irytujących rzeczy. Twój sposób jest dobry, ale jak juz zauważyłeś niedoskonały. Sam poszukuję takiego rozwiązania. Jak tylko coś znajdę to dam znać. Pozdrawiam autora.

  3. szybkie odchudzanie
    Czerwiec 14th, 2009 at 21:11 | #3

    Interesujaca strona, napewno bede teraz wpadal tu czesciej, pozdrawiam

  4. jak szybko schudnac
    Lipiec 10th, 2009 at 16:57 | #4

    Ciekawy artykul, bede tu teraz wpadal czesciej, pozdrawiam bzerwiusz

  5. dieta kopenhaska
    Lipiec 16th, 2009 at 22:44 | #5

    Ciekawy blog, zatrzymam sie tu na dluzej
    pozdro kxawriusz

  6. bron biala
    Lipiec 22nd, 2009 at 11:12 | #6

    Interesujacy post, stronka ladna graficznie, jeszcze tu napewno zajrze
    pozdro lukkolini

  7. mgostek
    Lipiec 27th, 2009 at 10:10 | #7

    ciekawy pomysł strony, można legalnie wykorzystać ten pomysł dla własnych celów? odpisz na maila

  8. randki przez internet
    Lipiec 27th, 2009 at 21:19 | #8

    Fajna stronka, juz jest w moich ulubionych, jeszcze tu napewno zajrze

  9. sympatia
    Sierpień 3rd, 2009 at 22:28 | #9

    Stronka bardzo interesujaca dla mnie, dodalem do ulubionych, mysle ze bede tu zagladal czesciej

  1. Brak jeszcze trackbacków