Tweetenstein's face stitched together - animated Javascript Lip-synch TTS from Google Translate API

After a lot of fiddling over the last few days, I've managed to make a crude html page animate to the text-to-speech output from the Google Translate API

This is a still of the face, showing the two eyes and one mouth.



The mouths are taken from a lip-reading example, then a plastic effect filter effect in Photoshop























On the left, before. On the right, after
























And this is the slightly unsettling look you get. These eyes are done in the same way, but are actually my own eyes put through the same filter...


Ande here are examples of mouths




Sweet!

The javascript that is doing this is in here:
https://github.com/rosemarybeetle/tweetenstein/blob/master/tweetenstein-cut.js

This needs a local server running as it loads an external (JSON) data file...

It is inside an html page thus
https://github.com/rosemarybeetle/tweetenstein/blob/master/face-off.html