Build a Multimedia Player - Build a Multimedia Player

HTML-CSS
1

Tell us what’s happening:

Media Showcase

Learning Through Media

Sailing Away

Underst

Your code so far

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Media Showcase</title>
</head>
<body>
  <h1>Learning Through Media</h1>

  <!-- Audio Section -->
  <section>
    <h2>Sailing Away</h2>
    <audio controls aria-label="Audio player for the song Sailing Away">
      <source
        src="https://cdn.freecodecamp.org/curriculum/js-music-player/sailing-away.mp3"
        type="audio/mpeg"
      />
    </audio>
  </section>

  <!-- Video Section -->
  <section>
    <h2>Understanding the JavaScript Map Method</h2>
    <video
      controls
      width="600"
      aria-label="Video explaining how the JavaScript map method works"
    >
      <source
        src="https://cdn.freecodecamp.org/curriculum/labs/what-is-the-map-method-and-how-does-it-work.mp4"
        type="video/mp4"
      />
      <track
        src="https://cdn.freecodecamp.org/curriculum/labs/what-is-the-map-method-and-how-does-it-work.vtt"
        kind="subtitles"
        srclang="en"
        label="English subtitles"
      />
    </video>
  </section>

  <!-- Transcript Section -->
  <section>
    <h2>Transcript</h2>
    <p>
      The map method is a powerful JavaScript array function that allows you to
      create a new array by applying a function to each element of an existing
      array. It does not modify the original array and is commonly used for
      transforming data in a clean and readable way.
    </p>
  </section>
</body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36 OPR/125.0.0.0

Challenge Information:

Build a Multimedia Player - Build a Multimedia Player

2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!