MP3 lejátszó a honlapodba

Mindy McAdams készített egy segédletet, amelyben leírja, hogyan tudsz MP3 lejátszót beágyazni a honlapodba. Azok számára, akik az angollal kevésbé boldogulnak összefoglaltam.

---

A lejátszó beágyazásához először a 1pixelout.net Audio Player Wordpress pluginjét kell letölteni. Ez egy .zip fájl, amit ki kell csomagolni, majd a benne lévő 

• player.swf (ez a lejátszó)
• audio-player.js (ez a javascript) fájlokat kell használjuk, ha nem Wordpress oldalba, hanem egyéb html-be szeretnénk beilleszteni a lejátszót.

http://sajatdomain.hu alá készíteni kell egy új könyvtárat (pl. audio). Ide kell feltölteni az előző két fájlt, valamint a lejátszani kívánt mp3-akat. (A példában music.mp3.)

A következő lépés, hogy a HTML oldal kódjába beszúrjuk a kívánt helyre a következő kódot:

<script language="JavaScript" src="http://sajatdomain.hu/audio/audio-player.js">
</script>
<object type="application/x-shockwave-flash" data="http://sajatdomain.hu/audio/player.swf"
id="audioplayer1" height="24" width="290">
<param name="movie" value="http://sajatdomain.hu/
audio/player.swf">
<param name="FlashVars" value="playerID=1&amp;soundFile=http://sajatdomain.hu/
audio/music.mp3">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
</object>

Ne feledd, a sajatdomain.hu-t le kell cseréld a honlapod domain nevével!

---

Ha ugyanazon a html oldalon több lejátszót is meg szeretnél jeleníteni, az object tagek közti részt kell ismételni a következőképp:

<object type="application/x-shockwave-flash" data="http://sajatdomain.hu/audio/player.swf"
id="audioplayer2" height="24" width="290">
<param name="movie" value="http://sajatdomain.hu/
audio/player.swf">
<param name="FlashVars" value="playerID=2
&amp;soundFile=http://sajatdomain.hu/
audio/music_other.mp3">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
</object>

---

Ha az MP3 lejátszót egy blogbejegyzésbe szeretnéd beszúrni (pl. a Bloggeren), akkor az <object> címke (tag) előtti részt a sablonba kell bemásolnod, a </head> címke elé.

<script language="JavaScript" src="http://sajatdomain.hu/
audio/audio-player.js"></script>
</head>

Ahányszor csak egy MP3-at szeretnél közölni a blogbejegyzésedben, alkalmanként oda az <object> </object> címkék kötötti részt kell bemásold.

---

Akinek van kedve kísérletezni, a lejátszó színét is megváltoztathatja. (Ha valakinek ehhez is kellene magyarul a segítség, jelezze! Összefoglalom egy bejegyzésben azt is szívesen.)