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

bookChallenge: Use Audio Elements

Task

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

  • The first audio file URL is https://content-media-cdn.codefinity.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://content-media-cdn.codefinity.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/evening-birds-singing-in-spring-background-sounds-of-nature.mp3.
index.html

index.html

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.

index.html

index.html

copy

Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 3. ChapterΒ 4

Ask AI

expand

Ask AI

ChatGPT

Ask anything or try one of the suggested questions to begin our chat

Suggested prompts:

Can you show me the full HTML code for embedding both audio clips?

What other attributes can I add to the audio elements for better user experience?

Can you explain how the controls attribute works in the audio tag?

Awesome!

Completion rate improved to 3.13

bookChallenge: Use Audio Elements

Swipe to show menu

Task

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

  • The first audio file URL is https://content-media-cdn.codefinity.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://content-media-cdn.codefinity.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/evening-birds-singing-in-spring-background-sounds-of-nature.mp3.
index.html

index.html

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.

index.html

index.html

copy

Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 3. ChapterΒ 4
some-alt