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

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

Navigace