Használjon JavaScript funkciót, hogy lehetővé tegye a webhely látogatóinak MP3 lejátszását.
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 hagyatkozik 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" objektumba, 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:
A nap videója
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.
