Jump to content
Search Community

Text and Recorded Speech coordination

Ravi Variar test
Moderator Tag

Recommended Posts

Hi all:  I am trying to write a study app for my children that will have Text animation (potentially cursive with SVG text)  and the sentence gets read out to help them learn online better.

This can also have math equations in SVG animated with voice over,  or diagrams etc.

Please advise if there is a starting point for this.  I have subscribed to Club Greensock for this purpose to use all the tools.

thanks a lot for the help

thanks

Ravi. 

Link to comment
Share on other sites

Hey there! Hard to make recommendations without knowing what you'd like the text animation to look like.

But maybe splitText would be a good place to start? - https://greensock.com/docs/v3/Plugins/SplitText

If you want to sync up sound a nice simple way would be to use a library like howler.js and then use a callback in a timeline or tween to play a sound.

Here's a little demo

See the Pen qBNQerW?editors=1111 by cassie-codes (@cassie-codes) on CodePen

  • Like 4
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...