Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML HTML Video and Audio Media Basics The Audio Element

Posted by Kang Lim
Kang Lim
2,763 Points

How to add an src to http:/ /treehouse-code-samples.s3.amazonaws.com/html-video-and-audio/brhidge-audio.mp3

I checked, rechecked, I think I got it right, what is missing?

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML Video and Audio</title>

    <link rel="stylesheet" href="normalize.css">
    <link href='http://fonts.googleapis.com/css?family=Nunito:400,300' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="main.css">
  </head>
  <body>

    <h1>HTML Video and Audio</h1>
    <div class="wrapper">

      <audio><source src= "http://treehouse-code-samples.s3.amazonaws.com/html-video-and-audio/brhidge-audio.mp3" type= "audio/mp3">
      </audio>


    </div>

  </body>
</html>

2 Answers

Michael Afanasiev
PLUS
Michael Afanasiev
Courses Plus Student 15,596 Points
Michael Afanasiev
Michael Afanasiev
Courses Plus Student 15,596 Points

Hi Kang,

It seems to me that you have unneeded space right after your src's.

Kang Lim
Kang Lim
2,763 Points

Tried as you suggested, still didn't work

Shawn Flanigan
PLUS
Shawn Flanigan
Courses Plus Student 15,815 Points
Shawn Flanigan
Shawn Flanigan
Courses Plus Student 15,815 Points

Hi Kang

In the first part of the challenge, they have you open a self-closing audio tag (<audio />). You'll want to keep working with that for the 2nd part of the challenge.

So...instead of breaking the audio element up into opening and closing tags, keep it as is.

Then, instead of inserting a <source> tag, simply add a src attribute to your self-closing audio tag, like so:

<audio src="URL Here" />

That should just about do it. Let me know if you have any questions!