You are here:

HTML/Play MP3s on Web Page

Advertisement


Question
soundpage.jpg
soundpage.jpg  
Hi Daniel

I'm planning to add some mp3 audio file lessons to my English Teaching website (W3C//DTD HTML 4.0 Transitional). I thought that the simple html code in the pages  
(e.g. Text & Audio: That's one small step for man, one giant leap for mankind.</b>
</font></p><br>) would simply allow the file to be played in the user's default mp3 player. But it only works for Chrome. I would like it to play in IE and Firefox as well.

The basic aim is that the student users should simply hear the file played when they click on the link in any of the three browsers. How can I achieve this? Any simple way? (I'm an eternal newbie.)

Efforts to load jpg page image not successful.

Your consideration is much appreciated.

Frank

Answer
Hi Frank,

Forcing audio to play in the user's native audio player via the web is very tricky.  You'd be better to change your doctype to HTML 5, and explore using the <audio> tag.  It's not going to give you exactly the functionality you want, but would play audio in the browser window in every modern browser.

Without getting bogged down in complex coding, there aren't many other options.  You could look at an Adobe Flash based solution.

HTML

All Answers


Answers by Expert:


Ask Experts

Volunteer


Dan Stephenson

Expertise

I am a professional Web Designer & Developer. I work with HTML, XHTML and CSS every day, and would be glad to help with your problems, and answer your questions.

Experience


Experience in the area I have been a web designer/developer since 1997. I started developing websites with HTML 3.2 and using tables for layout. In 2006 I received my degree in Computational Media, and now work full time as a Webmaster and Interactive Media Author, as well as teaching continuing education courses on HTML, CSS and ActionScripting at my local college. Currently I design with XHTML and CSS - no tables and much cleaner and more accessible code and allows the designer more freedom and flexibility than tables.

Education/Credentials
New Media Production & Design Degree - SAIT Polytechnic

©2016 About.com. All rights reserved.