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
.
index.html
index.css
index.js
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.css
index.js
¿Todo estuvo claro?
Contenido del Curso
HTML Essentials
3. Images and Media
HTML Essentials
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
.
index.html
index.css
index.js
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.css
index.js
¿Todo estuvo claro?