Solved

Embedded Audio player in web pages

Posted on 2012-04-09
2
717 Views
Last Modified: 2013-11-19
I am hoping someone here may know what would be a good audio player to embed in webpages.  I've tried several players, but haven't had any luck getting something to work in Windows 7 Firefox 11 browser.  The buttons don't work for me, but can start and stop the files using the space bar.  I am also finding the page playing all the songs simultaneously in PC Chrome. Haven't had trouble on a Mac.

Is there any all around good player for mp3s for the web?

Here is my page:http://americanart.si.edu/luce/mixtape/

This is the first player used:
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="200" height="20">

<param name="src" value="/luce/mixtape/audio/TrainingWheels.mp3" /> <param name="controller" value="true" /> <param name="autoplay" value="false" /> <param name="autostart" value="0" /> <param name="pluginspage" value="http://www.apple.com/quicktime/download/" />

<!--[if !IE]> <-->

<object type="audio/x-mpeg" data="/luce/mixtape/audio/TrainingWheels.mp3" width="200" height="20"> <param name="src" value="/luce/mixtape/audio/TrainingWheels.mp3" /> <param name="controller" value="true" /> <param name="autoplay" value="false" /> <param name="autostart" value="0" /> <param name="pluginurl" value="http://www.apple.com/quicktime/download/" /> <embed src="/luce/mixtape/audio/TrainingWheels.mp3" type="audio/x-mpeg" width="200" height="20" autostart="false" controller="true" ></embed> </object>

<!--> <![endif]-->
</object>

This is the second quicktime player (used in the remain 4 songs):
<embed width="200" height="20" pluginspage="/quicktime/download/" autoplay="false" src="/luce/mixtape/audio/MistyEyes.mp3"></embed><br /> <p class="noindent">

Thank you!
0
Comment
Question by:cbeverly
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 110

Accepted Solution

by:
Ray Paseur earned 500 total points
ID: 37826968
Using Windows 7 and FF 11.0 the page works perfectly for me.  All the bars appear in the right places and the music plays when I click the appropriate button.  Of course, I can start two audio streams at the same time and this sounds goofy, but you can't fix goofy client behavior.  In Chrome all of the embedded audio files started playing at the same time.  Inmy experience, it's always been better to put one audio file on the page at a time, and just provide links if you want to present multiple audio files to the client.

See http://validator.w3.org/check?uri=http%3A%2F%2Famericanart.si.edu%2Fluce%2Fmixtape%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

You might want to consider a couple of things.  Are all of the <object> tags closed?  Consider adding "type=" attributes to the object.  Maybe type="audio/mpeg" or type="video/wmv"?  Not sure, but those should be worth testing.

Best regards, ~Ray
0
 

Author Closing Comment

by:cbeverly
ID: 37828458
Thank you. Adding the object tags worked.
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

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

Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
This video teaches users how to migrate an existing Wordpress website to a new domain.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

707 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