Programmer's Picnic

Talking Avatar Demo

This version fixes the hidden mouth and makes the animation clearly visible on mobile too.

Speaker Paragraphs

Welcome to Programmer's Picnic. This is the introduction paragraph. In this demo, the avatar will start speaking, the mouth will animate, and the active paragraph will be highlighted.
The main idea is simple. We use browser speech synthesis for narration, and while the narration runs, the avatar enters speaking mode. This gives a lively teaching experience.
Later, we will replace this demo face with our own photo based avatar, or even build a more advanced version that looks like a real speaking presenter.
Ready.

Speaking Avatar

Demo floating narrator

Status Waiting to start narration.