Slik legger du til lyden til HTML5 og CSS3-baserte websider - dummies

HTML har støttet bilder i lang tid, men nå fungerer det like godt med lydfiler. Dette er et stort gjennombrudd, da lyd tidligere krevde eksterne programmer som Flash.

Det er ganske enkelt å legge til lyd på en nettside i HTML5 med den nye taggen. Her er koden for å opprette denne siden:

lyd. html

Audio Demo






 nettleseren din støtter ikke HTML5 Audio Vennligst bruk denne lenken i stedet: Allemande. mp3
Musikk: J. S. Bach "Allemande" Partita for Violin # 2

Selv om nesten alle nåværende nettlesere støtter taggen, kan de fortsatt ikke være enige om hvilket format som skal støttes. Noen nettlesere støtter MP3-filer, noen støtter en nyere standard som heter Ogg, og noen støtter WAV.

Den beste måten å være sikker på at lyden spilles, er å levere to forskjellige formater. Ofte, inkludert både Ogg og MP3 formater sikrer at lyden vil spille på alle de store nettleserne.

For å legge til en lydfil på siden din, følg disse trinnene:

1. Legg til lydtaggen på siden din.

   Koden angir hvor en lydfil skal plasseres. Hvor du plasserer taggen i koden, svarer til hvor kontrollene vil vises.

2. Slå på kontroller.

   Du kan angi et kontrollpanel med attributtet. Dette fører til at en liten kontroll vises. Hvis du forlater dette direktivet, vil det ikke være noe kontrollpanel, som betyr at brukeren ikke kan spille klippet.

3. Lag et element eller to.

   Legg inn ett eller flere elementer i paret. Hvert kildeelement indikerer en fil du vil koble til.

4. Angi denne attributten for å indikere filen.

   Attributtet til taggen brukes til å angi filnavnet til lydfilen du ønsker å spille.

5. Legg til alternativ kode for eldre nettlesere.

   Enhver ekstra HTML-kode mellom og -tegnene vil bare bli tolket av nettlesere som ikke forstår lyden. Du kan legge til et vanlig anker for å laste ned lydeffekten hvis du ønsker det. På denne måten kan selv de eldre nettleserne høre hva de mangler.