Solved

Sound Sync In Webpage !

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

Percona Live Europe 2017 | Sep 25 - 27, 2017

The Percona Live Open Source Database Conference Europe 2017 is the premier event for the diverse and active European open source database community, as well as businesses that develop and use open source database software.

Question has a verified solution.

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

FAQ pages provide a simple way for you to supply and for customers to find answers to the most common questions about your company. Here are six reasons why your company website should have a FAQ page
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
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.

626 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