Hvor å Legge ned en MP3-spiller med HTML

Hvor å Legge ned en MP3-spiller med HTML


MP3-spillere er en populær funksjon på mange nettsteder. De kan spille noen form for lyd-innhold på nettet, fra musikk til dikt på podcaster. Mange bruker Shockwave Flash (SWF) applikasjoner til å spille MP3-filer. Embedding Flash MP3-spillere på Web-sider som brukes til å være komplisert i tradisjonell HTML (Hypertext Markup Language). Innføringen av HTML-versjon 5 gjort prosessen mye enklere takket være en forenklet versjon av "embed" element.

Bruksanvisning

1 Velg din MP3-spiller. Mange freeware og open source alternativer er tilgjengelig for nedlasting på nettet. For dette eksempelet, velger en Flash MP3-spiller som bruker HTML5 er "embed" element og følge dokumentasjonen nøye.

2 Opprett en HTML5-fil. Åpne et nytt dokument i en teksteditor og lage en enkel HTML5 side ved hjelp av denne koden.

<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8" />
<Title> Hvor å Legge ned en mp3-spiller med HTML </ title>
</ Head>
<Body>

</ Body>
</ Html>

Lagre filen som "mp3-player.html."

3 Legg en HTML5 "embed" element. Sett denne enkle koden i HTML "body" -delen, erstatte "myFlashMP3Player.swf" verdi med fil-navnet på din egen Flash MP3-spiller.

<Embed src = "myFlashMP3Player.swf" />

Etter din MP3-spiller dokumentasjonen nøye, og legger til noen ekstra nødvendig kode (vanligvis, dette kan være litt Javascript). Lagre filen på nytt.

4 Test din webside. Åpne nettleseren og laste "mp3-player.html." Du skal se din MP3-spiller integrert i websiden. Hvis ikke, sjekk at du har kopiert kode eksempler på riktig måte, og at du har fulgt din MP3-spiller dokumentasjon.

Hint

  • Den raskeste måten å få denne koden eksempel arbeids er å teste den med en enkel Flash-animasjon fil (SWF) i stedet for en MP3-spiller. Når du har det fungerer, vil det være lettere å identifisere eventuelle feil du kan gjøre i følge din MP3-spillerens koding instruksjoner.
  • I motsetning til noen av HTML5 øvrige multimediefunksjoner, har sin "embed" element er godt støttet av de store nettlesere fra starten. Selv om det krever bruk av en Flash-spiller (for eksempel), flere av de eldre nettlesere forstår det enn HTML5 er "lyd" element.
  • HTML5 kan fortsatt bruke tradisjonelle metoder for multimedia innebygging med "objektet" element (for eksempel Javascript-metoden SWFObject s). Men ved å bruke dem er vanskeligere enn å bruke HTML5 er "embed" element.
  • Dette eksemplet viser det grunnleggende Flash innebygging i HTML5. Den dekker ikke de komplekse metoder for bruk av eldre "objekt" element. Ikke bruke eksempelet med MP3-spillere er utformet i eldre versjoner av HTML eller "objekt" metoden.
  • Hvis en nettleser ikke allerede har Flash-plugin installert, vil HTML5 er "embed" element ikke automatisk styre den til plugin nedlastingsside. Men siden de fleste nettbrukere allerede har Flash installert i sine nettlesere, er dette vanligvis ikke et problem. Hvis den gjør det angår deg, Javascript-løsninger er tilgjengelig (for eksempel SWFObject).