Audio tag i HTML | Forklart

HTML5 gir en tag for å legge til lydfiler på nettsteder. Å legge multimedia til ethvert nettsted er en bemerkelsesverdig måte å tiltrekke publikum og passende bruk av lydfiler på ethvert nettsted fører til en bedre nettopplevelse. Ved hjelp av multimedia-elementer som, og vi kan legge til lyder og visuelle til et hvilket som helst nettsted, og vi kan enkelt spille dem uten tillegg. Ved hjelp av tag kan vi legge inn en lydfil på våre nettsteder i forskjellige formater i.e. mp3, wav, Ogg.

Er du villig til å lære hvordan tag fungerer, hvis ja, må du forstå følgende aspekter av HTML -taggen:

• Den grunnleggende syntaksen til taggen
• Attributter til tag
• Ofte brukte lydformater
• Nettleserens støtte for tag
• Hvordan bruke tag

La oss komme i gang!

Syntaks

Bellow-Given-utdraget viser den grunnleggende syntaksen til taggen:

• SRC og type er attributter til tag, vi lærer om dem i attributtenes del.
• Her vil et sentralt poeng å forstå alt vi skriver inn i start- og sluttkodene bare vises hvis nettleseren ikke støtter lydfilen

Attributter

Det er noen attributter som kan brukes i taggen som oppført nedenfor:

• Kontroller: Som navnet i seg selv antyder, gjør det oss i stand til å kontrollere lydfilen i.e. den spesifiserer hvilke kontroller som skal være synlige for brukeren e.g. Spill, pause, stum osv.
• SRC: Bestemmer adressen til lydfilen.
• Løkke: det muliggjør loopingstrukturen i.e. Lydfiler blir spilt om og om igjen.
• Dukket: Den avgjør om lydfilen vil bli dempet
• Forhåndsinnlasting: Den bestemmer forfatterens syn på hvordan lydfilen vil bli lastet inn når websiden laster
• Auto spill: Den bestemmer at filen spilles øyeblikkelig

Formater

Tag er en moderne tag introdusert i HTML5, for øyeblikket støtter den tre filformater i.e. “Mp3”, “Wav”, “Ogg”.

Nettleserstøtte

Følgende er listen over nettlesere for de forskjellige lydfilformatene:

• Chrome, Microsoft Edge, Opera og Mozilla Firefox støtter alle tre formatene i.e. mp3, wav, Ogg.
• Internet Explorer støtter bare MP3 -format
• Safari støtter WAV- og MP3 -formater

Hvordan bruke tag

Tenk på det undergitte kodebiten for å forstå hvordan du bruker taggen til å legge inn en lydfil på en webside:

Audio tag

Filen støttes ikke

Denne koden utfører følgende funksjonaliteter:

• Vi la til "Controls" -attributt i taggen slik at en bruker kan kontrollere filen når det.
• Tag hjelper oss med å spesifisere flere filer.

Følgende vil være utdataene for ovennevnte kodebit:

Flere filformater kan spesifiseres i taggen i et slikt tilfelle nettleseren vil spille den første anerkjente kilden.

La oss endre eksemplet litt og legge til den "dempede" attributtet i taggen

Audio tag

Filen støttes ikke

Nå når vi kjører koden, vil filen først bli dempet:

Tilsvarende kan du bruke autospill, sløyfe eller et hvilket som helst annet attributt i henhold til ditt behov.

Konklusjon

Lydkode kan brukes til å legge til en lydfil til ethvert dokument/nettsted, forskjellige attributter kan brukes i lydkoden for å utføre forskjellige funksjonaliteter. Hvis vi spesifiserer adressene til mer enn en lydfil, vil nettleseren legge ved den første filen til dokumentet. Denne artikkelen demonstrerer hva som er HTML -taggen og hvordan du bruker taggen. Dessuten gir det en detaljert forklaring av tilgjengelige lydfilformater og støttede nettlesere.