Solved

Sound Sync In Webpage !

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

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

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

This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

856 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