Home

Hangfelvétel beágyazása

9 szeptember 2008 Nincs hozzászólás

Kérlek hallgasd meg a hangfelvételt!



Hogyan is lehet egy ilyen hangfelvételt beépíteni a blogunkba? Talán először tisztázzuk, hogy mi is ez a viszonylag jól kinéző lejátszó. Ez egy pici flash animáció, aminek, ha megadjuk, hogy milyen mp3 fájlt játsszon le, akkor azt – az esetek többségében – le is játsza. Tehát két részből áll a feladatunk.

1. Elkészítjük a hangfelvételt, és feltöltjük a tárhelyünkre (ezzel a résszel most nem foglalkoznék többet, hiszen nem ez a bejegyzés témája)

2. Beépítjük a blogba a flash lejátszót, és megadjuk neki az mp3 fájlunk elérési útvonalát.

Először is szert kell tennünk a flash fájlra. Ezt innen letölthetjük. Ha nem működne a link, akkor jobb klikkel innen.

A letöltött flash fájlt szépen feltöltjük a webtárhelyünkre, és megjegyezzük az elérési útvonalát. Ez a példában a webtárhely gyökérkönyvtára. Ezután már csak egy lépés maradt. A blogunkban a bejegyzésben a kívánt helyre elhelyezzük html nézetben a következő kódot, és a vastagon szedett részeket értelemszerűen megváltoztatjuk:

<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″
width=”470″ height=”20″ codebase=
“http://download.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=6,0,40,0″>
<param name=”flashvars” value=
“height=20&amp;width=470&amp;
file=http://www.domainem.hu/minta.mp3” />
<param name=”src” value=”http://www.domainem.hu/mediaplayer.swf” />
<embed type=”application/x-shockwave-flash” width=”470″ height=”20″
src=”http://www.domainem.hu/mediaplayer.swf
flashvars=”height=20&amp;width=470&amp;
file=http://www.domainem.hu/minta.mp3“>
</embed></object>

És kész is! Remélem segített.



Hasonló témájú bejegyzések

  • Videó beágyazása blogba
  • Látogatottság növelés
  • Írd meg a véleményed!

    Írd le a véleményed! Feliratkozhatsz a hozzászólások RSS csatornájára is.

    You can use these tags:
    <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <font color="" face="" size=""> <span style="">

    This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.