A Javascript használata MP3-fájlok lejátszásához

Számos mód lehetséges MP3 audiofájlok beágyazására és lejátszására a weboldalakon. Példa erre az elavult „beágyazás” címke a HTML-ben, a különféle Flash-lejátszók és Java-alapú lejátszók. A HTML5 szabvány, amely a parancsfájlokra helyezi a hangsúlyt, és nem támaszkodik harmadik féltől származó szoftverekre, a jövőben kínálja a legkompatibilisebb módot az MP3-fájlok weboldalakra való beágyazására és lejátszására. Illessze be az MP3-fájlt a HTML5 "audio" objektummal, majd egy JavaScript funkció segítségével indítsa el a lejátszást

1. lépés

Adja hozzá a következő kódot a HTML-dokumentum törzséhez:

Ez a kód beágyazza és betölti az MP3 fájlt, de nem játssza le. Az "src" címke értéke tartalmazza az MP3 fájl elérési útját és fájlnevét.

2. lépés

Adja hozzá a következő JavaScript-kódot a HTML-dokumentum "head" címkéi közé:

Ez a függvény meghívásakor eléri az "audio" elemet az azonosítójával ("mp3"), és a play() metódus segítségével játssza le.

3. lépés

Adjon hozzá egy gombot a weboldalhoz a "playMP3" funkció meghívásához, amikor a felhasználó rákattint. Adja hozzá a következő kódot a HTML-dokumentum törzséhez:

Módosítsa az "érték" attribútumot, hogy a gombnak más címet adjon.

4. lépés

Használja a következő funkciót a "playMP3" helyett, hogy a felhasználó szüneteltesse a fájlt az indítás után:

function playpauseMP3(){ if(document.getElementById("mp3").paused){ ​​document.getElementById("mp3").play(); }else{ document.getElementById("mp3").pause(); } }

Módosítsa az "input" címke "onClick" attribútumát a 3. lépésben, hogy megfeleljen a függvény nevének.