Kaip pridėti garso įrašą į HTML5 tinklalapį

Anonim

HTML5 leidžia lengvai pridėti garsą ir muziką į savo tinklalapius su elementu. Tiesą sakant, pats sunkiausias dalykas yra sukurti keletą šaltinių, kurių reikia norint įsitikinti, kad jūsų garso failai rodomi daugelyje įvairių naršyklių.

HTML5 naudojimo privalumas yra tai, kad galite įterpti garso įrašą tik naudodami kelis žymas. Tada naršyklės atkuria garsą taip, kaip rodytų vaizdą, kai naudojate

IMG elementas

Kaip pridėti garso įrašą į HTML5 tinklalapį

Jums reikės HTML redaktoriaus, garso failo (pageidautina MP3 formatu) ir garso failų keitiklio.

  1. Pirma, jums reikia garso failo. Geriausia įrašyti failą kaip MP3 (

    .mp3), nes tai turi didelę garso kokybę ir palaiko daugumą naršyklių ("Android 2.3+", "Chrome 6+", "IE 9+", "iOS 3+" ir "Safari 5+").

  2. Konvertuokite failą į Vorbis formatą (

    .ogg) pridėti "Firefox 3.6+" ir "Opera 10.5+" palaikymą. Galite naudoti tokį konverterį kaip rasti Vorbis.com. Jūs taip pat galite konvertuoti savo MP3 į WAV failo formatą (

    .wav) norint gauti "Firefox" ir "Opera" palaikymą. Rekomenduoju paskelbti failą visais trijų tipų, tik saugumo sumetimais, bet jums labiausiai reikia MP3 ir dar vieno tipo.

  3. Įkelkite visus garso failus į savo žiniatinklio serverį ir užsirašykite į katalogą, kuriame juos išsaugojote. Geriausia įdėti juos į subdirektoriją tik garso failams, pavyzdžiui, dauguma dizainerių išsaugo vaizdus

    vaizdai katalogas.

  4. Pridėti

    AUDIO elementą į savo HTML failą, kuriame norite parodyti garso failų valdiklius.

  5. Vieta

    ŠALTINIS kiekvieno garso failo, kurį įkeliate į vidų, elementai

    AUDIO elementas:

    1. Bet HTML viduje HTML

      AUDIO elementas bus naudojamas kaip atsarginė naršyklė, kuri nepalaiko

      AUDIO elementas Taigi pridėkite tam tikrą HTML. Lengviausias būdas yra pridėti HTML, kad galėtumėte atsisiųsti failą, bet taip pat galite naudoti HTML 4.01 įterpimo metodus, kad atkurtumėte garsą. Štai paprastas atsarginis:

      Jūsų naršyklė nepalaiko garso atkūrimo, atsisiųskite failą: MP3,

    2. Vorbis, WAV

  7. Paskutinis dalykas, kurį jums reikia padaryti, yra uždaryti savo AUDIO elementą:

    1. Kai baigsite, HTML turi atrodyti taip:

    4. Jūsų naršyklė nepalaiko garso atkūrimo, atsisiųskite failą:

    5. MP3,

    6. Vorbis

    7. WAV

Papildomi patarimai

  • Būtinai naudokite HTML5 doctype (), kad jūsų HTML būtų patvirtintas
  • Peržiūrėkite elemento turimus atributus, kad pamatytumėte, kokias kitas parinktis galite pridėti prie savo elemento.
  • Atkreipkite dėmesį, kad mes nustatėme HTML, norėdami įtraukti valdiklius pagal numatytuosius nustatymus ir išjungti automatinį grojimą. Žinoma, jūs galite tai pakeisti, bet nepamirškite, kad daugelis žmonių randa garsą, kuris prasideda automatiškai / kad jis negali kontroliuoti, kad jis būtų netinkamas geriausiu atveju, ir dažnai tiesiog palieka puslapį, kai tai įvyksta.

Redaktoriaus Pasirinkimas