Kasutage JavaScripti funktsiooni, et veebisaidi külastajad saaksid esitada MP3.
MP3-helifaile on võimalik oma veebilehtedele manustada ja esitada mitmel viisil. Näited on HTML-i, mitmete Flash-mängijate ja Java-põhiste pleierite aegunud "manustamise" märgend. HTML5 standard, mille rõhuasetus on skriptimisel ja mis ei sõltu kolmanda osapoole tarkvarast, pakub edaspidi kõige ühilduvamat viisi MP3-de manustamiseks ja esitamiseks veebilehtedel. Manustage MP3-fail HTML5 "heli" objektiga ja seejärel kasutage selle esitamise alustamiseks JavaScripti funktsiooni
Samm 1
Lisage oma HTML-dokumendi kehasse järgmine kood:
Päeva video
See kood manustab ja laadib MP3-faili, kuid ei esita seda. Märgendi "src" väärtus sisaldab MP3-faili teed ja failinime.
2. samm
Lisage oma HTML-dokumendi märgendite "head" vahele järgmine JavaScripti kood:
Kui see funktsioon kutsutakse, pääseb see elemendile "audio" juurde selle ID ("mp3") järgi ja kasutab selle esitamiseks meetodit play().
3. samm
Lisage veebilehele nupp funktsiooni "playMP3" kutsumiseks, kui kasutaja sellel klõpsab. Lisage HTML-dokumendi kehasse järgmine kood:
Muutke atribuuti "väärtus", et anda nupule teistsugune pealkiri.
4. samm
Kasutage "playMP3" asemel järgmist funktsiooni, et lubada kasutajal pärast faili käivitamist peatada:
function playpauseMP3(){ if (document.getElementById("mp3").paused){ document.getElementById("mp3").play(); }else{ document.getElementById("mp3").pause(); } }
Muutke 3. sammus märgendi "input" atribuuti "onClick", et see vastaks selle funktsiooni nimele.
