-
Audio elementuaren atributuak, propietateak, gertaerak eta metodoak HTMLn
- 2024ko abuztuaren 20a
HTML-ko audio-
elementua soinu-edukia web orrietan integratzeko tresna indartsua da. Sinplea den arren, elementu honek hainbat atributu, gertaera eta metodo eskaintzen ditu, audio-erreprodukzioaren gaineko kontrol zehatza ahalbidetzen dutenak. Ezaugarri hauek behar bezala erabilita, entzuteko esperientzia aberats eta interaktiboak sor daitezke.
Atributu nagusiak
Atributua src funtsezkoenetako bat da erreproduzitu beharreko audio-fitxategiaren kokapena zehazten baitu. Atributu hori gabe, audio-elementuak ezin du funtzionatu. Bestetik, atributua controls aurrez ezarritako kontrol multzo bat gehitzen du, erabiltzaileari audioaren bolumena erraz erreproduzitu, pausatu eta doitzeko aukera emanez.
Atributua autoplay Orria kargatzean automatikoki hasten da erreproduzitzen, baina erabilera arretaz aztertu behar da erabiltzailearen esperientzian eragin negatiboa izan ez dadin. Gainera, atributua loop audioa begizta batean erreproduzitzeko aukera ematen du, mugagabe errepikatuz erabiltzaileak gelditu arte.
Atributua preload audio fitxategia nola eta noiz kargatzen den kontrolatzen du. Bere balioen artean , fitxategia automatikoki kargatzen da ; metadatuak , fitxategiaren metadatuak soilik kargatzen dituena; eta none , erreprodukzioa hasi arte kargatzen ez dena.
Eskuragarri dauden propietateak
Elementua input Audio motak bere portaeraren eta itxuraren gaineko kontrol zehatza ahalbidetzen duten hainbat propietate erabilgarri eskaintzen ditu. Ondoren, web-orri bateko audio-elementua manipulatzeko erabil daitezkeen propietate nagusiak aztertuko ditugu.
Jabetza src erreproduzituko den audio-fitxategiaren kokapena definitzen du. Ezinbesteko ezaugarria da, hori gabe, audio-elementuak ezin izango baitu soinurik erreproduzitu. a zehaztu dezakezu URL edo audio-fitxategirako bide erlatiboa.
Jabetza controls Erabiltzaile-kontrol lehenetsiak gehitzen ditu, hala nola erreproduzitzeko, eten eta bolumen-botoiak. Ezaugarri garrantzitsua da irisgarritasuna hobetzeko eta erabiltzaileek audioarekin erraz elkarreragin dezaten.
Jabetza autoplay orria kargatzen denean audioa automatikoki erreproduzitzen hastea ahalbidetzen du. Propietate hau kontu handiz erabili behar da, behar bezala kontrolatzen ez bada intrusiboa izan daitekeelako.
Jabetza loop audioa etengabeko begizta batean erreproduzitzea eragiten du. Gaituta dagoenean, audioa automatikoki berrabiaraziko da amaitzean, fitxategiaren erreprodukzio infinitua eskainiz.
Jabetza preload audio fitxategia nola kargatzen den kontrolatzen du erabiltzaileak erreproduzitu aurretik. Balio posibleak dira auto, fitxategia guztiz kargatu behar dela adierazten duena; metadata , metadatuak soilik kargatzen dituena; eta none , eta horrek ez du fitxategia kargatzen erreprodukzioa hasi arte.
Jabetza currentTime Uneko audioa erreproduzitzeko posizioa lortzen edo ezartzen du segundotan. Hau erabilgarria da erreprodukzioa programatikoki kontrolatzeko, hala nola, fitxategiko puntu zehatz batera aurrera edo atzera egiteko.
Jabetza volume audioaren bolumena kontrolatzen du. 0.0 (isiltasuna) eta 1.0 (gehienezko bolumena) arteko balioa onartzen du, audio irteera-maila beharren arabera doitzeko aukera emanez.
Propietate hauek elementuaren portaera manipulatzeko eta kontrolatzeko hainbat modu eskaintzen dituzte. input audio motakoa , web-garatzaileei entzute-esperientzia aberatsagoa eta pertsonalizatuagoa eskaintzeko aukera emanez euren aplikazio eta webguneetan.
Eskuragarri dauden ekitaldiak
Audio - elementuak audioarekin denbora errealean elkarrekintzan jarduteko aukera ematen duten gertaera erabilgarriak onartzen ditu. Ekitaldia play audioa erreproduzitzen hasten denean abiarazten da, bitartean pause erreprodukzioa gelditzen denean aktibatzen da. Gertaera hauek ezinbestekoak dira orrialdeko beste ekintza batzuk audio erreprodukzio egoerarekin sinkronizatzeko.
Ekitaldia ended audioa pistaren amaierara iristen denean gertatzen da, ondorengo ekintzak egiteko aukera emanez, hala nola, beste fitxategi bat erreproduzitzea edo erabiltzaileari mezu bat erakustea. Gainera, bolumena aldatzeko gertaera audioaren bolumena aldatzen den bakoitzean abiarazten da, entzuteko esperientziaren kontrol zehatza eskainiz.
Ekitaldia timeupdate beste gertaera erabakigarri bat da erreprodukzioaren aurrerapena denbora errealean jarraitzeko aukera ematen baitu. Gertaera honekin, interfaze grafikoak eguneratu daitezke, hala nola, aurrerapen-barrak, uneko audio-posizioarekin sinkronizatuta.
Audio- elementuen metodoak
Audio - elementuak soinu-erreprodukzioaren kontrol programatikoa ahalbidetzen duten hainbat metodo ere eskaintzen ditu. Metodoa play() audio-erreprodukzioa hasten du, pause() -k gelditzen duen bitartean. Bi metodoak ezinbestekoak dira esperientzia interaktiboak sortzeko.
Metodoa load() audio-fitxategia berriro kargatzen du, erabilgarria audio-iturria dinamikoki aldatu nahi duzunean. Bestetik, metodoa canPlayType() arakatzaileak audio fitxategi mota zehatz bat erreproduzi dezakeen egiaztatzen du, bezalako balioak itzuliz "probably", "maybe" edo "" (kate hutsa) bateragarritasunaren arabera.
Metodoa fastSeek() audio-fitxategiko posizio zehatz batera modu eraginkorrean salto egiteko aukera ematen du, bitartean setSinkId() audio irteerako gailu bat hautatzeko aukera ematen du, erabilgarria soinu-iturburuan aldaketa dinamikoak behar dituzten aplikazioetan.
HTML-ko audio elementua soinu erreproduzitzaile soil bat baino askoz gehiago da. Bere atributu, gertaera eta metodo anitzekin, garatzaileei audio erreprodukzioari buruzko kontrol zehatza eskaintzen die. Gaitasun horiek aprobetxatuz, web-aplikazio aberatsak eta entzute-esperientzia pertsonalizatuak sor ditzakezu, erabiltzaileen multimedia edukiarekin interakzioa nabarmen hobetzen dutenak.
Comentar: