Home >> HTML >> Hudba na web

Hudba na web

Chcete svým návštěvníkům zpříjemnit čas strávený na Vašem webu nějakou písničkou? Pak jste tu správně! V tomto článku si ukážeme jak na to.

Při vkládání hudby na web, se obvykle používají tyto formáty: mp3, midi a wav. Způsobů jak vložit hudbu na web, je hned několik a nyní se na ně podíváme:

Odkaz na hudbu

Nejjednoduší možností jak vložit hudbu na Váš web je pomocí klasického odkazu, kde se uvádí URL hudby.


<a href="opijemse.mp3">Spustit hudbu</a>

Po kliknutí na tento odkaz se zobrazí dialogové okno, kde má uživatel 2 možnosti. A to Stáhnout soubor nebo soubor otevřít programem asociovaným k danému typu souboru.

Výsledek:

Spustit hudbu

Automaticky přehrávaná hudba na pozadí stránky

Hudba se spustí ihned po načtení stránky webovým prohlížečem. Návštěvník nemá možnost tuto hudbu vypnout nebo ztlumit. Dosáhneme toho vložením tohoto kódu do hlavičky dokumetu:


<embed src="opijemse.mp3" hidden="true" repeat="true">
 
<noembed> <bgsound src="opijemse.mp3"></noembed>

Problém může nastat, pokud uživatel nemá žádnou aplikaci, která umí přéhrát soubor daného typu nebo jeho webový prohlížeč postrádá potřebný zásuvný modul nebo-li plugin.

Zde si můžete zobrazit ukázku.

Automaticky přehrávaná hudba na pozadí stránky + možnost pause

Hudba se spustí stejně jako v předchozím případě ihned po načtení stránky webovým prohlížečem. Návštěvník má nyní ovšem možnost tuto hudbu pozastavit, pomocí mále ikonky. Dosáhneme toho vložením tohoto kódu na libovolné místo HTML dokumetu:


<embed src="opijemse.mp3" width="25" height="25" autostart="true" repeat="true">

Zde si můžete zobrazit ukázku.

Hudba na stránce + kompletní konzole

Vašim návštěvníkům lze také jednoduchým způsobem poskytnout kompletní konzoli, pomocí které uživatel sám určí zda hudba bude hrát. Hudbu lze také libovolně posouvat a regulovat hlasitost.


<embed src="opijemse.mp3" width="150" height="25" autostart="false">

Zde si můžete zobrazit ukázku.

Parametry

Zde je seznam parametrů, pomocí kterých lze měnit vlastnosti přehrávání hudby na stránce:

Parametr	Význam	Hodnota
autostart	Hudba se spustí automaticky	true false
loop	Počet opakování	číslo infinite
hidden	Definuje zda se má konzole zobrazit	true false
repeat	Hudba se neustále opakuje	true false