Hudba na webu - ukotvit, Bgsound a vložit značky
V první části tohoto tutoriálu jsme diskutovali o různých typech zvukových souborů používaných nejčastěji na webových stránkách. V této části tutoriálu si probereme způsoby přidání hudby na vaše webové stránky HTML. Pojďme se tedy podívat, jak kódovat HTML. Můžete použít metodu kotevní značky HTML nebo metodu tagů bgsound a embed.

První metodou je použití značky kotvy HTML (link). Jedná se o uživatelsky přívětivou metodu, protože nabízí návštěvníkovi webu možnost zobrazit vaši webovou stránku s hudbou nebo bez hudby. Návštěvník může vaši webovou stránku zobrazit rychleji, protože nemusí čekat na stažení zvukového souboru s webovou stránkou samotnou. Zvukový soubor se stáhne, pouze pokud se rozhodne slyšet píseň a klikne na odkaz, který otevře audio přehrávač webového prohlížeče jako vyskakovací okno. Řekněme, že chcete na webovou stránku vložit soubor midi a název zvukového souboru midi je „song.mid“. Také chcete použít metodu kotevní značky. Kód odkazu bude vypadat jako kód níže. Atribut href říká prohlížeči, kde hledat zvukový soubor. Hodnota atributu href bude adresa URL zvukového souboru. Můžete použít úplnou adresu URL, jako v příkladu níže, nebo můžete odstranit adresu „www.yourwebsite.com/“, pokud je zvukový soubor na stejném místě jako webová stránka. (Klepnutím sem zobrazíte recenzi značky kotvy HTML.)


Hrát si
Poznámka--Šíp označuje, že kód je zalomen na druhý řádek a měl by být skutečně na jednom řádku.

Druhá metoda způsobí automatické přehrávání zvukového souboru při zobrazení webové stránky. Pro tuto metodu použijete značku bgsound a / nebo embed. Zde je kód.



loop = "nekonečný">



autostart = "true" hidden = "false" width = "300"
height = "45" loop = "nekonečný">
Poznámka--Šíp označuje, že kód je zalomen na druhý řádek a měl by být skutečně na jednom řádku.

srcsource attribute - value je adresa URL zvukového souboru
automatické spuštěnítrue nebo false (vložit značku)
smyčkapravdivé, nepravdivé nebo kolikrát se má píseň přehrát (značka pro vložení)
nekonečná nebo kolikrát má být skladba přehrána (značka bgsound)
šířka a výška měření ovládacího panelu zvuku na webové stránce (značka pro vložení)
skrytýtrue nebo false - řídí viditelnost ovládacího panelu (vložená značka)


Prvky vložení a vložení mají několik atributů, které řídí způsob přehrávání skladby a způsob zobrazení ovládacího panelu zvuku na webové stránce.

  1. Atribut src funguje stejným způsobem jako ve většině ostatních značek HTML. Řekne prohlížeči, kde má najít zvukový soubor.
  2. Autostart lze zapnout nebo vypnout nastavením hodnoty tohoto atributu na true nebo false. Po zapnutí způsobí automatické spuštění přehrávání hudby ihned po stažení souboru. (vložit značku)
  3. Atribut loop informuje prohlížeč, kolikrát má soubor přehrát.


Pokud chcete použít značku pro vložení, je pěkný efekt skrýt ovládací panel zvukového přehrávače. To lze provést nastavením hodnoty skrytého atributu na true. Na druhou stranu můžete ovládat vzhled ovládacího panelu na webové stránce pomocí atributů výška a šířka. Pokud nejsou zadány atributy výšky, šířky a skrytí, zobrazí se na webové stránce ve výchozím nastavení ovládací panel. Přestože je skrytá funkce pěkná, můžete nechat ovládací panel ponechán viditelný, aby posluchač mohl mít kontrolu nad přehráváním zvuku (například hlasitost).

Většina prohlížečů může vloženou značku „přečíst“. Některé prohlížeče, zejména starší, však nemohou. Proto používáte značku noembed. Tato značka říká prohlížeči, aby postupoval podle pokynů mezi otevírací značkou a uzavíracími značkami, pouze pokud prohlížeč nedokáže přečíst vloženou značku. Značka Bgsound funguje stejným způsobem jako značka vložení. Značka bgsound však nemá atributy výšky, šířky nebo skrytí.





Video Návody: Exploring JavaScript and the Web Audio API by Sam Green and Hugh Zabriskie (Smět 2024).