Kā pievienot skaņu HTML5 tīmekļa lapai

Anonim

HTML5 ļauj viegli pievienot skaņu un mūziku savām tīmekļa lapām ar elementu. Faktiski visgrūtāk ir izveidot vairākus avotus, kas jums jāpārliecinās, lai jūsu skaņas faili būtu pieejami visplašākajā pārlūkprogrammu klāstā.

HTML5 izmantošanas priekšrocība ir tā, ka jūs varat iegult skaņu, tikai izmantojot pāris tagus. Pēc tam pārlūkprogrammas atskaņo skaņu tāpat kā parādītu attēlu, kad lietojat

IMG elements

Kā pievienot skaņu HTML5 tīmekļa lapai

Jums būs nepieciešams HTML redaktors, skaņas fails (vēlams MP3 formātā) un skaņas failu pārveidotājs.

  1. Pirmkārt, jums ir nepieciešams skaņas fails. Vislabāk ir ierakstīt failu kā MP3 (

    .mp3), jo tai ir augsta skaņas kvalitāte, un to atbalsta lielākā daļa pārlūkprogrammu (Android 2.3+, Chrome 6+, IE 9+, iOS 3+ un Safari 5+).

  2. Pārveidojiet failu Vorbis formātā (

    .ogg), lai pievienotu Firefox 3.6+ un Opera 10.5+ atbalstu. Jūs varat izmantot pārveidotāju, piemēram, Vorbis.com. Jūs varat arī konvertēt savu MP3 uz WAV faila formātu (

    .wav), lai saņemtu Firefox un Opera atbalstu. Es ieteiktu ievietot savu failu visos trijos veidos tikai drošības nolūkos, bet viss nepieciešamais ir MP3 un viens cits veids.

  3. Augšupielādējiet visus audio failus uz jūsu tīmekļa serveri un atzīmējiet to direktoriju, kurā tos saglabājāt. Ieteicams ievietot tos apakšdirektorijā tikai audio failiem, tāpat kā lielākajai daļai dizaineru saglabā attēlus

    attēli katalogs.

  4. Pievienojiet

    AUDIO elements jūsu HTML failā, kur vēlaties, lai skaņas failu kontrole tiktu parādīta.

  5. Vieta

    AVOTS elementus katram audio failam, kuru augšupielādējat

    AUDIO elements:

    1. Jebkurš HTML iekšpusē

      AUDIO elements tiks izmantots kā atkāpe pārlūkiem, kas neatbalsta

      AUDIO elements Tāpēc pievienojiet kādu HTML. Vieglākais veids ir pievienot HTML, lai ļautu viņiem lejupielādēt failu, bet, lai atskaņotu skaņu, varat arī izmantot HTML 4.01 iegultās metodes. Šeit ir vienkāršs rezerves variants:

      Jūsu pārlūkprogramma neatbalsta audio atskaņošanu, lejupielādējiet failu: MP3,

    2. Vorbis, WAV

  7. Pēdējā lieta, kas jums jādara, ir slēgt AUDIO elementu:

    1. Kad esat pabeidzis, HTML jābūt šādam:

    4. Jūsu pārlūkprogramma neatbalsta audio atskaņošanu, lejupielādējiet failu:

    5. MP3,

    6. Vorbis

    7. WAV

Papildu padomi

  • Noteikti izmantojiet HTML5 dokumenta tipu (), lai HTML būtu derīgs
  • Pārskatiet elementam pieejamos atribūtus, lai redzētu, kuras citas opcijas var pievienot savam elementam.
  • Ņemiet vērā, ka mēs iestatījām HTML kodu, lai pēc noklusējuma iekļautu vadīklas un izslēgtu automātisko atskaņošanu. Varat, protams, to mainīt, taču atcerieties, ka daudzi cilvēki atrod skaņu, kas sākas automātiski / vai ka viņi nevar kontrolēt, ka tie ir kaitinoši, un bieži tie vienkārši atstāj lapu, kad tas notiek.

Redaktora Izvēle