HTML & CSS Audio MP3

[TreasureHunt]

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

I am new with HTML & CSS. I have an IT software programming background, however, I cannot figure out why this code is not playing the .mp3 file within the same folder as the .html.
MP3 file: double click - .mp3 Plays successfully
HTML file: double click - the Control button appears in gray tone yet not accessible to Play .mp3
MP3=620KB
HTML=289 bytes
I was successful replacing the Audio code to display a photo.

 

[Malcolm]

Hello there!

Welcome to Code Forum!

Haven't dealt with this before, but can you try editing the type to type="audio/mp3"

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

 

[TreasureHunt]

Well, made sense to me, but not to HTML. Thank you for your response. The Control button still displays in gray tone with “Click the play button”.

 

[ivan.moony]

maybe it works only on server?

 

[Malcolm]

Are you able to provide the audio file so I can do it on my end?

 

[edenwax]

I tested this locally and it seemed to work fine. Using your same code, try downloading one of these test MP3s and see if you can get the audio player to work:

Sample .mp3 download | File Examples Download

I used this exact code:

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

File was in the same directory and everything.

 

[Malcolm]

Hello, @TreasureHunt!

Did @edenwax provide you with a solution? If so, please mark the particular post as the solution. However, if you found the answer elsewhere can you please post it for others that may come across your issue as well.

 

[TreasureHunt]

Sorry, it took going to a class at my local Library.
SOLUTION: I used NAXA NPB-300 Cassette to MP3 Converter to create my original MP3 file.
I had to download Audacity (free app) to my laptop. Using Audacity, File, Open, with my original MP3 file as input, then File, Export, to MP3, I created a new output file name. The resulting file is smaller, but that in/out process allows the MP3 to be heard using my HTML audio code. YAY!