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

Sev Rob
Sev Rob
3,273 Points
Posted by Sev Rob
Sev Rob
3,273 Points

On the <audio> tag, add the proper type attribute that corresponds to the source file. What am I doing wrong?

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

that's my own code. why does it has to be "audio/mp3"? PLEASE HELP.

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">

      <!-- Add your code below this line -->
     <audio src="http://treehouse-code-samples.s3.amazonaws.com/html-video-and-audio/bridge-audio.mp3" type="bridge-audio.mp3"/>




    </div>

  </body>
</html>
colm
colm
13,037 Points

it has to be type="audio/mp3" as what that is doing is telling the html what type of file format the mp3 audio file is. Same would go for if you're doing videos it would be type="video/mp4"

1 Answer

tylerduprey
seal-mask
.a{fill-rule:evenodd;}techdegree
tylerduprey
Full Stack JavaScript Techdegree Student 25,399 Points
tylerduprey
.a{fill-rule:evenodd;}techdegree
tylerduprey
Full Stack JavaScript Techdegree Student 25,399 Points

Hi Sev,

First of all, your original answer was really close. Like all other HTML syntax rules, browsers require the "type" attribute to be in a specific format. The "type" attribute within an <audio> tag tells the browser what file extensions you're using. So, browsers need all developers to declare that attribute in a standardized way. Here's a link to the W3C standard on how they recommend adding sources to an audio tag: https://www.w3schools.com/TAGS/tag_audio.asp

It looks like you already figured out the answer: <audio src="http://treehouse-code-samples.s3.amazonaws.com/html-video-and-audio/bridge-audio.mp3" type="audio/mp3" />