Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Sound Sync In Webpage !

Posted on 2008-10-17
1
Medium Priority
?
304 Views
Last Modified: 2013-12-25
OK, I have numerous voiceover files.. Can anyone tell me how I can load & play a sound (mp3) on a webpage but I need to sync it to bullet points appearing on screen !
Any Ideas ?

Thanks
John
0
Comment
Question by:mrmad1966
1 Comment
 
LVL 44

Accepted Solution

by:
scrathcyboy earned 2000 total points
ID: 22745490
Do you mean a CLICK of bullets in an unordered list?  If so you just use the onClick() handler to load a MP3 file when the user clicks a LINK after the bullet --

http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_23578767.html
www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_23579045.html
codingforums.com/archive/index.php?t-52763.html
digitalmedia.oreilly.com/2005/02/23/mp3_embed.html

HOWEVER -- if you mean you want the page to PAUSE at each bullet and play a sound, that will not happen.  In general sound plays only AFTER the entire webpage has loaded.  You can't stop execution of the entire page just to play a sound for each bullet point that comes up.

HOWEVER, if you want to use inline javascript, just put a javascript inline after each bullet <LI> to embed the sound and play it as each javascript is encountered. ---

www.phon.ucl.ac.uk/home/mark/audio/play.htm
www.webreference.com/js/column20/
simplythebest.net/sounds/sound_guide.html
www.boutell.com/newfaq/creating/audio.html
www.boutell.com/newfaq/creating/scriptsound.html
www.wdvl.com/Multimedia/Sound/ 

BUT, the page loading is so quick relative to the sounds playing, that they will all overlap if sequential
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying 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

When the s#!t hits the fan, you don’t have time to look up who’s on call, draft emails, call collaborators, or send text messages. An instant chat window is definitely the way to go, especially one like HipChat. HipChat is a true business app. An…
When it comes to security, close monitoring is a must. According to WhiteHat Security annual report, a substantial number of all web applications are vulnerable always. Monitis offers a new product - fully-featured Website security monitoring and pr…
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.
Suggested Courses

927 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