In HTML kunnen we audio- en videocontent direct in webpagina's insluiten met behulp van respectievelijk de <audio>- en <video>-tags. Laten we eerst het insluiten van audio bespreken:

Audio insluiten

De <audio>-tag voegt audiocontent toe aan een HTML-document. Hiermee kunnen audiobestanden direct in de browser worden afgespeeld.

Audio-attributen

• controls: Voegt standaard audiobediening toe, zoals afspelen, pauzeren en volumeregeling, aan de speler;
• autoplay: Geeft aan of het audiobestand automatisch moet starten wanneer de pagina wordt geladen;
• loop: Geeft aan of het audiobestand continu moet herhalen.

Voorbeeld:

<audio controls autoplay loop>
  <!-- Some other tags -->
</audio>

Het valt misschien op dat we alleen de eigenschappen van de audiospeler hebben gespecificeerd, maar niet waar het audiobestand vandaan komt. Hiervoor hebben we de <source>-tag nodig.

Bron

De <source>-tag wordt binnen de <audio>-tag gebruikt om de URL van het audiobestand en de bijbehorende attributen op te geven. Met het src-attribuut wordt de URL van het audiobestand opgegeven en met het type-attribuut het MIME-type van het audiobestand.
Voorbeeld:

<audio controls autoplay loop>
  <source src="audio-url.mp3" type="audio/mpeg" />
  <source src="audio-url.ogg" type="audio/ogg" />
  Your browser does not support the audio element.
</audio>

In het bovenstaande voorbeeld:

• De <audio>-tag bevat attributen zoals controls, autoplay en loop;
• De <source>-tags geven de bron-URL's van de audiobestanden en hun MIME-typen op;
• Als de browser de <audio>-tag of de opgegeven audioformaten niet ondersteunt, wordt de alternatieve tekst Your browser does not support the audio element. weergegeven.

Videotutorial