Kuidas kinnistada MP3 mängija HTML

Hetkel Audio on lihtne HTML5 . sendmusic pilti Giovanni Cardinali alates Fotolia.com

MP3 mängijad on populaarne funktsioon paljud veebilehed.Nad võivad mängida ükskõik millist audio infosisu, muusika luule podcastid.Paljud kasutavad Shockwave Flash (SWF) taotlused esitada MP3-faile.Põimimine Flash MP3 mängijad veebilehtedel varem kompleksi traditsioonilise HTML (Hypertext Markup Language).Kasutusele HTML versioon 5 muutnud protsessi palju lihtsam tänu lihtsustatud variant "embed" element.

, mida te vajate

  • Tekstiredaktor
  • veebibrauser
  • Flash MP3 mängija
  • MP3 faili

juhised

  1. Vali oma MP3-mängija.Paljud vabavara ja avatud lähtekoodiga valikud on saadaval allalaadimiseks veebis.Selle näiteks valida Flash MP3 mängija, mis kasutab HTML5 on "embed" element ja jälgida oma dokumentatsiooni hoolikalt.

  2. Loo HTML5 faili.Avage uus dokument tekstiredaktor ja teha põhilised HTML5 lehele kasutades seda koodi.

    & lt;! DOCTYPE html & gt;
    & lt; html & gt;
    & lt; head & gt;
    & lt; meta charset = "utf-8" / & gt;
    & lt; title & gt; Kuidas kinnistada MP3 Player HTML & lt; / title & gt;
    & lt; / head & gt;
    & lt; body & gt;

    & lt; / body & gt;
    & lt; / html & gt;

    Salvesta fail kui "mp3-player.html."

  3. Lisa HTML5 "embed" element.Pane see lihtne koodi HTML "keha" osas, asendades "myFlashMP3Player.swf" väärtus faili nime oma Flash MP3 mängija.

    & lt; embed src = "myFlashMP3Player.swf" / & gt;

    Pärast oma MP3 mängija dokumentatsioon hoolikalt, lisades täiendavaid nõutud koodi (tavaliselt, et see võiks olla mõnel JavaScript).Salvesta fail uuesti.

  4. Testi oma veebilehel.Avage veebibrauser ja laadimiseks "mp3-player.html."Sa peaksid nägema oma MP3 mängija kinnistatud veebileht.Kui ei, siis veenduge, et olete kopeerinud kood näiteid õigesti ja et olete järginud oma MP3 mängija dokumentatsiooni.

Tips & amp;Hoiatused

  • Kiireim viis saada see kood näiteks töö on testida seda lihtne Flash animatsioon faili (SWF), mitte MP3-mängija.Kui teil on selle töö, siis on lihtsam välja selgitada võimalikud vead võite teha järgmistes oma MP3 mängija kodeerimine juhiseid.
  • Erinevalt mõned HTML5 teised multimeedia, tema "embed" element on hästi toetatud suuri veebibrauserite algusest.Kuigi see nõuab kasutades Flash Player (näiteks), rohkem vanemad veebibrauserid aru kui HTML5 on "audio" element.
  • HTML5 ikka saab kasutada traditsioonilisi multimeedia kinnistades koos "objekti" element (näiteks SWFObject JavaScript meetod).Kuid kasutades neid on raskem kui kasutades HTML5 on "embed" element.
  • See näide näitab põhitõdesid Flash kinnistades HTML5.See ei hõlma kompleksi meetodeid kasutades vanem "objekt" element.Ärge kasutage näiteks MP3-mängijad mõeldud vanemad versioonid HTML või "objekti" meetodil.
  • Kui veebilehitseja ei oleks juba Flash plugin installitud, HTML5 on "embed" element ei suunaks automaatselt selle plugina allalaadimise lehele.Kuna aga enamik web-kasutajad juba Flash installeeritud selaimessaan, see ei ole tavaliselt probleem.Kui see ei puuduta sind, JavaScript lahendused on kättesaadavad (näiteks SWFObject).

Resources

  • W3Schools.com: JavaScript Õpetus
  • Google Code: SWFObject
  • Adobe.com: Adobe Flash Player (brauseri plugin)
479
0
1
Veebiarendus