PDA

View Full Version : Audio To Web Page - Need It Loading Fast And Validating


Superman859
11-20-2006, 11:37 PM
I know there have been many posts about getting audio on a web page in this forum - I was just browsing them.

But I still have a couple questions and feel like I don't have an answer yet.

What I need is a way to add audio files (.mp3) to a site, the files will play in the background upon clicking a small image, work for all browsers in XHTML transitional, and load only on clicking the small button.

The reason is this : I'm designing a website for learning Korean. It contains lessons, and within the lessons there will be audio for nearly every Korean word. That means there are lots of audio files included on each lesson page. Next to the words I will have a small image they can click, and the audio for that word would play in the background. There don't need to be any controls, etc. Finally, I'm unsure how they normally load, but I want them to only load when you click the image. If they all load when the page loads, it's going to be a very long wait. Individually, the audio files aren't very large - 20-30kb a piece so far (they are basically 1-2 second long clips of the word being pronounced).

Actually, what I would like is for everything to load as fast as possible. The page needs to load the fastest, but I still want the audio files to play as soon as possible when the button is clicked. It'd be great if the page could load, and then the audio could begin to load for that page (without slowing down the browser), in case any images are clicked. I just need to find the best way to do this.

Each lesson will have up to 50 audio files on the page. See why it might be a bit of a loading problem?

Anyways, I'm just a bit confused. I'm not sure how to get it to validate in all browsers since Netscape/IE never agreed on anything, and I need it to play as fast as possible. I can change the file formats if necessary, but would need to find a conversion program for that as the files are already recorded in mp3 format.

Any ideas?

AuxiTrooper
12-05-2006, 04:27 AM
i didn't read your whole post simply because getting anything to work with ALL browsers is going to be your biggest problem. again, just like with any of my other posts, i could be speaking with an idiots tongue here....

as for the audio file loading quickly just compress the audio to a higher level or skimp on the quality making the file smaller. though no matter what if a person has dial-up don't plan on anything being too quick for them.

best bet would be to incorporate a sniffer into your pages so that a specific page of browser specific content would be used depending on the browser the visitor was using. this is the best way to eliminate errors though it could mean a lot of work and code validation/testing on your part.

DanielEder
12-15-2006, 06:53 AM
Found related answer to your question at http://www.fleximusic.com/support/mp301.htm

sleek-wi
12-15-2006, 02:03 PM
Do you mean something like this?
http://www.photografix.us/audio/sounds
then here is the code
</a></font><font size="-1" face="Arial,Trebuchet MS,Helvetica,Geneva"><b>click to hear sound<br>
</b></font><font size="-1" face="Arial,Trebuchet MS,Helvetica,Geneva,san-serif"><a href="http://www.yoursite.com/main_folder/sub_folder_1xx/click.wav " target="new">click</a>
make necessery changes in red text where needed
you can have as many folders with diff catogaries of sound files
you may also need to specify window sizes

Sleek
Photographer
http://www.photografix.us/photografix_40x400.PNG (http://www.photografix.us)