Summary  
This chapter explains how to use the HTML <audio> element with nested <source> tags and attributes like controls, autoplay, and loop to embed audio files and provide fallback text.  

General domain of usage  
Multimedia websites

HTML allows you to add audio directly to a webpage using the `<audio>` tag.

## Embedding Audio
The `<audio>` tag displays an audio player inside the browser.

### Useful Audio Attributes
- `controls`: shows play, pause, volume, etc;
- `autoplay`: starts playing automatically;
- `loop`: repeats the audio continuously
```html
<audio controls autoplay loop>
  
</audio>
```

## Adding the Audio Source
The `<source>` tag inside `<audio>` tells the browser where the audio file is located and what format it is.
```html
<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>
```



- `<audio>` defines the player and its behavior;
- `<source>` provides audio file URLs and formats;
- The fallback text appears if the browser can't play audio.


PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkF1ZGlvPC90aXRsZT4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxhdWRpbyBjb250cm9scyBsb29wPgogICAgICA8c291cmNlCiAgICAgICAgc3JjPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS12Mi5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb3Vyc2VzLzM5MmYyNGFjLTAxMjYtNGMzNC1hMjhhLWYyZjI2ZDEyMTk2Yi9zZWN0aW9uLTMvaW4tdGhlLWZvcmVzdC1hdWRpby1leGFtcGxlLm1wMyIKICAgICAgICB0eXBlPSJhdWRpby9tcGVnIgogICAgICAvPgogICAgICBZb3VyIGJyb3dzZXIgZG9lcyBub3Qgc3VwcG9ydCB0aGUgYXVkaW8gZWxlbWVudC4KICAgIDwvYXVkaW8+CiAgPC9ib2R5Pgo8L2h0bWw+

Common audio formats: MP3, Ogg, WAV. Using more than one format increases browser compatibility.

Note

Which tag is used to embed audio content into an HTML document?

Why is it recommended to provide the audio in multiple formats?

Master the essentials of HTML to build well-structured and accessible web content. Learn how to structure documents using tags, elements, and attributes. Work confidently with text, lists, images, audio, and video to enrich web pages. Create tables for organized data and forms for user input and interaction. Discover semantic HTML to enhance accessibility and build complete, functional website structures from the ground up.

Get an introduction to the web and HTML, including the significance of tags, elements, and attributes. Learn about the basic structure of an HTML document and the brief history of the web.

Master the essentials of HTML markup, focusing on special text formatting and lists, understanding their significance in structuring content within an HTML document. Dive into the intricacies of HTML document structure while refining text markup techniques.

Unlock the power of visual and auditory content in web development as you learn to seamlessly integrate images, video, and audio elements into HTML documents. Explore the nuances of incorporating various media formats.

Navigate the intricacies of data presentation and user interaction with comprehensive coverage of tables and forms in HTML, encompassing table structures, form creation, and input elements. Gain proficiency in implementing form input elements and leveraging attributes for enhanced functionality.

Elevate your HTML skills to the next level by delving into semantic HTML elements, empowering you to create well-structured and accessible web content. Embark on building your first website, applying newfound knowledge to bring your ideas to life.

Embedding Audio Files in HTML

Embedding Audio

Useful Audio Attributes

Adding the Audio Source

1. Which tag is used to embed audio content into an HTML document?