Solved

Sound Sync In Webpage !

Posted on 2008-10-17
1
290 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 500 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

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Uncaught Type error cannot assign to read only property 6 25
jqury 17 28
Outlook opens HTML email as text 4 22
One field not displaying content (ASP Classic) 8 23
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Any business that wants to seriously grow needs to keep the needs and desires of an international audience of their websites in mind. Making a website friendly to international users isn’t prohibitively expensive and can provide an incredible return…
The viewer will learn how to count occurrences of each item in an array.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

785 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