Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Challenge: Audio | Images and Media
HTML Essentials
course content

Course Content

HTML Essentials

HTML Essentials

1. Understanding the Web and HTML
2. HTML Fundamentals
3. Images and Media
4. Tables and Forms
5. Advanced HTML

book
Challenge: Audio

Task

Create an HTML document that embeds two nature audio clips. Add appropriate attributes to enable controls.

  • The first audio file URL is https://codefinity-content-media-v2.s3.eu-west-1.amazonaws.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/forest-with-small-river-birds-and-nature-field.mp3.
  • The second audio file URL is https://codefinity-content-media-v2.s3.eu-west-1.amazonaws.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/evening-birds-singing-in-spring-background-sounds-of-nature.mp3.
html

index

css

index

js

index

copy

Hint

Step 1: Use the <audio> tag to embed the audio clip. Add the controls attribute to enable standard audio controls. Inside the <source> tag, use the src attribute to specify the URLs of the MP3 audio files.

html

index

css

index

js

index

copy

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 3. Chapter 4
We're sorry to hear that something went wrong. What happened?
some-alt