Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Sound Sync In Webpage !

Posted on 2008-10-17
1
Medium Priority
?
303 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
[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
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

Build and deliver software with DevOps

A digital transformation requires faster time to market, shorter software development lifecycles, and the ability to adapt rapidly to changing customer demands. DevOps provides the solution.

Question has a verified solution.

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

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
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…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

688 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