Home/ Questions/Q 9230273
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T05:47:04+00:00

I am trying to make an audio player using HTML 5 project template. I

  • 0

I am trying to make an audio player using HTML 5 project template. I am using the following HTML code :

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link rel="stylesheet" type="text/css" href="/html/css/phone.css" />
        <title>Windows Phone</title>
    </head>
    <body>
        <div>
            <p>Audio Player</p>
        </div>
        <div id="page-title">
            <p>Play Audio</p>
            <audio controls="">
            <source src="horse.ogg" type="audio/ogg">
             Your browser does not support the audio element.
            </audio>
        </div>
    </body>

</html>

I picked up this code from here, I have added the “horse.ogg” to the solution explorer as shown in the screenshot below…

enter image description here

But when I run this appication I get the following output, it reads

Invalid Source

But when I open the same html using a browser I am able to play the file properly.

enter image description here

What could be the problem ?

Is there a better and easier way in which I could play audio files which I will add to the solution explorer and play using HTML 5 ? I am planning to add 10-15 small and funny audio clips and the app will allow user to select it and play it using HTML 5.

Please share your thoughts on this.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    As the error message says, it’s an invalid source.

    Internet Explorer 10 doesn’t support Ogg audio files, but MP3 files. Convert your Ogg to an MP3 and it should work fine.

    <audio controls>
   <source src="horse.mp3" type="audio/mp3">
</audio>

    Also, if you’re only providing one source you can use the src attribute of the audio element:

    <audio src="horse.mp3" controls></audio>

    But this is only really recommended if you are targetting one particular type of browser only.

    • 0