Add an audio player — practice exercise

What you'll be asked to do

1. 1.Add an audio playerexercise · easy · 10 min

   Add an audio element with visible controls.

   Passes when: Add an audio element with visible controls.

2. 2.Point at the fileexercise · easy · 10 min · practice plan

   Set the audio source.

   Passes when: Set the audio source.

3. 3.Use a source elementexercise · easy · 10 min · practice plan

   Supply the file with a nested source element.

   Passes when: Supply the file with a nested source element.

4. 4.Add fallback textexercise · easy · 10 min · practice plan

   Tell older browsers what they are missing.

   Passes when: Tell older browsers what they are missing.

5. 5.A looping clipexercise · medium · 10 min · practice plan

   Make the clip loop with controls shown.

   Passes when: Make the clip loop with controls shown.

6. 6.Fix the player with no controlsbug fix · easy · 8 min

   Without controls there is no way to play it.

   Passes when: Without controls there is no way to play it.

7. 7.Fix the wrong attribute for the filebug fix · easy · 8 min · practice plan

   Media points at its file with src.

   Passes when: Media points at its file with src.

8. 8.Fix the source written as an attribute listbug fix · easy · 8 min · practice plan

   Multiple formats use nested source elements.

   Passes when: Multiple formats use nested source elements.

9. 9.Fix the fallback put outsidebug fix · easy · 8 min · practice plan

   Fallback text goes between the audio tags.

   Passes when: Fallback text goes between the audio tags.

10. 10.Fix the missing loopbug fix · easy · 8 min · practice plan

    The clip is meant to repeat.

    Passes when: The clip is meant to repeat.

Between them these tasks cover Audio playback, controls and Fallbacks.

Looking for a different chapter? See every practice set, or switch to the interview theory questions.