Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML HTML Video and Audio Media Basics The Audio Element

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.

<!DOCTYPE html>
    <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">

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



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

Full Stack JavaScript Techdegree Student 24,905 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" />