Glasba na spletni strani

glasba, spletna stran

 

Vodič vam naniza kodo za vstavljanje glasbe na spletno stran. Glasbene datoteke lahko vstavite v spletno stran z značko embed, lahko uporabite googlov ali yahoojev predvajalnik, prikazano pa je tudi, kako nastaviti glasbo, ki se samodejno predvaja v ozadju spletne strani.

 

 

V tem vodiču bom uporabljal mp3 datoteke.

Glasba na spletni strani

 

1. Glasba na spletni strani

 

 

{iframe height="40" frameborder="0" width="500" scrolling="no" style="background-color:#FFF;" border="0" name="form" allowtransparency="false" margin-left="20px"}/html_primeri/mp3_spletna_stran/glasba_spletna_stran.htm"{/iframe}

 

Pesem v spletno stran vstavite z značko embed, v kateri določite pot do vaše glasbene datoteke (mp3), ki mora biti nujno na strežniku. V značko embed lahko vključite sledeče atribute:

  • width – širina predvajalnika
  • height – višina predvajalnika
  • autostart – samodejno predvajanje
  • loop – stalno predvajanje (zanka)
  • hidden – skrivanje predvajalnika (true ali false)
  • volume – glasnost



HTML koda:

<html>

<head>

</head>

<body>

<embed src="http://moje-mesto.com/mojemesto.mp3" autostart="false" width="350" height="30" volume="20">
</embed>

</body>

</html>

PRIKAZ pesmi na spletni strani

 

 

 

2. Povezava na pesem


Do svoje glasbene datoteke lahko naredite tudi povezavo. Ob kliku na to povezavo se začne predvajati vaša glasba.

HTML koda:

<a href="http://moje-mesto.com/mojemesto.mp3">mp3 datoteka</a>
PRIKAZ povezave do pesmi


3. Google predvajalnik za posamezno pesem

 

{iframe height="40" frameborder="0" width="500" scrolling="no" style="background-color:#FFF;" border="0" name="form" allowtransparency="false" margin-left="20px"}/html_primeri/mp3_spletna_stran/google_mp3.htm"{/iframe}

 

Google brezplačno ponuja preprost predvajalnik za glasbene datoteke. V atribut src=" " čisto na koncu vpišite pot do svoje mp3 datoteke (npr. http://spletna-stran.si/pesem.mp3 ).


HTML koda:

<embed type="application/x-shockwave-flash" src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http://moje-mesto.com/mmkk.mp3" width="350" height="30" allowscriptaccess="never" quality="best" bgcolor="#ffffff" wmode="window" flashvars="playerMode=embedded" />
PRIKAZ Google predvajalnika


4. Yahoo predvajalnik za vse pesmi na strani


Yahoo brezplačno ponuja svoj predvajalnik, ki v svoj seznam predvajanja vključi vse pesmi, ki so na strani (vse pesmi, do katerih vodi povezava).

V glavo HTML dokumenta preprosto vstavite povezavo do njihovih javascript datotek.

Predvajalnik bo zaznal pesmi, ki so v stran vključene, kot povezave, za njihove naslove pa bo vzel besede med značkama <a> in </a>.

HTML koda:

<html>

<head>

<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>

</head>

<body>

<a href="http://moje-mesto.com/mojemesto.mp3">mp3 1</a>
<br>
<a href="http://moje-mesto.com/mojemesto.mp3">mp3 2</a>

</body>

</html>
PRIKAZ Yahoo predvajalnika


5. Glasba v ozadju


Koda za predvajanje glasbe v ozadju spletne strani je enaka, kot pri prvi točki (glasba na spletni strani), le da atribute width in height nastavimo na 0; lahko pa uporabimo atribut hidden="true". Ne smemo pa pozabiti niti na autostart="true", drugače se pesem ne bo nikoli predvajala.


HTML koda:

<html>

<head>

</head>

<body>

<embed src="http://moje-mesto.com/html_primeri/mp3_spletna_stran/mmkk.mp3" autostart="true" loop="true"
hidden="true" volume="10">
</embed>

</body>

</html>
PRIKAZ spletne strani z glasbo v ozadju


Zaključek: Glasba na spletni strani je zaželjiva, saj popestri ponudbo spletne strani. Zelo moteče pa je, če se pesem začne predvajati sama od sebe, ko pridemo na stran (autostart="true"). Veliko ljudi to moti in velika verjetnost je, da bodo zaprli vašo stran zaradi tega motečega elementa.
Pazite tudi, da boste objavljali vaše pesmi in da na strežniku ne bo nelegalnih pesmi (npr. nelegalni mp3ji), saj vam verjetno ponudniki gostovanja to prepovedujejo.

Uživajte ob predvajanju glasbe na spletni strani!
Vsi vodiči so na voljo BREZPLAČNO!
Pišite mi

Želite mnenje ali pomoč pri vašem projektu?

Pišite mi in bom pomagal, kakor bom v tistem trenutku lahko.