/    Sign up×
Community /Pin to ProfileBookmark

Need a pro! .. How to highlight text with audio que points ???

Copy linkTweet thisAlerts:
Jan 05.2010

[FONT=Palatino Linotype]Hiii all developers ?

I want to embed some mp3 files on my site , and I want to add a special feature that lyrics will show up with the audio ..

my question is .. how to highlight the text when it’s said in the mp3 file using the javascript ??

a typical example is in this site : [URL]http://www.alenjil.com[/URL]
it contains an arabian version of the holy bible ..

I have some basic ideas about that like slicing the mp3 file with some que points , but how to “tell” the code to highlight this part of text when that que point is reached ??

thank you all for your help & support ?
[/FONT]

to post a comment
JavaScript

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@_lt_web_dev__gt_authorJan 05.2010 — [LEFT][FONT=Georgia]Still nothing ??[/FONT]

[FONT=Georgia]please guys , let's just think about it .. [/FONT]

[FONT=Georgia]if you have any ideas, even a small idea, post it .. and I promise I will post the whole code if I managed to do it ?[/FONT][/LEFT]
Copy linkTweet thisAlerts:
@sushiJan 05.2010 — you can easily do this with flash. 1 Timeline must contain the mp3, and the second one the text. Create new key frames every time you want to highlight something new. Then go back and highlight the text accordingly.

You CAN highlight text with javascript in a timely manner (using a timer and lots of spans) but sync it to the mp3 will be very hard.
Copy linkTweet thisAlerts:
@_lt_web_dev__gt_authorJan 05.2010 — [FONT=Georgia]mmm .. nice idea Sushi ?

Thanks for replying..

but there will be a problem concerning the size of the file at the end ,

but I will try it and post the result ?

[/FONT]
×

Success!

Help @_lt_web_dev__gt_ spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...