Build a Multimedia Player

Source: Dev.to

Author’s Note: My ADHD was in full tilt this morning, which is why I mention in this post that I plan to revisit this lab at a later date to expand the accessibility beyond the original user story requirements.

HTML Boilerplate

  
  
  Multimedia Player

Audio Element Example

Video Element Example

Completed Lab Code

  
    
    
    Multimedia Player
  

  
    
## Multimedia Player

    
      
## Now Playing: Sailing Away

      
        
      
      
        Use the play button to start the audio track. Use pause to stop it. Use volume controls to adjust sound.
      
    

    
      
## What is the map method and how does it work?

      
        
        
      
    

    
      
## Transcript

      
        What is the map method, and how does it work? The map method is a widely used and powerful function in JavaScript that works on arrays. It creates a new array by applying a specified function to each element of the original array. The original array remains unchanged, while the new array contains the results of the function applied to each element.
      
    

  

---

I really enjoyed this trio of labs focused on accessibility. I now have an accessibility review and quiz ahead of me before tackling the quiz for the entire HTML section of the curriculum. I’ll share more about that review next time—until then, keep coding!