Starting text object pulse automatically when read aloud narration completes

Philip B

Looking for a way to start a text object pulse on completion of read aloud narration. My understanding at this point is that ReadAloudStarted and ReadAloudStopped do not have event listeners to allow JavaScript to initiate the CSS pulse code ?? Is there any other way to make this happen automatically without any further user input ?? With thanks All.

Philip B

Quick update . Have successfully used javascript code under the ReadAloudStarted event to stop the pulse during the narration. Would be useful to prevent the pulse from starting at all on each page until the narration completes. Still searching for a way to trigger the text object to pulse under the ReadAloudStopped event.

Angelo S

If i understand correctlty, you added an effect to the object which you want to be active only when read aloud is stopped. To do this you can use "Run Javascript" actions in Read Aloud Started and Read Aloud Stopped with the following code:

$("#obj10681").addClass("animated pulse") // restart the animation on Read Aloud Stopped

$("#obj10681").removeClass("animated pulse") // stop the animation on Read Aloud Started

Angelo S

I am also working on new native PubCoder actions to do this without javascript code, will be available in the next PubCoder release 👀

Philip B

Woo Hooo Angelo. Luvit!! Apologies for late reply (or perhaps U only just posted this & I got lucky with my checkin!). Had rather given up on the forum!
I'll go play with this. Looking forward to new release. Good fortune with that :-)

Philip B

OK A. Just a quickie feed back. (PS hoping that it contributes usefully to the new native PubCoder actions ;-) )

The above code works gr8. I suspect it works as it was designed to. ie in Quick Preview:

page opens with inactive Read Aloud button and the pulse effect is active. Debugger shows no details.
on click Read Aloud button, Read Aloud button goes 'active', read aloud narration commences, pulse switches to non active. Debugger shows Read Aloud Started event.
on read aloud narration completion, Read Aloud button remains 'active', pulse remains non active. Debugger shows no change.
on second click of Read Aloud, Read Aloud button switches to inactive, pulse switches to active. Debugger shows Read Aloud Started event and Read Aloud Stopped event.

So all is good :-)

In my further thinking about this functionality, I imagine guiding the reader through the page .....
so stepping through narration with text highlighting, then being drawn to tap on a pulsing word / object which opens a pop-up that exposes another learning moment (eg word pronunciation audio / graphic etc).
So. Looking to have the pulse 'off' on page opening, then automatically triggered to 'on' when the narration completes plus...
... should the reader click on the text / object that is (or isn't) pulsing before the narration completes, the page narration should stop to prevent pop-up audio playing over page audio at the same time.

I hope I've described that well enough such that it provokes further cogitation at your end. With thanks. Regards and best.