Challenge: 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
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
Thanks for your feedback!
Ask AI
Ask AI
Ask anything or try one of the suggested questions to begin our chat
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
Challenge: 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
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
Thanks for your feedback!