2013. április 15., hétfő

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.)

Nincsenek megjegyzések:

Megjegyzés küldése

Megjegyzés: Megjegyzéseket csak a blog tagjai írhatnak a blogba.

Blogarchívum