Riješeno: kako ugraditi audio u html

Početna » HTML » Riješeno: kako ugraditi audio u html

Glavni problem povezan s ugradnjom zvuka u HTML je kompatibilnost preglednika. Različiti preglednici mogu podržavati različite audio formate, a ne podržavaju svi preglednici iste audio kodeke. Osim toga, HTML5 audio oznake nisu podržane u svim preglednicima, tako da starije verzije Internet Explorera možda neće moći reproducirati ugrađene audio datoteke. Nadalje, neki mobilni uređaji mogu imati poteškoća s reprodukcijom određenih vrsta ugrađenih audio datoteka zbog hardverskih ograničenja ili softverskih ograničenja.

<audio controls>
  <source src="yourAudioFile.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

1.

2.– Ovaj redak koda navodi koja se audio datoteka treba koristiti za audio element. Izvorni atribut postavljen je na “yourAudioFile.mp3”, što je .mp3 datoteka, a atribut tipa postavljen je na “audio/mpeg” tako da preglednici znaju koja je to vrsta datoteke.

3. Vaš preglednik ne podržava audio element. – Ovaj redak koda daje poruku za preglednike koji ne podržavaju HTML5 audio elemente, dajući im do znanja da ne mogu reproducirati ovu određenu audio datoteku na svom pregledniku.

Ugradite audio element

HTML

Da biste koristili audio element na svojoj web stranici, morate ga uključiti u svoj HTML kod:

Atribut "controls" elementu dodaje kontrole playera (reprodukcija/pauza, itd.) tako da korisnici mogu kontrolirati reprodukciju zvuka. Atribut “src” određuje mjesto audio datoteke i njenu vrstu (“vrsta”). Također možete odrediti više izvora za različite vrste datoteka (npr. .ogg i .mp3).

Kako mogu ugraditi zvuk u HTML