Kiel aldoni sonon al HTML5 Retpaĝo

HTML5 faciligas aldoni sonon kaj muzikon al viaj retpaĝoj kun la elemento. Fakte, la plej malfacila afero estas krei la multoblajn fontojn, kiujn vi bezonas certigi, ke viaj sonaj dosieroj ludas sur la plej larĝa vario de retumiloj.

La avantaĝo de uzado de HTML5 estas, ke vi povas enmeti sonon nur uzante kelkajn etikedojn. La retumiloj tiam ludas la sonon, kiel ili montrus bildon kiam vi uzos IMG- elementon.

Kiel aldoni sonon al HTML5 Retpaĝo

Vi bezonos HTML-redaktanton , sonan dosieron (prefere en MP3-formato), kaj sona dosier-konvertilo.

1. Unue vi bezonas sonan dosieron. Plej bone registras la dosieron kiel MP3 ( .mp3 ) ĉar ĉi tio havas altan sonan kvaliton kaj estas subtenata de la plej multaj retumiloj (Android 2.3+, Chrome 6+, IE 9+, iOS 3+, kaj Safari 5+).
2. Konvertu vian dosieron al Vorbis-formato ( .ogg ) por aldoni en Firefox 3.6+ kaj Opera 10.5 + subtenon. Vi povas uzi konvertilon kiel unu trovitan en Vorbis.com. Vi ankaŭ povas konverti vian MP3on al WAV-dosiero ( .wav ) por akiri subtenon de Firefox kaj Opera. Mi rekomendas sendi vian dosieron en la tri tipoj, nur por sekureco, sed la plej bezonata estas MP3 kaj unu alia tipo.
3. Alŝutu ĉiujn audio-dosierojn al via servilo kaj faru noton de la dosierujo, kiun vi konservis. Bonan ideon meti ilin en subdosierujo nur por audio-dosieroj, kiel la plej multaj diseñistoj konservas bildojn en bilda dosierujo.
4. Aldonu la AUDIO- elementon al via HTML-dosiero, kie vi volas, ke la sono-dosiero kontrolu.
5. Metu SOURCE- elementojn por ĉiu aŭdosiera dosiero, kiun vi alŝutas ene de la AUDIO- elemento:

1. Ajna HTML ene de la AUDIO- elemento estos uzata kiel retumilo por retumiloj, kiuj ne subtenas la AUDIO- elementon. Do aldonu iujn HTML. La plej facila maniero estas aldoni HTML por lasi ilin elŝuti la dosieron, sed vi ankaŭ povas uzi HTML 4.01 enmeti metodojn por ludi la sonon. Jen simpla reto:

   Via retumilo ne subtenas audio-reprodukton, elŝutas la dosieron:

   1. MP3 ,
   2. Vorbis , WAV
2. La lasta afero, kiun vi devas fari estas proksima via AUDIO- elemento:
3. Kiam vi finiĝis, via HTML devus aspekti kiel ĉi:
   4. Via retumilo ne subtenas audio-reprodukton, elŝutas la dosieron:

   5. MP3 ,
   6. Vorbis ,
   7. WAV

Pliaj Konsiletoj

1. Certiĝu uzi la HTML5 doctype () por ke via HTML validigos
2. Revizii la atributojn havebla por la elemento por vidi, kion aliaj opcioj vi povas aldoni al via elemento.
3. Notu, ke ni starigis la HTML por inkluzivi kontrolojn defaŭlte kaj havi aŭtomateŝaltilon malŝaltita. Vi povas, kompreneble, ŝanĝi tion, sed memoru, ke multaj homoj trovas sonon, kiu komencas aŭtomate / ke ili ne povas kontroli, ke ili estas ĝenaj ĉe la plej bona, kaj ofte simple forlasos la paĝon kiam tio okazas.