Miten upottaaMP3-soitin HTML

Verkossa Audio on helppoa HTML5 . sendmusic kuva Giovanni Cardinali päässä Fotolia.com

MP3-soittimet ovat suosittuja ominaisuus monia sivustoja.He voivat pelata mitä tahansa äänen sisältöä verkossa, musiikista runoutta podcasteja.Monet käyttö Shockwave Flash (SWF) sovellukset toistaa MP3-tiedostoja.Embedding Flash MP3-soittimet Web-sivuja käytetään olla monimutkainen perinteinen HTML (Hypertext Markup Language).Käyttöönotto HTML-versio 5 tehty prosessin paljon helpompaa ansiosta yksinkertaistettu versio "upottaa" elementti.

mitä tarvitset

  • tekstieditori
  • Web-selain
  • Flash MP3-soitin
  • MP3-tiedoston

Ohjeet

  1. Valitse MP3-soitin.Monet freeware ja open source vaihtoehdot ovat ladattavissa Webissä.Tässä esimerkissä valitse Flash-MP3-soitin, joka käyttää HTML5: n "upottaa" elementti ja noudata sen ohjeita tarkkaan.

  2. Luo HTML5 tiedosto.Avaa uusi asiakirja teidän tekstieditori ja tehdä perus HTML5 sivulle tällä koodia.

    & lt;! DOCTYPE html & gt;
    & lt; html & gt;
    & lt; head & gt;
    & lt; meta charset = "UTF-8" / & gt;
    & lt; title & gt; Kuinka jotta Piintynyt MP3-soitin HTML & lt; / title & gt;
    & lt; / head & gt;
    & lt; body & gt;

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

    Tallenna tiedosto "mp3-player.html."

  3. Lisää HTML5 "upottaa" elementti.Laita tämä yksinkertainen koodi sisällä HTML "elin" osassa, korvaa "myFlashMP3Player.swf" arvo tiedosto-nimi oman Flash MP3-soitin.

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

    jälkeen MP3-soittimen ohjeita tarkkaan, lisäämättä ylimääräistä tarvittava koodi (tyypillisesti, tämä voisi olla joitakin JavaScript).Tallenna tiedosto uudelleen.

  4. Testaa Web-sivun.Avaa web-selain ja lataa "mp3-player.html."Sinun pitäisi nähdä MP3-soitin upotettu Web-sivu.Jos ei, tarkista, että olet kopioinut koodi esimerkkejä oikein ja että olet noudattanut MP3-soittimen ohjeista.

Vinkkejä & amp;Varoitukset

  • nopein tapa saada tämä koodi esimerkiksi työ on testata sen yksinkertainen Flash-animaatio (SWF) pikemminkin kuin MP3-soittimen.Kun sinulla on, että työ, se on helpompi tunnistaa mahdolliset virheet saatat tehdä seuraavissa MP3-soittimen koodaus ohjeita.
  • Toisin kuin jotkut HTML5 muut multimediaominaisuuksia, sen "upottaa" elementti on hyvin tuettu suuret selaimet alusta alkaen.Vaikka se vaatii käyttäen Flash Player (esimerkiksi), enemmän vanhemmat selaimet ymmärrä sitä kuin HTML5: n "ääni" elementti.
  • HTML5 silti voit käyttää perinteisiä menetelmiä multimedia sulauttaminen "esine" elementti (kuten SWFObject JavaScript menetelmä).Kuitenkin niiden käyttäminen on vaikeampaa kuin HTML5: n "upottaa" elementti.
  • Tämä esimerkki osoittaa perusasiat Flash upottamisen HTML5.Se ei kata monimutkainen menetelmiä käyttäen vanhempaa "objekti" elementti.Älä käytä esimerkiksi MP3-soittimien suunniteltu vanhempia versioita HTML tai "objekti" menetelmää.
  • Jos web-selain ei jo ole Flash plugin, HTML5: n "upottaa" elementti ei automaattisesti ohjaa sitä plugin lataussivulla.Koska useimmat web-käyttäjät ovat jo Flash asennettuna niiden selaimissa, tämä ei yleensä ole ongelma.Jos se huolestuttaa sinua, JavaScript ratkaisut ovat saatavilla (esimerkiksi SWFObject).

Resurssit

  • W3Schools.com: JavaScript opetusohjelma
  • Google Code: SWFObject
  • Adobe.com: Adobe Flash Player (selainlaajennus)
324
0
1
Verkkokehitys