Jak odtwarzać muzykę na stronie, aby po każdym przejściu na podstronę nie zaczynała grać od początku?
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 tym divem nie jest ponownie wczytywane podczas “przeładowania” 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 
.
> Może ktoś ma jakiś pomysł jak zmienić dodatkowo tło podstrony bez przeładowania?
A nie możesz wraz z przeładowaniem treści strony, po prostu pobrać nowego css-a? Ewentualnie w inny sposób JS-em uaktualnić kolor tła dla danej podstrony (nie wiem jak jest ustawiony ten kolor tła)?
Nie. Bo
.
linkjest w head. Tło strona jest tuw funkcji, która ładuje content możesz dodać np.
document.body.className = hash;
a w pliku css dla całego serwisu:
body { //tło podstawowe }
body.podstrona { //tło dla pierwszej podstrony }
body.inna-podstrona { //itd; }
od kiedy trzeba robić flasha na całą strone żeby mógł odtwarzać muzykę?
może mieć 1px x 1px i sobie bzdryngać
@mbrun: i co przeładowanie strony od nowa się zaczyna!? Katorga. Zauważ, że w przykładzie też dałem odtwarzacz flashowy.
Nie rozumiem jednego zdania – “Działa on w bardzo sposób.”
@rad: zjadłem “prosty”.
Dzięki za cenne rady
)
Jak chcesz to zobacz jak u mnie to działa
tylko trzeba troche długo poczekać aż się załaduje 
Ej to jak można zrobić, żeby było tak, jak ty Ptaszor to dałeś w przykładzie ?
Chciałbym dać muzę na tą stronę co podałem ale nie wiem dokładnie jak..
To trzeba wklepać jakiś kodzik do index.html ? Sory, ale Troszkę nie rozumiem nie jestem w tym zbyt dobry.. :-/
To tak, jak ty podałeś Ptaszor przykład jak zrobić na tej stronie, co podałem ?
Chciałbym dodać muzę ale nie wiem zabardzo w jaki sposób..
http://kochaniusia14.wrzuta.pl/audio/riTySStWmo/just_jack-writers_block_thomas_gold_remix
Tu jest link na wrzutę do tej piosenki. Trzeba jakiś kod do indes.html dać czy jak ?
Czekam na odpowiedź
Pozdrawiam Serdecznie
[...] wpis był przeze mnie umieszczony na prywatnym blogu, gdzie także [...]
Ja kiedyś zrobiłem to poprzez zastosowanie zmiennej sesyjnej.
Jeżeli takowa nie jest ustawiona to po prostu generujemy inny kod.
ma to sens jezeli masz jakis motyw, ktory ma byc odtworzony tylko na pierwszym wejsciu.
Zauważyłem że strona z przykładowa muzyka nie wyswietla sie dobrze pod Opera(pod IE jest ok).Gdy przechodzę do innych podstron i pózniej wracam do strony glównej teks “Hi, welcome to the demonstration for the NETTUTS tutorial …” nie jest wyświetlany przez Operę.Wie ktoś jak to można naprawić?
Nie rozumiem dlaczego autor strony wyraża się tak negatywnie o muzyce w tle. Są strony tematyczne, na których (moim zdaniem) muzyka w tle zrobi dobre wrażenie
@music-pro: a pozytywne wrażenie wywołuje u Ciebie gdy wchodzisz na jakąś www, włącza się jakaś muzyka w tle, przechodzisz na podstronę – chwila ciszy – i ten sam kawałek od początku. Przejdź tak jeszcze po kilku stronach wraz z zaczynającą się ciągle tą samą piosenką….
Ptaszorze, a co powiesz na takie rozwiązanie:
- flash 1×1 px
- przy otwarciu strony Flash wczytuje z SharedObject, co ma odtworzyć i od której pozycji – jeżeli w SO jeszcze nic nie ma to odtwarza od początku
- przy wyjściu ze strony flash zapisuje aktualnie odtwarzany utwór i pozycję tego utworu w SharedObject
Do tego można dać fade in i fade out (z fade outem trzeba by już pokombinować), aby nie przeszkadzało gwałtowne urywanie się utworu i gra gitara!
No tak ale z tymi przeładowaniami jest problem natury takiej, chcę na stronie sobie wczytać galerię na javascript prosta darmowa z interentu i już nie da rady, mianowicie głowny index.html nie czyta tych skryptów osadzonych w np. gallery.html, a jak otworzymy samo gallery.html to wszystko gra, ma ktoś pomysł na to?
Witam bardzo fajnie napisane dzięki ci wielkie z to ,bo bardzo mi się przydało Ja się dopiero bawię z wordpresem dlatego twoje informacje są dlamnie cenne oby tak dalej
Pozdrawiam
Gdy tego używam to po przejściu na inną stronę ładuje ją ale nie ładuje mi innych js. Dlaczego?
Zapraszam na moje radyjko internetowe grające 24 h:
http://london7th.republika.pl/
Powarzna nuta czyli muzyka techniczna z VINYLI CZAT