Hudba

Hudba je velmi oblíbenou součástí webových stránek. Můžete ji využít např.:

  • Umožnit návštěvníkovi hudbu stáhnout
  • Přehrávat ji na stránkách
  • Využít ji v momentě kdy návštěvník klikne na odkaz (události)

Co můžete použít

Tak jako u obrázků i při použití hudby je vhodné řídit se formáty. Ne každý má k dispozici adekvátní přehrávač (v tom případě je nezbytné buď doporučit návštěvníkovi ať si přehrávač stáhne nebo využívat obecné formáty).

  • wav soubory (*.wav) většina lidí má přehrávač, který je podporuje např. Windows Media Player
  • mid, poslední dobou velmi oblíbené ve spojení s mobilními telefony, soubory (*.mid, *.midi)
  • mp3, soubor (*.mp3)

WAV a MP3 jsou skoro totožné, co do kvality zvuku, ale MP3 je zhruba desetkrát menší (datová velikost), MID většinou obsahuje zvuk s omezeným počtem tónů (třeba 16) a je tedy výrazně menší. Microsoft přivedl nový formát WMA (Windows Media Audio), který má konkurovat formátu MP3.

Stahování hudby

Stáhnutí hudby je poněkud složitý proces. Nejlépe je poskytnout přímý odkaz na soubor (...music.mp3), rozhodně se vyhněte JavaScriptu. Bohužel nikdy není jisté, co se stane po kliknutí na odkaz (může se přehrát nebo nabídnout možnost k uložení - tato volba záleží na nastavení prohlížeče).

Nejlepším řešením je kliknout na odkaz pravým tlačítkem myši a vybrat uložit cíl jako. Jelikož toto mnoho návštěvníků neví, dejte jim to najevo:

Music (MID 80 KB), klikněte pravým tlačítkem na odkaz a vyberte uložit cíl jako..

Vložení hudby na stránky

<embed src="music.mid" autostart="false" />

Může to vypadat třeba takhle
Další atributy jsou třeba width a height, které určují prostor pro objekt. autostart="true| false" značí zda se má hned přehrávat, nebo až po stisku tlačítka pro přehrávání. hidden="true| false" určuje zda má být přehrávač zobrazen. loop="-1,1,2.." kolikrát má být hudba přehrána(-1 do aleluja)

Atribut pluginspace="URL" určuje podporu plug-in, která zajistí přehrávání v jiných prohlížečích než MSIE

Události

Do stránky vložíte hudbu, tak aby nebyla vidět a pak jí pomocí JavaScriptu zapínáte a vypínáte. Vyžaduje povolení ActiveX

<embed src="music.mid" autostart="false" hidden="true" name="pozadi" />

Zapnutí po kliknutí, vypnutí po kliknutí a přehrání po přejetí nad odkazem

<a href="javascript:document.pozadi.start()">Zapni</a>
<a href="javascript:document.pozadi.stop()">Vypni</a>
<a href="#" onMouseOver="javascript:document.pozadi.start()">Cvak</a>

Start Stop přejeď

Přesměrování

<meta http-equiv="refresh" content="5; url=music.mid">

Když toto použijete v hlavičce dokumentu, bude po 5ti sekundách otevřen přehrávač s danou písničkou

Vložení pomocí prvku object

S použitím XHTML je správnější použít prvek object:

<object data="hudba/music.mid" autostart="true"></object> 

Podpora v prohlížečích

Netscape 6Opera 7MSIE 6
bgsoundnepodporujeanoano
embednepodporuje - vyžaduje pluginuanoano (zobrazí ovládání Windows Media Player)
objectnepodporujenepodporujeZobrazí pokud je povoleno ActiveX (zobrazí WMP na stránce i ho zvlášť otevře)
odkazzeptá se jestli se má stáhnout nebo otevřítpřehrajeotevře WMP

Závěr

Správné přehrání hudby je dost složité. Zamyslete se jestli je nutné během návštěvy webu přehrávat. Pamatujte na lidi, kteří netí v pracovní době, kdyby jim začalo něco vyřvávat z reproduktorů, nevím jestli by byli rádi



Doporučuji
Pro své weby používám *Webhosting C4: 20 GB prostoru, PHP, MySQL, e-maily, subdomény za 1200 Kč (zdarma 2 GB navíc každý rok). Více WebhostingC4.cz.
Potřebujete poradit?


Vyhledávání


Poradna

Pokud si nevíte rady, chcete kontakt na spolehlivého tvůrce webu, či vás zajímá cizí názor, ozvěte se.

Reklama