General HTML/Web Design Programming Q`s/MP3s on Web Pages

Advertisement


Question
Hi Nancy

I'm planning to add 9 pages of mp3 audio voice lessons (138 files) to my html 4 English Teaching website, but have been unable to get them to play in IE and Firefox. (They all play well in Chrome.)

I've tried using simple code in the pages (e.g. <a href="audio/listening-exercise-armstrong.mp3">)
Also, I've tried declaring the page html 5 and played with using
<audio controls>
 <source src="listening-exercise-armstrong.mp3" type="audio/mpeg">
 <source src="listening-exercise-armstrong.ogg" type="audio/ogg">
 <embed height="50" width="100" src="listening-exercise-armstrong.mp3">
</audio>

However, it just isn't that simple. The mp3s didn't play in IE and Firefox and threw the page out of whack. (I don't know html 5.) In offline testing, both of these codes only worked well in Chrome. (But, IE wants to download it to my browser and nonsupportive Firefox will cop out and call the file corrupt.)
So far, I have not looked into any simple embedded players.

The basic aim is that the student user should simply read a line or two of text, click on the text link and hear the file played - in any of the three browsers. Any suggestions to resolve this issue?

Thanks for your consideration,
Frank

Answer
Frank - there are compatibility issues between browsers, it is almost impossible to have all work in all browsers.

The following may be helpful.
http://www.w3schools.com/html/html_sounds.asp

along with

http://www.w3schools.com/HTML/html5_video.asp

The W3 defines HTML and is an excellent source.

We often have to put a disclaimer that something is best viewed in a certain browser.


Nancy

General HTML/Web Design Programming Q`s

All Answers


Answers by Expert:


Ask Experts

Volunteer


Nancy Janyszeski

Expertise

I can help with basic HTML questions and web development concepts. I do not write JavaScript, but can help with the concept of using and where to find it.

Experience

Experience in the area.I am Microsoft Office User Specialist (MOUS) Master Certified and was certified as a MOUS Authorized Instructor. Instructional design and test writer for Skills Advantage LLC, http://skillsadv.com/, Test Publisher and E-learning Solutions Provider

Publications
Courseware, intro and advanced HTML

Education/Credentials
Microsoft MOUS certified, ICDL certified

Past/Present Clients
Vocational Schools

©2016 About.com. All rights reserved.