Solved

HTML 5 audio tag not working in Firefox 6.0.2

Posted on 2011-09-20
5
531 Views
Last Modified: 2012-05-12
Hi. I've set up a simple HTML 5 audio tag, and prepared MP3 and OGG files as the source audio. I use this simple code:

<audio controls="controls">  
<source src="PGTeaser-LongMix-Sept19.ogg" type="audio/ogg" preload="auto" />  
<source src="PGTeaser-LongMix-Sept19.mp3" type="audio/mp3" preload="auto" />  
Please update your web site browser. 
</audio>

Open in new window


It works great in MSIE 9, but not in FF 6.0.2. Please take a look:

http://www.judybyron.com/perfectgirls/pg_audio1.html

Any ideas why this is not working in FF 6?

My client computer is Windows 7 64-bit.

Thank you for any advice.

Eric
0
Comment
Question by:Eric Bourland
  • 3
  • 2
5 Comments
 
LVL 51

Accepted Solution

by:
HainKurt earned 500 total points
ID: 36570837
0
 
LVL 51

Expert Comment

by:HainKurt
ID: 36570841
what about this

<audio controls="controls">  
<source src="PGTeaser-LongMix-Sept19.mp3" type="audio/mp3" preload="auto" />  
Please update your web site browser.
</audio>

or

<audio controls="controls">  
<source src="PGTeaser-LongMix-Sept19.mp3" type="audio/mp3" preload="auto" />  
<source src="PGTeaser-LongMix-Sept19.ogg" type="audio/ogg" preload="auto" />  
Please update your web site browser.
</audio>
0
 
LVL 3

Author Comment

by:Eric Bourland
ID: 36571223
HainKurt, thanks for your notes.

>>>it says file is missing

Weird. I see the file with that exact filename in the correct directory.

I wonder if I encoded the OGG file in a way that FF will not read.

I did try those other <audio> options.

I'm gonna reencode this OGG file from the original MP3 and see what that does. I'll let you know what happens.

Thank you again. Hope you are well.

Eric
0
 
LVL 3

Author Comment

by:Eric Bourland
ID: 36571365
I know what I need to do. I need to tell IIS 7.0 how to serve the MIME type for OGG.
0
 
LVL 3

Author Closing Comment

by:Eric Bourland
ID: 36571453
This was the clue that helped me. I needed to add mime type audio/ogg to IIS 7. Works like a charm now. Thanks, HainKurt! Take care.

Eric
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Login area of a page 4 32
How to Chain multiple custom filters with AngualrJS 3 34
Split in Javascript 5 30
insert text field data into html script 13 22
Someone recently asked me about how to display a progress indicator on a page while an iframe is loading. And I remember when I first came across this myself. It was a bit tricky to get my head around, but really, it's very simple. The most impor…
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now