HTML5-k soinu eta musika zure webguneko elementuarekin erraz gehitzen du. Izan ere, gauzak egiteko zailagoa da zure soinu-fitxategiak arakatzaile askorekin jolasteko ziurtatu behar dituzun iturri anitzak sortzea.
HTML5 erabiltzeko onurak soinuak txertatzea besterik ez da etiketa pare bat erabiliz. Arakatzaileek, orduan, soinuak erreproduzitu IMG elementu bat erabiltzen duzunean irudi bat bistaratuko zuten bezala.
How to Add Sound to a HTML5 Web Page
HTML editorea behar duzu, soinu-fitxategia (ahal izanez gero, MP3 formatuan) eta soinu-fitxategi bihurtzailea.
- Lehenik eta behin, soinu fitxategi bat behar duzu. Fitxategia MP3 ( .mp3 ) gisa grabatu behar da, hau da, soinuaren kalitate handia du eta nabigatzaile gehienek onartzen dute (Android 2.3+, Chrome 6+, IE 9+, iOS 3+ eta Safari 5+).
- Bihurtu zure fitxategia Vorbis formatuan ( .ogg ) Firefox 3.6+ eta Opera 10.5+ laguntza eransteko. Vorbis.com-en aurkitutako bihurgailu bat erabil dezakezu. MP3a WAV fitxategi formatuan ( .wav ) ere bihur dezakezu, Firefox eta Opera laguntza lortzeko. Zure fitxategia hiru motaetan argitaratzea gomendatzen dut, segurtasunerako soilik, baina gehien behar duzuna MP3 eta beste mota bat da.
- Kargatu audio fitxategi guztiak zure web zerbitzariari eta gorde dituzun direktorioaren oharrak. Ona audio azpitituluetako azpidirektorioan jartzeko ideia ona da, diseinatzaile gehienek irudiak irudiaren direktorioan gordetzen dituztelako.
- AUDIO elementua zure HTML fitxategiari gehitu nahi baduzu, soinu fitxategien kontrolak bistaratu nahi dituzu.
- Jarri SOURCE elementu AUDIO elementuaren barruan kargatzen duzun audioko fitxategi bakoitzerako:
-
- AUDIO elementuaren barruan dagoen edozein HTML AUDIO elementua onartzen ez duten arakatzaileentzako atzipen gisa erabiliko da. Beraz, gehitu HTML batzuk. Modu errazena HTMLra gehitzeko fitxategia deskargatzeko aukera ematen du, baina HTML 4.01 kapsulatzeko metodoak ere erabil ditzakezu soinua erreproduzitzeko. Hemen atzipen erraz bat da:
Zure arakatzaileak ez du audio erreprodukzioa onartzen, fitxategia deskargatu:
- Azkenik, AUDIO elementua itxi behar duzu:
- Amaitutakoan, zure HTML itxura izan behar du:
Aholku gehigarriak
- Ziurtatu HTML5 doctype () erabili zure HTMLa baliozkotzeko
- Elementuari dagozkion atributuak berrikustea elementuari gehitzeko beste aukera batzuk ikusteko.
- Kontuan izan HTML konfiguratu dugula kontrolak modu lehenetsian gehitzeko eta autopike itzalita. Jakina, aldaketa hori egin dezakezu, baina gogoratu jende askok automatikoki hasten duen soinua aurkitu dutela, ezin dutela kontrolik onena izan, eta sarritan joango da orria gertatzen denean.