Lip-sync anything
Turn your microphone on and a face mouths along with you, in real time. Or play any sound file through it. There's no AI here: the mouth shapes come from the sound itself.
Loading...
listenTo() lip-syncs any Web Audio source as it plays: a microphone, a media element, or a node of your own, such as a text-to-speech stream.
const mic = await navigator.mediaDevices.getUserMedia({ audio: true });
const stop = face.listenTo(audioContext, mic, { gain: 1.2 });
// or a sound file, or any AudioNode
face.listenTo(audioContext, document.querySelector('audio'));