synchronize Polly voices with HTML5 animations

  • Resolved Eric Malalel

    (@teachlynx)


    7 years, 8 months ago

    I would like to know if it is possible to synchronize Polly voices with HTML5 animations.
    I use HTML5 animations to sequentially display texts in pages, the same way texts may appear on PowerPoint slides.
    All the texts are loaded with the page, and the page then uses CSS3 animations to display the texts sequentially, at different time intervals.
    I would like the Polly voice to be heard when the text appears, synchronized with each text.
    Is this possible and how? Do you have samples?
    I have provided a link to a page I would like to have audio synchronized with animations.

    • This topic was modified 7 years, 8 months ago by Eric Malalel.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor tstachlewski

    (@tstachlewski)

    7 years, 8 months ago

    Hi @teachlynx,
    Yes & No ;).

    Regarding Amazon Polly – yes, it would be possible. Amazon Polly itself support “Speech Marks” (you can find more here: https://aws.amazon.com/blogs/aws/new-amazon-polly-speech-marks/ ). Speech marks in short are information about when specific word starts and finish – so you could incorporate it in your solution.

    The plugin itself currently doesn’t support it – it doesn’t request this information from Amazon Polly service, so it’s not available. But we are happy to learn more about the scenario and perhaps add Speech Marks in one of our future releases. Could you check Speech Marks link from above, and tell me if this would be useful for you? How would you expect this to work?

    Cheers,
    Tomasz

    Thread Starter Eric Malalel

    (@teachlynx)

    7 years, 8 months ago

    I have read information on speech marks and it seems to be there is exactly what I need, the <break> speech mark.
    For instance, if I enter the text:
    <speak>Salut, je m’appelle Mathieu. <break time=”10000ms”/>Je vais lire le texte que vous écrirez ici.</speak>.
    I do get a 10 seconds break.
    So if on one side I set timers in my HTML5 CSS3 animations, which is what I already do, and on the other side I set the same breaks in the text, it should work fine, I will have audio synchronized with animations.
    The question is: will your plugin support this speech tag?
    From your previous post, it seems it is not supported yet.

    Plugin Contributor tstachlewski

    (@tstachlewski)

    7 years, 8 months ago

    @teachlynx – if you are looking exactly for SSML break tag support – please drop me email, happy to share more info with you. stachlew @ amazon . com

    Cheers,
    Tomasz

    Thread Starter Eric Malalel

    (@teachlynx)

    7 years, 8 months ago

    Hi Tomasz,

    I will send you a mail with full details.

    Plugin Contributor tstachlewski

    (@tstachlewski)

    7 years, 7 months ago

    SSML Break tag support added in the latest plugin version.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘synchronize Polly voices with HTML5 animations’ is closed to new replies.