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 izmantojat IMG elementu.
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.
- Pirmkārt, jums ir nepieciešams skaņas fails. Vislabāk ir ierakstīt failu kā MP3 ( .mp3 ), jo tas ir augsta skaņas kvalitāte, un to nodrošina lielākā daļa pārlūkprogrammu (Android 2.3+, Chrome 6+, IE 9+, iOS 3+ un Safari 5+).
- 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ī pārvērst savu MP3 uz WAV faila formātu ( .wav ), lai iegūtu 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.
- Augšupielādējiet visus audio failus uz jūsu tīmekļa serveri un pierakstiet 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ēlu direktorijā.
- Pievienojiet AUDIO elementu savam HTML failam, kurā vēlaties parādīt skaņas failu kontroles elementus.
- Novietojiet SOURCE elementus katram audio failam, kuru augšupielādējat AUDIO elementā:
-
- Jebkurš HTML elements AUDIO elementā tiks izmantots kā atkāpe pārlūkiem, kas neatbalsta AUDIO elementu. 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:
- Pēdējā lieta, kas jums jādara, ir slēgt AUDIO elementu:
- Kad esat pabeidzis, HTML jums vajadzētu izskatīties šādi:
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.